@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin,latin-ext);

::-webkit-scrollbar {
    height: 0px;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: darkgrey;

}


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

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

abbr,
acronym,
fieldset,
img {
    border: 0
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

.urunaciklama ul {
    list-style: circle;
    margin-left: 15px;
}


caption,
th {
    text-align: left
}

input,
textarea {
    outline: 0
}

textarea {
    resize: none
}

.clear {
    clear: both!important
}

body {
    cursor: default
}

a {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

a,
a:hover {
    text-decoration: none
}

::-webkit-input-placeholder {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    color: #a8a8a8
}

:-moz-placeholder,
::-moz-placeholder {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    color: #a8a8a8
}

:-ms-input-placeholder {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    color: #a8a8a8
}

.fancybox-overlay img {
    max-width: 100%!important;
    width: 100%!important;
    height:auto!important;
    display: block!important;
}

.fancybox-inner {
    width: 100%!important;
    height: auto!important
}


.birabirbcat {
    background-color: red;
    color: #fff;
    width: 100%;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    border-radius: 5px;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel,
.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    text-align: center;
    margin-top: -40px;
    position: relative;
    z-index: 99
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 19px;
    height: 19px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, .3);
    position: relative;
    top: -14;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    margin: 0 4px!important
}

.owl-theme .owl-controls .owl-page:last-child span {
    margin: 0
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #000
}

a {
    cursor: pointer
}

.bakan {
    margin-top: 610px;
    margin-left: 135px
}

.bakan2 {
    font-size: 15px
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f3f6f9;
    font-weight: 400;
    color: #454545
}

.ui-button {
    border: 1px solid #c5c5c5;
    background: #f3f6f9;
    font-weight: 400
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

#success p,
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 500
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}


.spinner {
    width: 138px;
    overflow: hidden;
    float: left;
}

.spinner button {
    height: 100%;
    border: 0;
    width: 42px;
    color: #e5312a;
    font: 22px Arial 700;
    padding: 0;
    outline: 0
}

.spinner .value,
.spinner button {
    text-align: center;
    display: block;
    float: left;
    line-height: 38px;
    margin: 0
}

.spinner .decrease,
.spinner .increase {
    cursor: pointer;
    background-color: #c1c1c1;
    color: #ffffff;
    font-size: 28px;
    border: 1px solid #c1c1c1;
}

.spinner .increase {
    background-position: 0 0
}

.spinner .decrease[disabled] {
    background-position: 0 -114px;
    cursor: default
}

.spinner .value,
.spinner .value.passive {
    background-repeat: repeat-x;
    font: 500 24px/38px Poppins;
    color: #898989;
    height: 45px;
}

.spinner .value {
    background-position: 0 -38px;
    width: 54px;
    height: 46px;
    border: 0;
    color: #767676;
    padding: 0
}

.spinner .value.passive {
    background-position: 0 -152px
}

.spinner .error,
.spinner .invalid {
    background: #f00;
    color: #fff!important;
    user-select: none;
    cursor: default;
}

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

body,
html {
    height: 100%;
    background-color: #f3f6f9;
    font: 400 14px 'Poppins';
    -webkit-tap-highlight-color: transparent;
}


iframe[name=google_conversion_frame] {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

.kutu,
.overlay {
    position: relative
}

.overlay {
    background: 0 0;
    width: 100%;
    height: 450px;
    top: 450px;
    margin-top: -450px
}
.fbutton,
.fbuton,
.kaydet,
.iptal {
    -webkit-appearance: button;
}
#success {
    width: 100%;
    float: left;
    height: 24px;
    display: table;
    text-align: center!important
}

#success span {
    color: #333;
    font-weight: 600;
    transition: all 1.3s;
}
#success a span {
    transition: all .55s;
}
#success a span:hover {
    transition: all .55s;
}

#success hr {
    width: 25%;
    border: none;
    border-bottom: 1px solid #f4f4f2;
    margin-top: 24px;
    margin-bottom: 24px;
}

.success-text p {
    font-size: 14px;
    font-weight: 400!important;
    padding: 6px
}

.success-text h1 {
    font-weight: 500;
    margin-bottom: 18px;
    color: #333333;
}

.kutu {
    width: 1160px;
    float: left;
    left: 50%;
    margin-left: -580px
}
#sol #band .kutu {
    padding: 0 5px;
}

.kutu .title {
    font-weight: 500;
}

.input-error {
    font-weight: 600;
    padding: 1px 5px;
    background-color: red;
    color: #fff;
    font-size: 10px;
    width: 100%;
    float: left;
}


.owl-wrapper-outer {
    height: auto
}

#ustbanner {
    height: 50px;
    float: left;
    background-position: bottom center;
    background-repeat: no-repeat;
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    -ms-transition: 1.5s
}

#ustbanner i {
    width: 19px;
    height: 19px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: 590px;
    z-index: 9
}

#ustbanner a {
    width: 1160px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -580px
}

#header,
#hust,
#ustbanner {
    width: 100%;
    position: relative
}

#header {
    height: 187px;
    background: #fff;
    float: left
}

.productDetailHr{
    border: none;
    border-bottom: 1px solid #f4f4f2;
    width: 100%;
    margin: 15px 0px;
}
.productDetailHr:nth-child(2){
    padding-top: 13px;
}

.productDetailHr:nth-child(6){
    padding-top: 15px;
}

#hust {
    height: 35px;
    background-color: #f7f7f7;
}

#husol,
#husol li,
#hust {
    float: left
}


#husol li:last-child {
    border: 0;
    background: 0 0!important
}

#husag li:hover,
#husol li:hover {
    background: url(../images/golge-hover-1.png) top left repeat-x
}
.kargonerede i{
    float: left;
    padding: 11px 3px;
}
.kargonerede {
    color: #35383d!important;
    float: left;
}

.kargonerede:hover {
    color: #3174bf!important
}


.yardimdestek:hover {
    color: #32b773!important
}

.htelefon,
.whatsapp,
.yardimdestek {
    color: #35383d!important
}


.whatsapp:hover {
    color: #32b773!important
}


.htelefon i {
    font: 400 11px/34px Poppins;
    color: #919091
}

#husag {
    float: right
}

#husag li {
    float: left;
}

#horta {
    width: 100%;
    float: left;
    height: 109px
}

#husag li a,
#husol li a {
    float: left;
    height: 34px;
    color: #636363;
    padding: 0 10px;
}

.doviz {
    width: 31px;
    text-align: center
}

.daktif a,
.doviz:hover {
    color: #338bc9!important
}

.daktif {
    background: url(../images/golge-hover-1.png) top left repeat-x
}

.giris,
.kayit {
    padding: 0 13px 0 28px!important
}

.giris {
}

.giris:hover {
    color: #32b773!important
}



#harama {
    width: 400px;
    height: 45px;
    margin-top: 32px;
    background: #f9f9f9;
    margin: 30px auto;
}

#menu,
#menu ul,
#menu ul li ul li,
#menu ul li ul li a {
    width: 100%;
    float: left
}

#menu {
    background: #000;
    height: 43px;
    border-bottom: 3px solid #5e5e5e
}

#menu ul li {
    float: left;
    position: relative
}

#menu ul li a {
    font: 400 14px/42px 'Poppins';
    width: 100%;
    text-align: center;
    float: left;
    color: #fff;
    height: 43px;
    background: url(../images/bos.png) bottom center no-repeat
}

#menu ul li:hover a {
    background: url(../images/acilirokup.png) bottom center no-repeat;
}

#menu ul li ul {
    position: absolute;
    top: 42px;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .5);
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 18px;
    height: auto;
    overflow: auto;
    background-position: bottom right!important;
    right: -69px
}

#menu ul li ul li a {
    border-bottom: 2px solid #eaeaea;
    color: #35383d;
    background: 0 0;
    height: auto;
    margin-bottom: 7px;
    border-left: 0 solid #f9731c;
    padding: 2px 7px
}

#menu ul li ul li a:hover {
    border-left: 5px solid #f9731c;
    color: #f9731c!important
}

#menu ul li:hover ul {
    display: block
}

.harabuton,
.haratext {
    height: 100%;
    background: 0 0;
    border: 0
}

.haratext {
    width: 89%;
    height: 100%;
    background: none;
    border: 0;
    float: left;
    padding: 0 15px;
    font: 400 14px/43px Poppins;
    color: #35383d;
}

.harabuton {
    width: 11%;
    height: 100%;
    background: none;
    border: 0;
    float: right;
    text-indent: -99999px;
    background: url(../images/icon-arama-1.png) #cecece center center no-repeat;
    cursor: pointer;
}

.hfavori,
.hsepet,
.hgiris,
.hprofil{
    float: right;
    height: 45px;
    margin-top: 34px;
    color: #737373;
    font-size: 13px;
}


.hfavori, .hgiris , .hprofil {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
    transition: all 450ms;
}


.hprofil ul{
    position: absolute;
    top: 45px;
    left: 0;
    background: #fff;
    padding: 8px 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .22);
    display: none;
    width: 187px;
    z-index: 1005;
}
.hprofil ul li {
    padding: 1px 20px;
    color: #333333;
}

.hprofil ul li a{
    color: #333333;
    font: 400 13px/27px Poppins!important;
}
.hprofil ul li a:hover{
    padding-left: 5px;
}

.hprofil ul{
    display: none;
}
.hprofil:hover ul{
    display: block;
}

.hfavori img,
.hsepet img,
.hgiris img,
.hprofil img{
    width: 1.786rem;
    height: auto;
}

.hprofil{
    position: relative;
    cursor: pointer;
}

.hfavori:hover,
.hsepet:hover,
.hgiris:hover,
.hprofil:hover{
}


.hgiris span,
.hprofil span,
.hfavori span {
    color: #737373;
    transition: all 450ms ;
}

.hfavori:hover span,
.hgiris:hover span,
.hprofil:hover span{
    transition: all 450ms ;
}

.hsepet {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
}

.hsepet span {
    position: absolute;
    width: 15px;
    right: -1px;
    height: 15px;
    top: 0px;
    border-radius: 50px;
    padding-left: 1px;
    font: 700 12px/15px Poppins;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}


.outlet {
    float: left!important;
    width: 188px;
    right: -154px;
    top: 0;
    padding: 0 14px!important;
    text-align: center
}



.erkekayakkabi {
    width: 468px!important;
    padding-right: 370px
}

#mansetslider_box {
    height: 410px;
    position: relative;
    overflow: hidden;
    display: inline-block
}

#mansetslider:hover .msgeri,
#mansetslider:hover .msileri,
#mansetslider_box:hover .msgeri,
#mansetslider_box:hover .msileri {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=34);
    filter: alpha(opacity=34);
    -khtml-opacity: .34;
    -moz-opacity: .34;
    opacity: .34
}

.erkekayakkabi,
.solacil,
.solacil2 {
    background: #fff right top no-repeat
}

.solacil {
    background: url(/tek.jpg);
    right: -134px;
    left: auto!important;
    width: 468px!important;
    height: 310px!important
}

.solacil2 {
    left: -5px!important;
    width: 268px!important;
    height: 110px!important
}

#mansetslider,
#sliderfirsat {
    width: 100%;
    float: left;
}

#mansetslider {
    height: 410px;
    position: relative
}

.beyaz {
    background: #fff;

}

#mansetslider,
#mslider {
    overflow: inherit;
}

#mslider,
.sic {
    width: 100%;
    height: 100%;
    float: left
}

.msgeri,
.msileri {
    width: 28.5px;
    height: 47px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 9;
    cursor: pointer;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.msileri {
    right: 6px;
    background: url(../images/icon-controls-1.png) top right no-repeat
}

.msgeri:hover,
.msileri:hover {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100)!important;
    filter: alpha(opacity=100)!important;
    -khtml-opacity: 1!important;
    -moz-opacity: 1!important;
    opacity: 1!important
}

.msgeri {
    left: 6px;
    background: url(../images/icon-controls-1.png) top left no-repeat
}

#gununfirsatlari {
    width: 290px;
    height: 410px;
    float: right;
    padding: 15px;
    position: relative
}

#gununfirsatlari h5 {
    width: 100%;
    text-align: center;
    font: 700 18px/24px Poppins;
    color: #35383d
}

.gfic,
.ttlink {
    width: 100%;
    float: left;
    text-align: center
}

.ttlink {
    font: 500 14px/18px Poppins;
    margin-top: 2px
}

.ttlink:hover {
    text-decoration: underline
}

.gfic {
    height: 100%
}

.gerisayim span p,
.gfic h4 {
    width: 100%;
    float: left;
    color: #35383d
}

.gfic h4 {
    font: 500 18px/24px Poppins;
    margin-top: 7px;
    padding: 0 20px
}

.gfic h4 a,
.gfiyat p{
    color: #35383d
}

#firsaturunleri h5 a:hover,
#forta ul li a:hover,
.gfic h4 a:hover,
.myic h4 a:hover {
}

.gfic img {
    width: 280px;
    height: 220px;
    box-shadow: 0 2px 3px transparent;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.gfic img:hover {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

#gfslider,
.gerisayim {
    width: 100%;
    height: 330px;
    float: left;
    margin-top: 5px
}

.gerisayim {
    padding-left: 45px;
    margin-top: 8px;
    margin-bottom: 5px;
    height: 43px!important
}

#gfslider .gffiyat {
    padding-left: 60px
}

.gerisayim span,
.indirim,
.yeni_urun{
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}


.gerisayim span {
    width: 52px;
    height: 43px;
    border: 1px solid #8f8f8f;
    padding-top: 3px;
    float: left;
    margin-right: 7px
}

.gerisayim span p {
    font: 700 24px/23px Poppins
}

.gerisayim span b,
.indirim , .yeni_urun{
    width: 100%;
    float: left;
    color: #aaa;
    font: 500 12px/12px Poppins
}

.indirim, .yeni_urun {
    width: 50px;
    color: #333333;
    border: 1px solid #dcdcdcdc;
    font: 500 11px/12px Poppins;
    height: 36px!important;
    float: left;
    padding-top: 5px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #ffffff;
}

.indirim b ,.yeni_urun b {
    font: 500 16px/15px Poppins;
    width: 100%;
    letter-spacing: .25px
}

.yeni_urun {
    margin-top: 5px;
}

.gfiyat {
    float: left;
    text-align: left
}

.gfiyat b {
    font: 500 14px/14px Poppins;
    color: #a1a1a1;
    text-decoration: line-through
}

.gfiyat p {
    font: 500 24px/24px Poppins
}

.gffiyat {
    width: 100%;
    float: left;
    margin-top: 15px;
    padding-left: 10px;
    height: auto!important
}

.gfsgeri,
.gfsileri {
    width: 15px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    z-index: 9;
    cursor: pointer;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: alpha(opacity=30);
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.gfsileri {
    right: 6px;
    background: url(../images/icon-controls-2.png) top right no-repeat
}

.gfsgeri:hover,
.gfsileri:hover {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100)!important;
    filter: alpha(opacity=100)!important;
    -khtml-opacity: 1!important;
    -moz-opacity: 1!important;
    opacity: 1!important
}

.gfsgeri {
    left: 6px;
    background: url(../images/icon-controls-2.png) top left no-repeat
}

.anabaslik {
    margin: 35px 0
}

.anabaslik h1,
.anabaslik h4 {
    width: 100%;
    float: left;
    height: 24px;
    text-align: center;
    display: table;
    position: relative;
    z-index: 1;
}

.anabaslik h1 span, .anabaslik h4 span {
    display: inline-block;
    font: 400 24px/23px Poppins;
    color: #363636!important;
    background: #f3f6f9;
    padding: 0 20px;
}

.anabaslik h1 span::before, .anabaslik h4 span::before {
    position: absolute;
    content: "";
    height: 2px;
    top: 10px;
    left: 0;
    width: 100%;
    border-top: 2px solid #ededed;
    z-index: -1;
}


.anakadin h4 {
    background: url(../images/ana-kadin-cizgi.png) center left repeat-x
}

.anakadin h4 span {
    color: #c473b4!important;
    line-height: 30px
}

#erkeklistele,
#kadinlistele,
.anabaslik {
    width: 100%;
    float: left
}

.kadinlist1 {
    width: 450px;
    height: 410px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 34px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    top: 0
}

.kadinlist1:hover {
    -webkit-box-shadow: 0 0 9px 2px #e53bff;
    -moz-box-shadow: 0 0 9px 2px #ea53f9;
    box-shadow: 0 0 9px 2px #f161ff;
    top: -5px
}

.kose,
.kose2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    height: auto!important
}

.kadinlist2,
.klic {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.klic,
.klic h3 {
    position: absolute;
    right: 27px;
    bottom: 0
}

.klic h3 {
    font: 700 36px/45px Poppins;
    color: #35383d;
    padding-bottom: 12px;
    background: url(../images/baslik-cizgi-2.png) bottom left repeat-x;
    right: 0;
    bottom: 62px
}

.klic p,
.klic span {
    position: absolute;
    white-space: nowrap
}

.klic p {
    font: 700 18px/18px Poppins;
    color: #000;
    right: 0;
    bottom: 117px;
    float: left
}

.klic span {
    right: 173px;
    bottom: 20px;
    font: 700 28px/28px Poppins;
    color: #c11d7f
}

.klic b,
.klic2 span,
.klic3 span {
    font: 400 12px/14px Poppins;
    color: #5a5a5a
}

.klic b,
.klic i {
    position: absolute
}

.klic b {
    width: 77px;
    right: 86px;
    bottom: 19px
}

.klic i,
.klic2 i,
.klic3 i {
    font: 500 18px/22px Poppins;
    color: #000;
    padding-right: 10px;
    background: url(../images/icon-incele-1.png) right center no-repeat;
    letter-spacing: 1px
}

.klic i {
    right: 0;
    bottom: 20px
}

.kadinlist2 {
    width: 355px;
    height: 197px;
    float: left;
    position: relative;
    border: 2px solid #fff;
    overflow: hidden;
    margin-bottom: 15px;
    top: 0
}

.kadinlist2:hover {
    border: 2px solid #c476b5
}

.kresim {
    float: right
}

.kresim img {
    width: 200px;
    top: 195px
}

.ksag {
    left: auto!important;
    right: 0
}

.klic2 {
    width: 130px;
    position: absolute;
    left: 27px;
    top: 27px;
    z-index: 9
}

.productNotFound {
    background-color: #fff;
    border: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 30px;
    padding: 50px;
    color: #333333;

}
.productNotFound i {
    font-size: 150px;
}
.productNotFound span {
    font-size: 16px;
}
.productNotFound span:last-child {
    font-weight: 600;
}

.klic2 p,
.klic3 p {
    font: 700 14px/14px Poppins;
    color: #000;
    float: left;
    width: 100%
}

.klic2 h3,
.klic3 h3 {
    font: 700 24px/30px Poppins;
    color: #35383d;
    padding-bottom: 14px;
    background: url(../images/baslik-cizgi-1.png) bottom left repeat-x;
    float: left;
    margin-top: 3px
}

.klic2 span,
.klic3 span {
    width: 100%;
    float: left;
    margin-top: 10px
}

.elic2 span b {
    font: 700 18px/24px Poppins
}

.klic2 span b,
.klic3 span b {
    font: 700 18px/24px Poppins;
    color: #c11d7f
}

.klic2 i,
.klic3 i {
    float: left;
    margin-top: 20px
}

.kadinlist3,
.klic2,
.klic3 {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.kadinlist3 {
    width: 290px;
    height: 410px;
    float: right;
    position: relative;
    overflow: hidden;
    top: 0
}

.kadinlist2:hover,
.kadinlist3:hover {
    -webkit-box-shadow: 0 0 9px 2px #e53bff;
    -moz-box-shadow: 0 0 9px 2px #ea53f9;
    box-shadow: 0 0 9px 2px #f161ff;
    top: -5px
}

.klic3 {
    width: 130px;
    position: absolute;
    left: 27px;
    bottom: 17px;
    z-index: 9
}

.anaerkek h4 {
    background: url(../images/ana-erkek-cizgi.png) center left repeat-x
}

.anaerkek h4 span {
    color: #6f9ec9!important
}

.kl2son {
    margin-bottom: 0
}

.erkeklist1 {
    width: 340px;
    height: 520px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 26px;
    top: 0
}

.erkeklist1:hover {
    -webkit-box-shadow: 0 0 9px 2px #3d76ff;
    -moz-box-shadow: 0 0 9px 2px #0176ff;
    box-shadow: 0 0 9px 2px #0176ff;
    top: -5px
}

.elic,
.erkeklist1,
.erkeklist2 {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.elic,
.elic p {
    position: absolute;
    left: 27px;
    bottom: 0
}

.elic p {
    font: 700 18px/18px Poppins;
    color: #000;
    left: 5px;
    bottom: 117px;
    float: left;
    white-space: nowrap
}

.elic h3,
.elic span {
    position: absolute;
    left: 0
}

.elic h3 {
    font: 700 36px/45px Poppins;
    color: #35383d;
    padding-bottom: 12px;
    background: url(../images/baslik-cizgi-2.png) bottom left repeat-x;
    bottom: 62px
}

.elic span {
    bottom: 20px;
    font: 700 28px/28px Poppins;
    color: #3a7ebe;
    white-space: nowrap
}

.elic b,
.elic2 span {
    font: 400 12px/14px Poppins;
    color: #5a5a5a
}

.elic b,
.elic i {
    position: absolute
}

.elic b {
    width: 77px;
    left: 105px;
    bottom: 19px
}

.elic i {
    left: 225px;
    bottom: 20px;
    font: 500 18px/22px Poppins;
    color: #000;
    padding-right: 10px;
    background: url(../images/icon-incele-2.png) right center no-repeat;
    letter-spacing: 1px
}

.erkeklist2 {
    width: 417px;
    height: 199px;
    float: left;
    position: relative;
    border: 2px solid #fff;
    overflow: hidden;
    margin-bottom: 15px;
    top: 0
}

.erkeklist2:hover {
    border: 2px solid #4082c0
}

.eresim {
    float: right
}

.eresim img {
    width: 245px;
    height: 195px
}

.elic2 {
    width: 130px;
    position: absolute;
    left: 27px;
    top: 27px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    z-index: 9
}

.elic2 i,
.elic2 p {
    color: #000;
    float: left
}

.elic2 p {
    font: 700 14px/14px Poppins;
    width: 100%
}

.elic2 h3,
.elic3 h3 {
    padding-bottom: 14px;
    margin-top: 3px
}

.elic2 h3 {
    font: 700 24px/30px Poppins;

    color: #35383d;
    background: url(../images/baslik-cizgi-1.png) bottom left repeat-x;
    float: left
}

.elic2 span {
    margin-top: 10px
}

.elic2 span b {
    color: #3a7ebe
}

.elic2 i {
    font: 500 18px/22px Poppins;
    padding-right: 10px;
    background: url(../images/icon-incele-2.png) right center no-repeat;
    letter-spacing: 1px;
    margin-top: 20px
}

.erkeklist3 {
    width: 348px;
    height: 520px;
    float: right;
    position: relative;
    overflow: hidden;
    top: 0
}

.erkeklist2:hover,
.erkeklist3:hover,
.erkeklist4:hover {
    top: -5px;
    -webkit-box-shadow: 0 0 9px 2px #3d76ff;
    -moz-box-shadow: 0 0 9px 2px #0176ff;
    box-shadow: 0 0 9px 2px #0176ff
}

.elic3,
.erkeklist3,
.erkeklist4 {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.elic3,
.elic3 i {
    position: absolute
}

.elic3 {
    width: 130px;
    left: 27px;
    top: 27px;
    z-index: 9
}

#sezonsonu,
.elic2 span,
.elic3 p,
.elic3 span {
    width: 100%;
    float: left
}

.elic3 p {
    font: 700 18px/18px Poppins;
    color: #f9c81c
}

.elic3 h3 {
    font: 700 36px/40px Poppins;
    color: #fff;
    background: url(../images/baslik-cizgi-3.png) bottom left repeat-x
}

.elic3 i,
.elic3 span {
    font: 400 14px/14px Poppins;
    color: #fff;
    margin-top: 15px
}

.elic3 span b {
    font: 700 21px/24px Poppins;
    color: #f9c81c
}

.elic3 i {
    font: 500 18px/22px Poppins;
    padding-right: 10px;
    background: url(../images/icon-incele-3.png) right center no-repeat;
    letter-spacing: 1px;
    margin-top: 20px;
    top: 440px;
    left: 0
}

.erkeklist4 {
    width: 199px;
    height: 306px;
    float: left;
    position: relative;
    border: 2px solid #fff;
    overflow: hidden;
    margin-right: 19px;
    top: 0
}

.erkeklist4:hover {
    border: 2px solid #4082c0
}

.elic3 h3,
.elic3 i,
.eresim4 {
    float: left
}

.eresim4 img,
.ssonu i {
    width: 100%;
    height: 140px
}

.ssonu i {
    height: 176px;
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.elic4 {
    top: 140px!important
}

#sezonsonu {
    margin-top: 25px
}

.ssonu {
    width: 370px;
    height: 520px;
    float: left;
    position: relative;
    overflow: hidden;
    background-size: 100% 100%!important;
    margin-right: 25px
}

.ssonu,
.ssonu b,
.ssonu h2 {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.ssonu h2,
.ssonu span {
    width: 100%;
    text-align: center
}

.ssonu h2 {
    bottom: 80px;
    font: 700 66px/66px Poppins
}

.ssonu b,
.ssonu h2,
.ssonu span {
    position: absolute;
    color: #fff
}

.ssonu b {
    font: 500 18px/22px Poppins;
    padding-right: 10px;
    background: url(../images/icon-incele-3.png) right center no-repeat;
    letter-spacing: 1px;
    float: left;
    left: 50%;
    margin-left: -35px;
    bottom: -45px
}

.ssonu span {
    height: 49px;
    bottom: 0;
    left: 0;
    z-index: 9;
    font: 700 18px/50px Poppins;
    letter-spacing: 3px
}

.ssonu:hover {
    background-size: 104% 104%!important
}

.ssonu:hover h2 {
    bottom: 110px
}

.ssonu:hover b {
    bottom: 70px
}

.sserkek b {
    color: #4082c0
}

.sserkek span {
    background: #4082c0
}

.sscocuk b {
    color: #32b773
}

.sscocuk span {
    background: #32b773
}

.sskadin {
    margin-right: 0!important
}

.sskadin b {
    color: #c32483
}

.sskadin span {
    background: #c32483
}
#multi_category_image .kutu h5 span {
    font: 500 20px/24px 'Poppins';
    color: #000;
    background: #f3f6f9;
    padding: 0 20px;
}

#firsaturunleri,
#fuslider {
    width: 100%;
    float: left;
    height: 414px
}

#multi_category_image .kutu h5,
#firsaturunleri h5,
#musteriyorumlari h5 {
    height: 24px;
    text-align: center;
    position: relative;
    z-index: 1;
}
#multi_category_image .kutu h5 span::before,
#firsaturunleri h5 span::before,
#musteriyorumlari h5 span::before {
    content: '';
    width: 250px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);

}

#firsaturunleri h5 {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

#firsaturunleri h5 span {
    font: 500 20px/24px 'Poppins';
    color: #000;
    background: #fff;
    padding: 0 20px;
}

#firsaturunleri h5 a {
    font: 700 14px/25px Poppins;
    color: #35383d;
    background: #fff;
    float: right;
    padding: 0 25px 0 15px;
    margin-right: 40px;
    background: url(../images/icon-incele-4.png) #fff center right no-repeat
}

#fuslider {
    height: 100%;
    overflow: hidden
}

#fuslider a {
    position: relative;
    float: left
}

#fuslider a .kose img {
    width: 100%;
    height: auto
}

.fic,
.fugeri,
.fuileri {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.fic {
    position: relative;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    width: 210px;
    margin: 10px;
    float: left;
    text-align: center;
    padding: 0
}

.fic h3 {
    color: #35383d;
    margin-top: 4px;
    font: 700 14px/17px Poppins;
    padding: 0
}

.fic,
.fic img {
    height: auto
}

.fic b {
    color: #000;
    text-decoration: line-through
}

.fic .gfiyat p {
    font: 500 22px/18px Poppins
}

.fic .gfiyat b {
    color: #969494
}

.fic span {
    font: 700 24px/24px Poppins
}

.fic:hover {
    box-shadow: 0 0 10px #09f
}

#firsaturunslider,
.fic h3,
.fic img {
    width: 100%;
    float: left
}

.fugeri,
.fuileri {
    width: 28.5px;
    height: 47px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 9;
    cursor: pointer;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: alpha(opacity=30);
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3
}

.fuileri {
    right: -40px;
    background: url(../images/icon-controls-1.png) top right no-repeat
}

.fugeri:hover,
.fuileri:hover,
.mygeri:hover,
.myileri:hover {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100)!important;
    filter: alpha(opacity=100)!important;
    -khtml-opacity: 1!important;
    -moz-opacity: 1!important;
    opacity: 1!important
}

.fugeri {
    left: -40px;
    background: url(../images/icon-controls-1.png) top left no-repeat
}

#musteriyorumlari {
    padding: 30px 0;
    height: 374px
}

#musteriyorumlari h5 {
    margin-bottom: 20px
}

#musteriyorumlari h5 span {
    font: 700 20px/24px Poppins;
    color: #32b773;
    background: #f3f6f9;
    padding: 0 20px;
    margin-left: 40px;
    float: left
}

#galisveris,
#musteriyorumlari,
#musteriyorumlari h5,
#musteriyorumslider,
#myslider,
.myic,
.myresim {
    width: 100%;
    float: left
}

.myic,
.myresim {
    height: 270px
}

.myresim {
    width: auto;
    height: auto;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #d2d2d2
}

.myic h4,
.myic p {
    width: 800px;
    text-align: center
}

.myic h4 {
    float: left;
    font: 700 24px/30px Poppins;
    margin-top: 15px;
    margin-bottom: 10px
}

.myic h4,
.myic h4 a {
    color: #000
}

.myic p,
.myic span {
    float: left;
    margin-top: 5px
}

.myic p {
    font: 400 18px/24px Poppins;
    color: #515151;
    padding: 0 40px;
    margin-bottom: 25px
}

.myic span {
    font: 700 18px/24px Poppins;
    color: #9f9f9f
}

.myyildiz {
    float: left;
    margin-left: 300px;
    margin-right: 10px;
    margin-top: 9px
}

.mygeri,
.myileri,
.mysok {
    position: absolute;
    z-index: 9
}

.mysok {
    width: 75px;
    height: 26px;
    right: 25px;
    top: 0;
    background: #f3f6f9
}

.mygeri,
.myileri {
    width: 14px;
    height: 22px;
    top: 2px;
    cursor: pointer;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: alpha(opacity=30);
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.myileri {
    right: 15px;
    background: url(../images/icon-controls-3.png) top right no-repeat
}

.mygeri {
    right: 42px;
    background: url(../images/icon-controls-3.png) top left no-repeat
}

#galisveris {
    height: 107px;
    background: url(../images/guvenli.jpg) #fff center center no-repeat
}

#fbulten p,
#footer,
#footeralan,
#forta ul li,
#fust,
.fbtext {
    width: 100%;
    float: left
}

.fbtext {
    width: 343px;
    height: 36px;
    border: 1px solid #333;
    background: #222;
    color: #fff;
    font: 400 13px/34px Poppins;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

#footer {
    background: url(../images/footer-bg-1.jpg)
}

#fust {
    height: 106px;
    border-bottom: 1px dashed #484848
}

#fbulten {
    width: 633px;
    height: 70px;
    float: left;
    margin-left: 45px;
    border-right: 1px dashed #484848;
    margin-top: 17px
}

#fbulten p {
    font: 400 13px/18px Poppins;
    color: #979797;
    margin-bottom: 5px
}

.fbtext:focus {
    border: 1px solid #38b977;
    border-left: 5px solid #38b977
}

#checkbox {
    width: 150px;
    float: left;
    margin-left: 20px;
    margin-top: 8px
}

#checkbox label {
    float: left;
    font: 500 14px/17px Poppins;
    color: #5483af;
    position: relative;
    margin-bottom: 7px;
    margin-right: 20px
}

#checkbox label:last-child {
    color: #c25094
}

#checkbox label i {
    width: 19px;
    height: 17px;
    background: url(../images/checkbos.png) no-repeat;
    position: absolute;
    left: -3px;
    top: 0
}

.checkbox1 {
    position: relative;
    top: 2px;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.baktif {
    background: url(../images/checkdolu.png) no-repeat!important
}

#sosyalmedya img,
.fbbuton {
    float: left;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.fbbuton {
    width: 76px;
    height: 36px;
    border: 0;
    color: #fff;
    font: 500 13px/36px Poppins;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.fbbuton:hover {
    opacity: 0.9;
}

#sosyalmedya {
    width: 202px;
    float: right;
    margin-top: 15px
}

#sosyalmedya p {
    width: 100%;
    float: left;
    font: 400 14px/18px Poppins;
    color: #858585;
    margin-bottom: 7px;
    padding-left: 5px
}

#sosyalmedya img {
    top: 0;
    position: relative;
    margin-right: 9px
}

#sosyalmedya img:hover,
#uygulama img:hover {
    top: -5px
}

#forta {
    width: 100%;
    float: left;
    padding: 14px 0;
    height: 205px;
    border-bottom: 1px dashed #484848
}

#forta ul {
    height: 100%;
    float: left;
    padding: 10px 22px;
    border-right: 1px dashed #484848
}

#fadres h6 {
    font: 500 16px/18px Poppins;
    margin-bottom: 12px
}

#forta ul h6 {
    margin-bottom: 10px
}

#forta ul li a {
    float: left;
    color: #959595;
    margin-bottom: 4px
}

.fam li {
    width: 50%!important
}

#fadres {
    width: 281px;
    float: right;
    padding: 10px 20px 10px 0
}

#fadres b {
    font: 400 13px/18px Poppins;
    color: #c2c2c2
}

#fadres b,
#fadres h6,
#fadres p,
#falt,
#forta ul h6 {
    width: 100%;
    float: left
}

#fadres p {
    font: 400 13px/17px Poppins;
    color: #959595;
    margin-bottom: 8px
}

#falt {
    height: 100px
}

#fmhizmetleri,
.gozlukadasi {
    float: left;
    position: relative
}

.gozlukadasi {
    right: 47px;
    top: 14px;
    margin-right: 9px;
    width: 0;
    filter: grayscale(100%)
}

.gozlukadasi:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#fmhizmetleri {
    margin-top: 25px;
    padding-left: 53px;
    margin-left: 20px
}

#fmhizmetleri img {
    position: absolute;
    left: 0;
    top: 0
}

#fmhizmetleri p,
#fmhizmetleri span {
    width: 100%;
    float: left;
    font: 400 16px/18px Poppins;
    color: #fff
}

#fmhizmetleri span {
    color: #adadad
}

#fmhizmetleri p b,
#fmhizmetleri span b {
    font: 500 16px/18px Poppins
}

#fmhizmetleri span b {
    color: #fff
}

#uygulama img,
.duslerweb {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.duslerweb {
    width: 71px;
    height: 27px;
    float: right;
    background: url(../images/duslerweb.png) left top no-repeat;
    margin: 30px 32px 0 0
}

.duslerweb:hover {
    background: url(../images/duslerweb.png) left bottom no-repeat
}

#copy {
    width: 250px;
    height: 67px;
    padding-top: 15px;
    text-align: center;
    border-right: 1px dashed #484848;
    border-left: 1px dashed #484848
}

#copy p {
    width: 100%;
    padding: 0 15px;
    font: 400 14px/18px Poppins;
    color: #717171
}

#copy,
#uygulama {
    float: right;
    margin-top: 10px;
    margin-right: 25px
}

#uygulama img {
    margin-left: 25px;
    float: left;
    position: relative;
    top: 0
}

.sabit {
    position: fixed!important;
    top: 0
}
.sabit .baloncuk {
    display: none;
}

#sepetim {
    float: right;
    position: relative
}


#sepetim:hover .sepetac {
    display: block
}

.sepetac {
    width: 400px;
    max-height: 500px;
    overflow-x: auto;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 77px;
    background: #fff;
    -webkit-border-radius: 10px 0 10px 10px;
    -moz-border-radius: 10px 0 10px 10px;
    -o-border-radius: 10px 0 10px 10px;
    -ms-border-radius: 10px 0 10px 10px;
    border-radius: 10px 0 10px 10px;
    display: none;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .33)
}

.slist {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: left;
    position: relative;
    border-top: 1px solid #dedede;
    overflow: hidden;
    padding: 5px 0px;
}

.slist:first-child {
    border: 0;
    padding-top: 0px;
}
.slist:last-child {
    padding-bottom: 0px;
}


.slist h4 {
    width: 130px;
    float: left;
    font: 500 13px/16px Poppins;
    position: relative;
}

#secilenler p a:hover,
.slist h4,
.slist h4 a {
    color: #35383d
}

#band a:hover,
.slist h4 a:hover {
    text-decoration: underline;
}

.slist span {
    width: 70px;
    float: left;
    text-align: center;
    padding-top: 5px
}

.kapat {
    color: #999;
    width: 20px;
    height: 20px;
    text-align: center;
    font: 400 14px/21px Poppins;
    float: right;
    margin-top: 9px;
    cursor: pointer;
    background: #f5f5f5
}

.slist span b {
    width: 100%;
    float: left;
    font: 700 14px/14px Poppins;
    color: #35383d
}

.iadresa p,
.iadresa span,
.slist span p {
    width: 100%;
    float: left;
    font: 400 10px/14px Poppins;
    color: #999
}

.kapat:hover {
    background: #bd3536;
    color: #fff
}

.sepetegit,
.toplamsepet {
    height: 40px;
    float: left;
    text-align: center;
    font: 400 14px/40px Poppins;
    margin-top: 5px
}

.toplamsepet {
    width: 70%;
    background: #32b773;
    color: #70d8a3;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px
}

.toplamsepet b {
    font: 500 16px/40px Poppins;
    color: #fff
}

.sepetegit {
    width: 30%;
    color: #fff;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.sepetegit:hover {
    background: #ff893d
}

.bannerb {
    height: 292px!important;
    background-position: bottom center!important;
    background-repeat: no-repeat!important
}

.bannerb1 {
    height: 64px!important;
    background-position: top center!important
}

.noani {
    transition: 0!important;
    -moz-transition: 0!important;
    -webkit-transition: 0!important;
    -o-transition: 0!important;
    -ms-transition: 0!important
}

.noscroll {
    overflow: hidden!important
}

#iletisimic {
    width: 100%;
    float: left;
    padding: 20px 30px
}

#iletisimic h5 {
    width: 100%;
    height: 30px;
    float: left;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

#iletisimic h5 span {
    padding: 0 10px;
    background: #fff;
    font: 500 18px/30px Poppins;
    color: #333;
    display: inline-block;
    height: 30px;
    margin-left: 20px;
    float: left
}

#iletisimic h5 span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ebebeb;
    left: 0px;
    top: 14px;
    z-index: -1;
}

.iadres {
    margin: 15px 0;
    width: 640px;
    border-right: 1px solid #dedede
}

.iadres,
.iadres img {
    float: left
}

.iadresa {
    width: 380px;
    float: right;
    margin-right: 10px;
    padding-top: 0
}

.iadresa p {
    font: 400 14px/18px Poppins;
    color: #656464;
    margin-bottom: 15px
}

.iadresa span {
    font: 500 14px/18px Poppins;
    color: #000
}

.iform {
    width: 430px;
    float: right;
    margin: 15px 0;
    padding-top: 10px
}

.iform label {
    float: left;
    margin-top: 10px;
    font: 400 12px/16px Poppins;
    color: #9c9b9b;
    cursor: pointer
}

.iform label input {
    position: relative;
    top: 2px;
    margin-right: 4px
}

.ific,
.itext {
    width: 205px;
    float: left
}

.itext {
    width: 100%;
    height: 38px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #35383d;
    padding: 0 15px;
    font: 400 14px/36px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    margin-bottom: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}


.iarea,
.ibuton {
    float: right;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.iarea {
    width: 213px;
    height: 138px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #35383d;
    padding: 13px;
    font: 400 14px Poppins;
    margin-bottom: 12px
}

.ibuton {
    width: 113px;
    height: 40px;
    background: #32b773;
    color: #fff;
    border: 0;
    font: 700 14px/40px Poppins;
    cursor: pointer
}

.ibuton:hover {
    background: #4cc587
}

#iletisimler,
#map {
    width: 100%;
    float: left
}

#iletisimler {
    padding-top: 10px;
    position: relative;
    z-index: 9
}

#map {
    height: 450px;
    margin-top: -20px
}

#map iframe {
    width: 100%!important;
    height: 450px!important
}

.sozlesme {
    z-index: 99999!important
}

.text-danger {
    color: white!important;
    background: #c10a0a;
    width: 100%;
    text-align: center;
    font: 500 14px/24px Poppins;
}

.bf-attr-block-cont .secildi {
    border: 2px solid #ff4500
}

.kupon {
    width: 100%;
    border: 1px solid #dedede;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: url(../images/icon-dnokta-1.png) right 30% center repeat-y;
    position: relative
}

.ksag,
.ksol,
.kupon {
    float: left
}

.ksol {
    width: 70%;
    padding: 20px
}

.ksag {
    width: 30%;
    padding: 10px 20px 20px 23px;
    text-align: center
}

.ksag span {
    width: 70%;
    float: left;
    color: #666;
    margin-bottom: 7px
}

.kosullar,
.ksol h2 {
    width: 100%;
    float: left
}

.ksol h2 {
    font: 700 24px/30px Poppins!important;
    color: #333
}

.ksol span {
    color: #666
}

.ksol h2,
.ksol p,
.ksol span {
    padding-left: 144px
}

.kosullar {
    padding: 15px 0 0;
    display: none;
    margin-top: 38px
}

.kosullar p {
    width: 25%!important;
    border: 1px solid #dedede;
    padding: 15px!important;
    text-align: center;
    float: left;
    font: 300 12px/20px Poppins!important;
    margin-right: -1px;
    min-height: 104px;
    margin-bottom: 0!important
}

.kosullar p:nth-child(3) {
    width: 15%!important
}

.kosullar p:nth-child(5) {
    width: 35%!important
}

.kosullar p b,
.rt {
    font: 700 16px/24px Poppins!important
}

.kosullar p b {
    width: 100%!important;
    text-align: center;
    float: left
}

.kod,
.rt {
    float: left
}

.rt {
    width: 100%;
    margin-bottom: 5px
}

.kod {
    width: 70%;
    padding: 12px;
    text-align: center;
    font: 700 24px/30px Poppins;
    margin-bottom: 15px;
    background: #000;
    color: #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px
}

.kodaktif {
    background: #390!important
}

.ktarih,
.kuponbuton {
    float: left;
    text-align: center
}

.kuponbuton {
    width: 30%;
    font: 400 12px/15px Poppins;
    padding: 13px;
    cursor: pointer;
    border: 0;
    background: 0 0;
    color: #393
}

.ktarih {
    width: 70%;
    font: 300 14px/18px Poppins;
    color: #666
}

#band,
.ktarih p {
    width: 100%;
    float: left
}

.ktarih p {
    font: 700 18px/24px Poppins;
    color: #666
}

.kd {
    width: 70%;
    height: 19px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/icon-assaok-1.png) center center no-repeat;
    cursor: pointer
}

.kyardim {
    width: 100%;
    float: left;
    padding: 20px 30px;
    display: none
}

.ksol img {
    position: absolute;
    left: 15px;
    top: 13px;
    width: 139px
}

.benihatirla {
    margin: 0 0 10px 10px!important
}

.sifremiunuttum {
    margin: 15px 0 0!important
}

.top {
    width: 77px;
    height: 43px;
    position: fixed;
    right: 100px;
    bottom: 150px;
    z-index: 102;
    cursor: pointer;
    background-color: #757575;
    display: none;
    font-size: 11px;
    border-radius: 5px;
    text-align: center;
    color: #fff
}

.koy {
    width: 30%!important;
    float: none!important;
    height: 32px!important
}

.sepetEkleModal {
    z-index: 1.0E+22!important
}

.sepetEkleModal .swal2-title {
    font-size: 25px!important;
    margin: 5px 0!important
}

.sepetEkleModal hr {
    width: 60%;
    margin-top: 20px
}

.sepetEkleModal .urun-adi {
    font-size: 16px;
    margin-top: 20px
}

.sepetEkleModal .urun-kodu {
    font-size: 13px;
    margin: 5px 0
}

.sepetEkleModal .swal2-confirm {
    background: #39b74b!important;
    color: #fff!important;
    transition: all .5s!important
}

.sepetEkleModal .swal2-confirm:hover {
    background: #39994b!important;
    color: #fff!important
}


#band {
    height: 42px;
    border-bottom: 1px solid #f4f4f9;
}

#band a,
#band b {
    float: left;
    padding: 0 12px 0 8px;
    color: #9a9a9a
}

#band a {
    height: 41px;
    font: 400 12px/41px Poppins;
    background: url(../images/band-ayrac.png) right center no-repeat;
}

#band a img {
    margin-top: 8px;
    filter: grayscale(1);
    width: 17px;
}

#band b {
    font: 700 14px/41px Poppins
}

#icerikler,
#secilenler p,
#sol {
    width: 100%;
    float: left;
    padding-top: 10px;
}

#secilenler p {
    font: 400 12px/18px Poppins;
    color: #777;
    padding: 5px 8px;
    border-bottom: 1px solid #dedede
}

#sol {
    width: 20%;
    padding: 10px;
}

#snumaraalan a,
#sol h5 {
    margin-bottom: 5px;
    float: left
}

#sol h5 {
    width: 100%;
    height: 30px;
    padding: 0 0 0 10px;
    position: relative;
    z-index: 1;
}

#sol h5 span {
    padding: 0 10px;
    background: #fff;
    font: 500 14px/30px Poppins;
    float: left;
    height: 30px
}
#sol h5 span::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 1px;
    border: none;
    border-bottom: 1px solid #ebebeb;
    z-index: -1;
}

#solarama {
    width: 100%;
    height: 38px;
    float: left;
    background: #eee
}

.sabuton,
.satext {
    height: 38px;
    color: #35383d;
    border: 0;
    float: left
}

.satext {
    width: 75%;
    padding: 0 15px;
    font: 500 12px/38px Poppins;
    background: 0 0
}

.sabuton {
    width: 25%;
    padding: 0 10px;
    font: 500 12px/38px Poppins;
    text-indent: -9999px;
    background: url(../images/icon-arama-2.png) center center no-repeat;
    cursor: pointer
}

#secilenler,
#snumara {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 0 5px
}

#secilenler p b {
    font: 700 12px/18px Poppins;
    color: #35383d
}

#secilenler p a,
.temizle {
    float: right;
    font: 700 14px/18px Poppins;
    color: #dd4f4f
}

.temizle {
    width: 100%;
    text-align: right;
    padding: 0 8px;
    font: 400 12px/16px Poppins;
    color: #666;
    margin-top: 5px
}

.temizle:hover {
    color: #dd4f4f
}

#snumaraalan {
    width: 100%;
    height: 155px;
    float: left;
    overflow: hidden;
    overflow-y: auto
}

#snumaraalan a {
    width: 31%;
    margin-right: 2.3333%;
    background: #f3f6f9;
    height: 25px;
    color: #5f5f5f;
    font: 400 14px/25px Poppins;
    text-align: center
}

#snumaraalan a:hover,
.numaralist a:hover {
    background: #32b773;
    color: #fff
}

#snumaraalan a:nth-child(3n+3) {
    margin-right: 0
}

#srenkler {
    padding: 0 5px;
    margin-top: 10px
}

#sfiyatlar,
#srenk,
#srenkler {
    width: 100%;
    float: left
}

#srenk {
    height: 122px;
    overflow: hidden;
    overflow-y: auto;
    padding-left: 12px
}

#sfiyat label,
#smateryal label,
#splat label,
#srenk label,
.katresim img {
    width: 100%;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

#sfiyat label,
#smateryal label,
#splat label,
#srenk label {
    height: 22px;
    float: left;
    font: 400 14px/22px Poppins;
    color: #5f5f5f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

#sfiyat label:hover,
#smateryal label:hover,
#splat label:hover,
#srenk label:hover {
    color: #32b773;
    font-size: 14px;
}

#sfiyat label input,
#smateryal label input,
#splat label input,
#srenk label input {
    position: relative;
    top: 1px;
    margin-right: 3px
}

#sfiyatlar {
    padding: 0 5px;
    margin-top: 10px
}

#sfiyat {
    padding-left: 12px
}

#sfiyat,
#splat,
#splatform {
    width: 100%;
    float: left
}

#splatform {
    padding: 0 5px;
    margin-top: 10px
}

#splat {
    padding-left: 12px
}

#smateryaller {
    padding: 0 5px;
    margin-top: 10px
}

#smateryal,
#smateryaller,
#solnot {
    width: 100%;
    float: left
}

#smateryal {
    height: 122px;
    overflow: hidden;
    overflow-y: auto;
    padding-left: 12px
}

#solnot {
    margin: 40px 0 20px;
    text-align: center
}

#solnot img {
    max-width: 100%
}

#sag {
    width: 78%;
    float: right;
}

#katsecenek,
#sag h1 {
    width: 100%;
    float: left
}

#sag h1 {
    font: 500 18px/30px Poppins;
    color: #000;
    margin-bottom: 15px;
    padding-left: 5px
}

#katsecenek {
    height: 52px;
    padding: 11px
}

#katsecenek p,
.kselect {
    float: left;
    font: 400 14px/30px Poppins;
    color: #9a9a9a;
    margin-left: 10px
}

.kselect {
    width: 155px;
    float: right;
    height: 30px;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    font: 500 12px/28px Poppins;
    padding-left: 10px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    margin-left: 11px;
    outline: 0
}

#katsecenek p b {
    font: 700 14px/30px Poppins
}

.sirala {
    width: 75px!important
}

#kategorilist {
    width: 100%;
    float: left;
    padding-top: 20px;
}

.kat {
    width: 31%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 10px 28px;
}
#islider .kat , #bslider .kat {
    width: 96%;
}
.kat:hover .numaralist {
    bottom: 111px
}

.kat:hover .hizlibak {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.sagkose {
    width: 50px;
    height: auto!important;
    position: absolute;
    right: 9px;
    top: 9px;
    z-index: 9;
    float: left
}

.taksit {
    min-width: 43px;
    padding: 3px;
    height: 36px!important;
    float: left;
    font: 500 11px/12px Poppins;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding-top: 5px;
    margin-top: 5px;
}

.taksit b {
    font: 500 16px/15px 'Poppins';
    width: 100%;
    letter-spacing: .25px
}

.katresim {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
}

.katresim img {
    left: 0;
    top: 0;
}

.katresim img:first-child {
    z-index: 1
}


.sonfirsat,
.sonfirsat2 {
    min-width: 43px;
    color: #333333;
    border: 1px solid #dcdcdcdc;
    font: 500 11px/12px Poppins;
    height: 36px!important;
    float: left;
    padding-top: 5px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.sonfirsat b, .sonfirsat2 b {
    font: 500 16px/15px Poppins;
    width: 100%;
    letter-spacing: .25px;
    display: block;
    text-align: center;
}

.favoriBtn{
    font: 400 12px/31px Poppins;
    float: left;
    background: url(/assets/image/heart.png) center center no-repeat #ffffff;
    color: #fff;
    border: 1px solid #dcdcdc;
    background-size: 29px;
    height: 36px;
    width: 45px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    top: 0;
    border-radius: 3px;
    padding-top: 5px;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.katalt {
    width: 100%;
    float: left;
    padding: 0 8px;
    position: relative;
    z-index: 99;
    background: #fff;
}

#detayslider li,
.katalt h2 {
    width: 100%;
    overflow: hidden;
    float: left
}

.katalt h2 {
    font: 400 15px/14px Poppins;
    color: #35383d;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f6f9;
}

.katalt h2 a {
    color: #333333;
    padding: 9px 0px 5px 0px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}


#fuslider .katalt h2,
.katalt span {
    width: 100%;
    float: left;
    text-align: center
}

.katalt span {
    padding: 5px 0;
    color: #32b773;
    font: 700 20px/30px Poppins;
}

.katalt span i {
    text-decoration: line-through;
    color: #b4b4b4;
    font: 300 16px/24px Poppins;
}

#fuslider .katalt {
    position: relative;
    padding: 0;
    left: 0
}

#fuslider .katalt span {
    font: 700 20px/30px Poppins
}

#fuslider .katalt span i {
    font: 400 15px/24px Poppins
}

#fuslider .katalt h2 {
    font: 400 14px/25px 'Poppins';
    color: #35383d;
    height: 25px;
    overflow: hidden
}

.hizlibak,
.numaralist {
    text-align: center;
    position: absolute;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.numaralist {
    width: 100%;
    height: 33px!important;
    background: rgba(0, 0, 0, .13);
    bottom: 75px;
    left: 0;
    float: left;
    padding-top: 3px;
    display: table;
    padding-left: 1px;
    z-index: 8
}

.numaralist a {
    width: 10%;
    height: 30px;
    font: 400 14px/30px Poppins;
    color: #777;
    background: #fff;
    text-align: center;
    border-right: 1px solid #dedede;
    display: table-cell
}

.hizlibak {
    padding: 9px 13px;
    width: 128px;
    height: 38px;
    background: #545252 center center no-repeat;
    cursor: pointer;
    left: 50%;
    top: 150px;
    margin-left: -64px;
    z-index: 99;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

#sayfalama {
    width: 100%;
    height: 55px;
    float: left;
    margin-bottom: 25px;
    padding: 0 15px
}

#sayfalama p {
    float: left;
    font: 400 14px/55px Poppins;
    color: #9a9a9a;
    margin-left: 10px
}

#sayfalama p i {
    font: 700 14px/55px Poppins
}

#sayfalamalink {
    float: right;
    margin-top: 15px
}

#sayfalamalink a {
    float: left;
    font: 700 16px/25px Poppins;
    color: #9a9a9a;
    padding: 0 5px;
    margin: 0 5px
}

#sayfalamalink b {
    float: left;
    font: 700 18px/25px Poppins;
    margin: 0 3px;
    padding: 0 4px
}

.onceki,
.sonraki {
    height: 25px;
    padding: 0 10px!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.sonraki {
    color: #fff!important
}

.sonraki:hover {
    background: #ff985d
}

.onceki {
    background: #ececec;
    color: #bbb
}

#full {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .57);
    z-index: -9999
}

#fullic,
#kapat {
    position: absolute
}

#fullic {
    width: 1024px;
    height: 635px;
    left: 50%;
    top: 50%;
    margin: -318px 0 0 -512px;
    padding: 17px
}

#kapat {
    width: 83px;
    height: 38px;
    right: 0;
    top: -23px;
    cursor: pointer;
    background: url(../images/icon-kapat-1.png) no-repeat
}

.dslider {
    width: 515px;
    height: 602px;
    float: left;
    position: relative
}

.dozellikler {
    width: 460px;
    float: left;
    margin-left: 10px
}

.dust {
    width: 100%;
    background: #fff;
    padding-top: 25px;
    position: relative;
    margin-top: 14px;
}

.dust h1 {
    width: 100%;
    padding: 0 0px 25px;
    font: 500 24px/30px 'Poppins';
    color: #35383d;
    border-bottom: 1px solid #f4f4f2;
}

#detayslider {
    width: 416px;
    height: 602px;
    float: left;
    border: 1px solid #dedede;
    overflow: hidden
}

#detayslider img,
.dust {
    float: left
}

#detayslider li {
    height: 600px
}

#detaycarousel,
.slides {
    height: 600px;
    float: left;
    overflow: hidden;
    position: relative
}

#detaycarousel {
    width: 82px;
    margin-right: 10px
}

#detaycarousel img {
    width: 100%;
    float: left;
    border: 1px solid #fff;
    margin: 10px 0;
    cursor: pointer;
    background-color: #fff
}

#detaycarousel .flex-active-slide img {
    border: 1px solid #32b773!important
}

.slides {
    width: 100%!important
}

.ns-img {
    width: 100%;
    height: 610px;
    float: left
}

.flex-next,
.flex-prev {
    width: 100%;
    height: 20px;
    float: left;
    cursor: pointer;
    position: absolute;
    left: 0;
    text-indent: -9999px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.flex-prev {
    background: url(../images/icon-slider-ust.png) center center no-repeat;
    margin-bottom: 5px;
    top: 0
}

.flex-prev:hover {
    background: url(../images/icon-slider-ust.png) #f3f6f9 center center no-repeat
}

.flex-next {
    background: url(../images/icon-slider-alt.png) center center no-repeat;
    margin-top: 5px;
    bottom: 0
}

.flex-next:hover {
    background: url(../images/icon-slider-alt.png) #f3f6f9 center center no-repeat
}

.dc {
    height: 2000px!important
}

#detayslider .flex-direction-nav {
    display: none
}

.flex-viewport {
    margin-top: 25px;
    height: 550px
}

.zoomContainer {
    z-index: 9999
}

.zoom {
    width: 100%;
    height: 600px
}

.wm-zoom-box,
.wm-zoom-container,
.zoom {
    position: relative
}

img.wm-zoom-default-img {
    height: auto
}

.wm-zoom-hight,
.wm-zoom-lens {
    display: none;
    position: absolute
}

.wm-zoom-lens {
    left: 0;
    top: 0
}

.wm-zoom-hight {
    overflow: hidden
}

.wm-zoom-hight img {
    left: 0;
    position: absolute;
    top: 0
}

img.wm-zoom-loader {
    z-index: 1
}

img.wm-zoom-hight-img {
    z-index: 2
}

.wm-zoom-lens {
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha Opacity=30;
    filter: alpha(opacity=30)
}

#stokkodu,
.wm-zoom-hight,
.wm-zoom-lens {
    background: #fff
}

.wm-zoom-box:hover .wm-zoom-hight {
    display: block!important
}

.wm-zoom-hight-img {
    width: auto!important;
    height: auto!important
}

.wm-zoom-loader {
    width: 28px!important;
    height: 28px!important;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -14px
}

.wm-zoom-hight-img {
    cursor: all-scroll
}

.buyut {
    width: 128px;
    height: 23px;
    background: url(../images/buyut.png) no-repeat;
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 999;
    margin-left: -64px
}

.buyut:hover {
    bottom: 23px
}



.ikilibanner {
    width: 100%;
    float: left;
    padding: 5px 0 0;
}
.banners_new {
    width: 100%;
    float: left;
}
.banner_new {
    width: 50%;
    float: left;
    padding: 5px 7.5px;
}
.banner_new img{
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 7px #d3d3d3;
}


#stokkodu {
    position: absolute;
    top: -12px;
    font: 400 12px/18px Poppins;
    color: #a7a7a7;
    cursor: copy
}

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

::-moz-selection {
    background: #000;
    color: #fff
}

#stokkodu b {
    font: 400 12px/18px Poppins;
    color: #797979
}

#fiyat {
    font: 500 30px/30px Poppins;
    padding: 23px 0 0;
    float: left;
    display: flex;
    flex-direction: column;
}

#fiyat b {
    margin-left: 15px;
    font: 500 18px/18px Poppins;
    color: #35383d;
    text-decoration: line-through;
    position: relative;
    top: -3px
}

#dstick {
    float: right;
    padding-top: 15px
}

#dstick .indirim {
    margin-top: 5px
}

#butonlar {
    width: 100%;
    float: left;
    margin: 12px 0
}
.telefonAlani {
    position: relative;
}

#telefonsiparis i {
    font-size: 35px;
    margin-right: 6px;
    /*transition: all 450ms;*/
}


#favoriekle:hover {
    top: -3px
}



#favoriekle,
#telefonsiparis {
    height: 33px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    cursor: pointer;
    position: relative;
    top: 0
}


.whatsapp_tabela {
    display: block;
    float: left;
}
.whatsapp_tabela .wrap {
    float: left;
    border: 0;
    background: #fdfdfd;
    padding: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 27px;
    min-width: auto;
}
.whatsapp_tabela .wrap .icon {
    display: block;
    float: left;
    width: 45px;
    padding-left: 0px;
}
.whatsapp_tabela .wrap .icon i.fa {
    line-height: 35px!important;
    font-size: 50px!important;
    color: #4caf50;
}
.whatsapp_tabela .wrap .right {
    display: block;
    float: left;
    color: #636363;
}
.whatsapp_tabela .wrap .right p.title {
    font-size: 11px;
    line-height: 10px;
    margin: 0;
}
.whatsapp_tabela .wrap .right p.number {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
.whatsapp_tabela .wrap .right p.slogan {
    font-size: 11px;
    margin: 0;
    display: none;
}
.whatsapp_tabela .wrap:last-child{
    padding-right: 0px;
}
.whatsapp_tabela:last-child .wrap p.title{
    float: right;
}
.whatsapp_tabela:last-child .wrap .icon{
    width: 40px;
}
.wp_phoneWrapper{
    display: flex;
    float: left;
    width: 100%;
    margin-top: 15px;
    justify-content: space-between;
    align-items: center;
}


#bedentablo {
    font: 400 12px Poppins;
    color: #898989;
    float: right;
}
#dozellikler,
.oalan {
    width: 100%;
    float: left
}

#dozellikler {
    position: relative
}

.renklerz a {
    width: auto;
    height: 35px;
    margin: 0 2% 5px 0;
    border: 1px solid #d6d6d6;
    font: 400 14px/33px Poppins;
    color: #999;
    text-align: center;
    background: #fff;
    padding: 0 9px 21px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#bedensecin a:hover,
.renklerz a:hover {
    background: #32b773;
    color: #fff;
    border: 1px solid #32b773
}

.oalan {
    padding: 15px 5px 21px;
}

.oalan:last-child {
    padding-bottom: 15px;
}

.oalan p {
    width: 23%;
    height: 30px;
    float: left;
    font: 700 14px/35px Poppins;
    color: #969696
}

.oaic {
    width: 75%;
    float: left
}

#bedensecin a,
.oaic select {
    height: 35px;
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #999;
    float: left;

}

.oaic select {
    width: 100%;
    padding: 0 10px;
    font: 500 14px/33px Poppins;
    cursor: pointer;
    outline: 0
}

.oaic select:hover {
    border: 1px solid #32b773
}

#adetsepet,
#bedensecin {
    width: 100%;
    float: left
}

#bedensecin a {
    min-width: 18%;
    margin: 0 2% 5px 0;
    font: 400 14px/33px Poppins;
    text-align: center;
    position: relative;
}

.bdnaktif {
    background: #32b773!important;
    color: #fff!important;
    border: 1px solid #32b773!important
}

.dselect {
    padding-right: 7px
}

#adetsepet {
    padding: 14 0 0
}

.hemenal,
.sepeteekle {
    height: 45px;
    text-align: center;
    font: 500 16px/45px Poppins;
    color: #fff;
}

.sepeteekle {
    width: 296px;
    margin-left: 22px;
    float: left;
    position: relative;
}

.sepeteekle:hover {
    opacity: 0.9;
}
.sepeteekle i {
    font-size: 25px;
    position: absolute;
    left: 10px;
    top: 9px;
}

#sayi {
    float: left
}

.hemenal {
    width: 36.5%;
    float: right
}

.hemenal:hover {
    opacity: 0.9;
    background: url(../images/icon-sepet-2.png) left center no-repeat #444444;
}

#kargozamani {
    width: 100%;
    float: left;
    height: 41px;
    border-top: 1px solid #f3f6f9;
    border-bottom: 1px solid #f3f6f9;
    padding: 0 10px;
    color: #898989;
    text-align: center
}
.kutu1 {
    width: 1160px;
    float: left;
    left: 50%;
    margin-left: -580px;
    position: relative
}
@media (max-width:1024px){
    .kutu {
        width: 1024px;
        float: left;
        left: 50%;
        margin-left: -512px;
    }
    .kutu1 {
        width: 1024px;
        float: left;
        left: 50%;
        margin-left: -512px;
    }
    .kat {
        width: 30%;
        height: auto;
        float: left;
        overflow: hidden;
        position: relative;
        margin: 0 10px 28px;
    }
    #harama {
        width: 320px;
    }
}

@media (max-width:900px) {
    #kargozamani {
        height: auto!important;
        font-size: 11px!important
    }
    #kargozamani b {
        font-size: 13px!important
    }
}


#paylas {
    width: 100%;
    float: left;
    padding: 15px 0;
    text-align: center
}

.usteal {
    z-index: 99999999!important
}

.fbg {
    width: 100%;
    height: 100%;
    background: #f3f6f9;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1
}

#tabmenu ul li,
.bf-attr-block-cont label {
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

#tabmenu ul li {
    float: left;
    margin-right: 15px;
    padding: 0 32px;
    height: 48px;
    background: #f5f5f5;
    font: 400 14px/48px Poppins;
    color: #707070;
    box-shadow: 0 0 0 rgba(0, 0, 0, .18)
}

.bf-attr-block-cont label {
    height: 22px;
    font: 400 14px/22px Poppins;
    color: #5f5f5f
}


.bf-attr-block-cont,
.filter-div {
    width: 100%;
    max-height: 155px;
    float: left;
    overflow: hidden;
    overflow-y: auto
}

.bf-slider-label {
    position: relative;
    top: 15px;
    display: none
}

.bf-hidden {
    display: none
}

.filter-label {
    width: 31%;
    margin-right: 2.3333%;
    margin-bottom: 5px;
    background: #f3f6f9;
    height: 25px;
    color: #5f5f5f;
    font: 400 14px/25px Poppins;
    text-align: center;
    float: left
}

.butonlar label {
    width: 100%;
    display: block
}

#detay {
    padding: 11px 0;
    position: relative
}

#detay,
#detayust,
#tabmenu ul {
    width: 100%;
    float: left
}

.nobor {
    height: 600px!important;
    border: 0!important
}

.dozellik {
    min-height: 600px;
    padding: 0 13px
}

#not {
    width: 143px;
    height: 600px;
    float: right;
    text-align: center;
    background: url(../images/not.png) center top no-repeat
}


.tukendi {
    color: #fff;
    height: 45px;
    font: 700 16px/45px Poppins;
    float: left;
    background: url(../images/icon-sepet-2.png) #adadad left center no-repeat!important
}

.fiyatdusunce {
    height: 26px;
    margin-left: 0px;
    font: 400 13px/23px Poppins!important;
    color: #797979;
    float: right;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    -ms-border-radius: 11px;
    border-radius: 1px;
    position: relative;
    text-align: center;
    clear: both;
    margin-top: 5px;
}

.tukendi:hover {
    background: url(../images/icon-sepet-2.png) #cacaca left center no-repeat!important
}

#tablar {
    width: 100%;
    float: left;
    margin-top: 35px
}

#tabmenu {
    height: 48px
}

#tabmenu ul li:hover {
    background: #fff;
}

.tabaktif {
    background: #fff!important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .18)!important
}

#aciklama,
#tabmenu,
.tabic {
    width: 100%;
    float: left
}

.tabic {
    padding: 23px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .18);
    display: none
}

#aciklama {
    min-height: 250px;
    padding: 12px 12px 40px
}

#aciklama p {
    font: 400 16px/24px Poppins;
    color: #616161;
    margin-bottom: 5px
}

.goster {
    display: block
}

#aciklama,
#yorumlar {
    position: relative
}

#aciklama p,
#yorumekle,
#yorumlar,
.ytext {
    width: 100%;
    float: left
}

#yorumekle h5,
#yorumlist h5 {
    width: 100%;
    float: left;
    height: 24px;
    margin-bottom: 20px;
    display: table;
    text-align: center;
    position: relative;
    z-index: 1;
}

#yorumekle h5 span,
#yorumlist h5 span {
    font: 500 16px/24px Poppins;
    color: #32b773;
    background: #fff;
    padding: 0 20px;
    display: inline-block
}

#yorumekle h5 span::before,
#yorumlist h5 span::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ededed;
    top: 12px;
    left: 0;
    z-index: -1;
}

.ytext {
    height: 40px;
    margin: 4px 0;
    border: 1px solid #dedede;
    font: 400 14px/38px Poppins;
    color: #35383d;
    background: #f9f9f9;
    padding: 0 10px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.ysol {
    width: 21%;
    float: left;
    padding-right: 1%;
    border-right: 1px solid #dedede
}

.ysag {
    width: 78%;
    float: right;
    position: relative
}

.yarea,
.ybuton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.yarea {
    width: 100%;
    height: 90px;
    margin: 4px 0;
    border: 1px solid #dedede;
    float: left;
    font: 400 14px Poppins;
    color: #35383d;
    background: #f9f9f9;
    padding: 10px
}

.ybuton {
    width: 130px;
    height: 40px;
    background: #32b773;
    float: right;
    z-index: 9;
    cursor: pointer;
    color: #fff;
    font: 400 14px/40px Poppins;
    border: 0;
    margin-top: 4px;
    text-align: center;
}


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

.yyildiz p {
    float: left;
    font: 400 14px/31px Poppins;
    color: #666;
    margin-right: 10px
}

.oyla,
.oyla span {
    width: 150px;
    float: left;
    height: 30px
}

.oyla span {
    width: 30px;
    background: url(../images/ypasif.png) center center no-repeat;
    position: relative;
    cursor: pointer
}

.oyla span i {
    height: 20px;
    width: 50px;
    text-align: center;
    font: 400 12px/20px Poppins;
    color: #fff;
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: none
}

.oyla span:nth-child(2) i {
    width: 80px!important;
    margin-left: -40px!important
}

.oyla span:nth-child(3) i {
    width: 40px!important;
    margin-left: -20px!important
}

.oyla span:nth-child(4) i {
    width: 60px!important;
    margin-left: -30px!important
}

.oyla span:nth-child(5) i {
    width: 90px!important;
    margin-left: -45px!important
}

.oyla span:hover {
    background: url(../images/yaktif.png) center center no-repeat
}

.profil:hover{
    background: none!important;
}

.oyaktif,
.oyver {
    background: url(../images/yaktif.png) center center no-repeat!important
}

#yorumekleme {
    width: 100%;
    float: left;
    display: none;
    margin-bottom: 15px
}

#yekle {
    height: 65px;
    background: #f9f9f9;
    border: 1px solid #dedede;
    font: 500 16px/35px Poppins;
    color: #ccc;
    padding: 0 15px;
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px
}

#yekle,
#yorumlist,
.yorum {
    width: 100%;
    float: left
}

#yorumlist {
    position: relative;
    margin-top: 10px
}

.yorum {
    padding: 22px 0;
    border-bottom: 1px solid #dedede
}

#otablar ul li:last-child,
.yorum:last-child {
    border-bottom: 0
}

.yorumsol {
    width: 13%;
    float: left;
    text-align: center;
    padding: 10px
}

.yorumsol span {
    font: 700 14px/18px Poppins;
    color: #32b773;
    margin-top: 15px
}

.ycizgi,
.yorumsol i,
.yorumsol span {
    width: 100%;
    float: left
}

.yorumsol i {
    font: 400 14px/18px Poppins;
    color: #a6a6a6;
    margin-top: 15px
}

.ycizgi {
    height: 1px;
    background: #ededed;
    margin-bottom: 12px;
}

.yorumsag {
    width: 87%;
    float: left;
    padding: 17px 27px;
    border-left: 1px solid #dedede
}

.yorumsag h4,
.yorumsag p {
    width: 100%;
    float: left;
    font: 700 18px/24px Poppins;
    color: #35383d
}

.yorumsag p {
    font: 400 14px/20px Poppins;
    color: #5e5e5e;
    margin-top: 5px
}

.faydali {
    width: 100%;
    float: left;
    margin-top: 20px
}

.faydali span {
    float: left;
    font: 400 12px/24px Poppins;
    color: #a4a4a4;
    margin-right: 15px
}

.faydali a {
    float: left;
    height: 24px;
    border: 1px solid #e1e1e1;
    background: #f8f8f8;
    font: 400 12px/22px Poppins;
    color: #545454;
    padding: 0 15px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.faydali a:hover {
    background: #32b773;
    border: 1px solid #32b773;
    color: #fff
}

.faydali a:last-child:hover {
    background: #d45656;
    border: 1px solid #d45656
}

.ysirala {
    position: absolute;
    right: 20px;
    top: -5px;
    background: #fff;
    padding: 0 10px
}

.ysirala p {
    float: left;
    font: 500 14px/36px Poppins;
    color: #b4b4b4;
    margin-right: 7px
}

.ysirala select {
    width: 175px;
    height: 36px;
    border: 1px solid #e1e1e1;
    background: #f3f6f9;
    float: left;
    outline: 0;
    padding: 0 10px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#ilginicekebilir,
#ilgislider {
    width: 100%;
    float: left;
    margin-top: 25px
}

#ilgislider {
    width: 80%;
    margin-left: 10%;
    position: relative
}

#ilginicekebilir h5 {
    width: 100%;
    float: left;
    height: 24px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}


#ilginicekebilir h5 span {
    font: 600 16px/24px Poppins;
    background: #fff;
    padding: 0 10px;
    margin-left: 20px;
    float: left;
}

#ilginicekebilir h5 span::before {
    content: '';
    width: 100%;
    height: 1px;
    border-top: 1px solid #ebebeb;
    position: absolute;
    top: 12px;
    left: 0;
    z-index: -1;
}

#ilginicekebilir h5 a {
    font: 500 14px/25px Poppins;
    color: #333;
    float: right;
    padding: 0 25px 0 15px;
    margin-right: 40px;
    background: url(../images/icon-incele-4.png) #fff center right no-repeat
}

#islider {
    width: 100%;
    height: 500px;
    float: left
}

.isgeri,
.isileri {
    width: 28.5px;
    height: 47px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 9;
    cursor: pointer;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: alpha(opacity=30);
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.isileri {
    right: -80px;
    background: url(../images/icon-controls-1.png) top right no-repeat
}

.isgeri:hover,
.isileri:hover {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100)!important;
    filter: alpha(opacity=100)!important;
    -khtml-opacity: 1!important;
    -moz-opacity: 1!important;
    opacity: 1!important
}

.isgeri {
    left: -80px;
    background: url(../images/icon-controls-1.png) top left no-repeat
}

#anahtarkelime {
    margin-top: 10%;
    left: 0;
    bottom: -8px;
    width: 100%;
    border-top: 1px solid #dedede;
    padding-top: 8px;
    padding-left: 10px
}

#anahtarkelime span {
    font: 500 14px/18px Poppins;
    float: left;
    padding: 5px 10px 5px 0
}

#anahtarkelime a {
    font: 400 14px/18px Poppins;
    color: #666;
    float: left;
    padding: 5px 10px 5px 20px;
    background: url(../images/icon-etiket-1.png) left center no-repeat
}

#haic,
#tsic,
.kackaldi {
    width: 100%;
    float: left
}

.kackaldi p {
    width: 100%;
    height: auto;
    margin-top: 0;
    font: 400 12px/16px Poppins;
    color: #999;
    white-space: nowrap
}

.kackaldi p b {
    font: 700 12px/16px Poppins;
}

.telsic {
    width: 362px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -268px 0 0 -186px;
    padding: 20px 34px
}

#haic h5,
#tsic h5,
#tsic p {
    width: 100%;
    float: left;
    text-align: center
}

#tsic h5 {
    height: 30px;
    padding: 0 0 0 10px;
    margin-bottom: 15px;
    background: url(../images/baslik-cizgi-5.png) center left repeat-x;
    display: table
}

#haic h5 span,
#tsic h5 span {
    font: 500 24px/30px Poppins
}

#haic h5,
#tsic p {
    margin-bottom: 10px
}

#tsic p {
    font: 400 13px/20px Poppins;
    color: #6a6a6a
}

.hexit {
    width: 83px;
    height: 38px;
    position: absolute;
    right: 0;
    top: -23px;
    cursor: pointer;
    background: url(../images/icon-kapat-1.png) no-repeat
}

.hexitnew {
    width: 48px;
    height: 23px;
    position: absolute;
    right: -4px;
    top: 5px;
    cursor: pointer;
    color: #000;
    text-align: center;}

.hemenalic {
    width: 656px;
    height: 180px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -90px 0 0 -328px;
    padding: 20px 34px
}

#haic h5 {
    height: 30px;
    padding: 0 0 0 10px;
    background: url(../images/baslik-cizgi-5.png) center left repeat-x;
    display: table
}

#haic p,
#tsiparisic h5,
.bedentabloic h6 {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    text-align: center
}

#haic p {
    font: 400 16px/24px Poppins;
    color: #6a6a6a
}

.subbuton,
.susbuton {
    height: 48px;
    padding: 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.subbuton {
    width: 60%;
    border: 1px solid #32b773;
    background: #32b773;
    float: right;
    color: #fff;
    font: 500 16px/46px Poppins
}

.subbuton:hover {
    background: #52c88b;
    border: 1px solid #52c88b
}

.susbuton {
    width: 38%;
    border: 1px solid #e1e1e1;
    background: #f3f6f9;
    float: left;
    color: #787878;
    font: 400 16px/46px Poppins
}


.haexit,
.video {
    cursor: pointer;
    position: absolute
}

.haexit {
    width: 83px;
    height: 38px;
    right: 0;
    top: -23px;
    background: url(../images/icon-kapat-1.png) no-repeat
}

.video {
    width: 134px;
    height: 30px;
    background: url(../images/video.png) no-repeat;
    float: left;
    right: 17px;
    top: 10px;
    z-index: 99;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.video:hover {
    top: 15px
}

#urunvideo {
    min-height: 250px;
    padding: 12px 12px 40px;
    position: relative;
    text-align: center
}

.tsiparis {
    width: 362px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -235px 0 0 -186px;
    padding: 20px 34px
}

#tsiparisic,
#urunvideo {
    width: 100%;
    float: left
}

#tsiparisic h5,
.bedentabloic h6 {
    height: 30px;
    padding: 0 0 0 10px;
    background: url(../images/baslik-cizgi-5.png) center left repeat-x;
    display: table
}

#gkic h5 span,
#haic h5 span,
#tsic h5 span {
    padding: 0 10px;
    background: #fff;
    color: #000;
    display: inline-block;
    height: 30px
}

#tsiparisic h5 span {
    font: 500 18px/30px Poppins
}

#tsiparisic h5 span,
.bedentabloic h6 span,
.modal-header h5 span {
    padding: 0 10px;
    background: #fff;
    color: #000;
    display: inline-block;
    height: 30px
}

#tsiparisic h4,
#tsiparisic p {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

#tsiparisic p {
    float: left;
    font: 500 14px/24px Poppins;
    color: #6a6a6a
}

#tsiparisic h4 {
    font: 700 36px/40px Poppins;
    color: #848484
}

.texit {
    width: 83px;
    height: 38px;
    position: absolute;
    right: 0;
    top: -23px;
    cursor: pointer;
    background: url(../images/icon-kapat-1.png) no-repeat
}

.bedentabloic {
    width: 1024px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -320px 0 0 -512px;
    padding: 20px 26px
}

#gkic h5 span,
.bedentabloic h6 span,
.modal-header h5 span {
    font: 500 14px/30px Poppins
}

.bresimk {
    width: 250px;
    height: 335px;
    float: left;
    background: url(../images/resim-beden-k.jpg) no-repeat
}

.bedensag {
    width: 270px;
    float: right
}

.bedensag h5,
.bedensag p {
    width: 100%;
    float: left;
    font: 500 14px/18px Poppins;
    color: #000
}

.bedensag p {
    font: 400 12px/16px Poppins;
    color: #787878;
    margin-bottom: 10px
}

.bedensol,
.bedentab {
    width: 680px;
    float: left
}

.bedentab {
    width: 100%;
    height: 53px;
    background: #f3f6f9;
    padding: 0 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px
}

.bedentab li {
    float: left;
    height: 53px;
    padding: 0 21px;
    font: 400 14px/53px Poppins;
    color: #787878;
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.btaktif {
    background: #fff!important;
    height: 43px!important;
    margin-top: 10px;
    font: 400 14px/43px Poppins!important;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.btic {
    width: 100%;
    max-height: 480px;
    overflow: hidden;
    overflow-y: auto;
    display: none
}

.baslik {
    width: 100%;
    float: left;
    height: 28px;
    font: 500 14px/28px Poppins;
    color: #787878;
    padding-left: 25px;
    background: url(../images/icon-pasif-2.png) left center no-repeat;
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.sbaktif {
    background: url(../images/icon-aktif-2.png) left center no-repeat;
}

.icerik {
    width: 100%;
    float: left;
    background: #f3f6f9;
    padding: 12px;
    display: none
}

.btgoster {
    display: block!important
}

.c0 {
    background: url(../images/resim-beden-k.jpg) no-repeat!important
}

.c1 {
    background: url(../images/resim-beden-e.jpg) no-repeat!important
}

.c2 {
    background: url(../images/resim-beden-c.jpg) no-repeat!important
}

#gkic,
#sepetimic,
.tablo,
.tic,
.tust {
    width: 100%;
    float: left
}

.tic,
.tust {
    text-align: center
}

.tust p {
    float: left;
    height: 28px;
    font: 700 13px/12px Poppins;
}

.tic {
    display: table
}

.tic:nth-child(2n+2) {
    background: #fff
}

.tic p {
    display: table-cell;
    height: 28px;
    font: 400 14px/28px Poppins;
    color: #35383d
}

.kpantolon p {
    width: 33.33333%!important
}

.kgiyim p {
    width: 14.2857%!important
}

.kjean p {
    width: 33.33333%!important
}

.kayakkabi p {
    width: 20%!important
}

.egiyim p {
    width: 16.66667%!important
}

.eayakkabi p {
    width: 25%!important
}

.cgiyim p {
    width: 33.33333%!important
}

.bexit {
    /*width: 83px;*/
    /*height: 38px;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: -23px;*/
    /*cursor: pointer;*/
    /*background: url(../images/icon-kapat-1.png) no-repeat*/
    width: 53px;
    height: 38px;
    position: relative;
    LEFT: 0;
    float: right;
    top: -5px;
    border-radius: 3px;
    cursor: pointer;
    color: #fff;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    background: red;
    z-index: 9999999999999999999;
}

.tam {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .57);
    z-index: 1002;
    display: none
}

#gkic h5,
.adresic h5,
.modal-header h5,
.sozic h5 {
    width: 100%;
    height: 30px;
    float: left;
    padding: 0 0 0 10px;
    margin-bottom: 15px;
    display: table;
    text-align: center;
    position: relative;
    z-index: 1;
}

#gkic h5 span::before,
.adresic h5 span::before,
.modal-header h5 span::before,
.sozic h5 span::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ededed;
    top: 14px;
    left: 0px;
    z-index: -1;
}


.glogo {
    width: 100%;
    height: 35px;
    float: left;
    text-align: center;
    margin-bottom: 20px
}

.exit {
    width: 25px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 21px;
    cursor: pointer;

}

.form-group,
.lalan {
    width: 100%;
    float: left;
    margin-bottom: 14px;
    position: relative
}

.control-label,
.lalan select {
    font: 500 14px/17px Poppins;
    width: 100%;
    float: left;
    padding: 3px 7px
}

.lalan select {
    height: 48px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 0 15px;
    color: #35383d;
    font: 500 14px/46px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: 0
}

.form-control,
.ftext {
    width: 100%;
    height: 48px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 0 15px;
    float: left;
    color: #35383d;
    font: 500 12px/46px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.alert-danger {
    width: 100%;
    background: #900;
    padding: 3px 0;
    float: left;
    color: #fff;
    font: 400 12px/14px Poppins;
    margin-bottom: 5px;
    text-align: center;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.benihatirla,
.fbuton {
    float: left;
    font: 500 12px/16px Poppins;
    color: #848484;
    cursor: pointer
}

.benihatirla {
    margin: 15px 2px 10px !important;
}

/*.tablar .tab_ic:first-child {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.tablar .tab_ic:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: .5rem;
} */

.fbuton {
    height: 42px;
    border: 1px solid #000;
    background: #000;
    padding: 0 35px;
    float: right;
    color: #fff;
    font: 500 14px/42px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

.benihatirla input,
.checkbox input {
    position: relative;
    left: 0px;
    top: 2px
}

.checkbox input {
    left: 0;
    margin-right: 3px
}

.fbuton:hover {
    background: #fff;
    color:#000;
    border: 1px solid #000
}

.sifremiunuttum {
    float: right;
    text-align: right;
    padding-right: 3px;
    font: 500 12px/16px Poppins;
    color: #848484
}

.yada span {
    color: #a5a5a5!important
}

.flogin,
.link a {
    width: 100%;
    float: left;
    text-align: center
}

.flogin img {
    position: relative;
    top: 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    max-width: 100%
}

.flogin img:hover {
    top: -5px
}

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

.link a {
    height: 42px;
    background: #ffffff;
    font: 400 13px/42px Poppins;
    color: #000;
    border: 1px solid;
    margin-top: 10px;
    text-decoration: underline;
}

.link a:hover {
    color:#fff;
}

.girisic,
.kayitic {
    width: 400px; /* 362 */
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -205px;
    padding: 35px 35px;
    z-index: 999999;
}

.signIn-modal {
    width: 400px; /* 362 */
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px 0 0 -205px;
    padding: 35px 35px;
    z-index: 999;
}

.kayitic {
    width: 365px;
    height: auto;
    margin: -330px 0 0 -205px
}

.checkbox,
.kbuton {
    width: 100%;
    float: left;
    margin: 3px 0 4px;
    font: 400 12px/16px Poppins;
    color: #9c9b9b;
    cursor: pointer
}

.kbuton {
    height: 42px;
    padding: 0;
    text-align: center;
    color: #fff;
    margin: 9px 0;
    font: 700 14px/33px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

#havaleileode p a:hover,
.checkbox a:hover,
.sptic h2 a:hover {
    text-decoration: underline
}

.kbuton:hover {
    background: #fff!important;
    border: 1px solid #000;
    color: #000;
}

.anaic {
    margin: 35px 0 20px
}



.spt,
.sptic span {
    width: 100%;
    float: left
}

.sptic h2,
.sust {
    float: left;
    margin-bottom: 5px
}

.sust {
    width: 100%
}

.adet input,
.sust p {
    text-align: center;
    color: #656565
}

.sptic h2 {
    font-size: 16px;
    font-weight: 400;
    font-family: Poppins;
    margin-top: 8px;
    padding-right: 10px
}

.sust p {
    float: left;
    font: 500 14px/18px Poppins
}

.spt {
    height: 130px;
    margin-bottom: 10px
}

.sptic,
.sptic label {
    float: left;
    position: relative
}

.sptic {
    height: 100%
}

.sptic h2,
.sptic h2 a {
    color: #35383d
}

.sptic span {
    font: 700 14px/18px Poppins;
    color: #32b773;
}

.sptic span b {
    width: 90px;
    float: left;
    font: 300 14px/18px Poppins;
    color: #828282
}

.sptic label {
    cursor: pointer;
}
.sptic label i {
    width: 21px;
    height: 21px;
    background: url(../images/icon-bos-1.png) no-repeat;
    position: absolute;
    left: -3px;
    top: 0
}

.sptic .saktif {
    background: url(../images/icon-dolu-1.png) no-repeat!important
}

.sresim {
    width: 90px;
    height: 135px;
    overflow: hidden;
    float: left
}

.sfiyat,
.sptic h2,
.sresim img {
    width: 100%
}

.sfiyat {
    height: 41px;
    font-size: 16px;
    font-weight: 400;
    color: #35383d;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sptic {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.otutar b,
.stutar {
    color: #32b773!important
}

.adet {

}

.adet input {
    width: 70px;
    position: relative;
    padding-right: 5px;
    height: 40px;
    border: 1px solid #e1e1e1;
    background: #f3f6f9;
    font: 400 16px/16px Poppins;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.adevamet,
.guncelle,
.ssatinal {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.adevamet {
    float: left;
    height: 40px;
    padding: 8px 20px 0px 50px;
    background: url(../images/icon-sepet-3.png) #F689A0 left center no-repeat;
    font: 400 14px/24px Poppins;
    color: #fff;
}

.adevamet:hover {
    background: url(../images/icon-sepet-3.png) #0099d2 left center no-repeat
}


.ssatinal {
    height: 40px
}

.ssatinal {
    background: url(../images/icon-onay-1.png) #32b773 left -10px center no-repeat;
    color: #fff;
    font: 400 14px/16px Poppins;
    display: flex;
    padding: 11px 20px 11px 40px;
    display: flex;
    align-items: center;
    margin-left: 15px;
    right: -110px;
    background-size: 40px;
}


.guncelle {
    float: right;
    background: url(../images/icon-guncelle-1.png) top center no-repeat;
    color: #979797;
    font: 400 14px/63px Poppins;
    cursor: pointer;
    right: 200px;
    height: 40px;
}

.sbilgi span {
    height: 82px;
    border-right: 1px solid #d1d1d1;
    text-align: center;
    padding-top: 15px
}

.gsbilgi span p {
    font: 400 14px/14px Poppins
}

.gsbilgi span b {
    font: 700 30px/30px Poppins;
    margin-top: 5px
}

.gsbilgi span b,
.gsbilgi span p,
.sbilgi span b,
.sbilgi span p {
    width: 100%;
    float: left;
    color: #6b6b6b
}

.kdv {
    width: 150px!important
}

.otutar {
    border: 0!important
}

#kuponkodu {
    width: 100%;
    float: left;
    border-top: 1px solid #d7d7d7;
    padding: 15px 0 10px;
    margin-top: 17px
}

.kkoduic {
    width: 300px;
    float: left;
    text-align: center;
    padding: 0 10px
}

.kkoduic p,
.kkoduic span,
.kktext {
    width: 100%;
    float: left;
    color: #393939
}

.kkoduic p {
    margin-top: 2px;
    font: 400 12px/16px Poppins
}

.kkoduic span,
.kktext {
    font: 600 14px/18px Poppins
}

.kktext {
    width: 200px;
    height: 42px;
    border: 1px solid #e1e1e1;
    background: #fff;
    padding: 0 15px;
    font: 400 12px/40px Poppins;
    color: #35383d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-appearance:none!important;
}

#kuponkodualan {
    float: left;
    margin: 7px 0 0 15px
}

.kkbuton {
    width: 100px;
    height: 42px;
    border: 0;
    padding: 0;
    font: 500 12px/42px Poppins;
    color: #fff;
    cursor: pointer;
    margin-left: -11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    float: left
}

.sepetbos {
    margin-left: 0;
    padding: 0 27px
}

.sepetbos span {
    font: 500 16px/24px Poppins;
    color: #655858;
    float: left;
    width: 100%;
    margin-bottom: 4px;
    white-space: nowrap
}

#fosol {
    width: 860px;
    float: left
}

#fosag {
    width: 282px;
    float: right
}

#fatura h5,
#fosag h5,
#ggiris h5,
#kredikk h5,
#odeme h5,
#siparisozeti h5,
#snot h5 {
    width: 100%;
    height: 30px;
    float: left;
    margin-bottom: 5px;
    display: table;
    text-align: center;
    position: relative;
    z-index: 1;
}

#fatura span::before,
#fosag span::before,
#kredikk span::before,
#odeme span::before,
#siparisozeti span::before,
#snot span::before,
#ggiris span::before {
    position: absolute;
    content: "";
    height: 2px;
    top: 16px;
    left: 0;
    width: 100%;
    border-top: 2px solid #ededed;
    z-index: -1;
}

#fatura h5 span,
#fosag h5 span,
#ggiris h5 span,
#iadealani h5 span,
#kredikk h5 span,
#odeme h5 span,
#siparisozeti h5 span,
#snot h5 span {
    padding: 0 10px;
    background: #fff;
    font: 500 16px/30px Poppins;
    color: #000;
    display: inline-block;
    height: 30px
}

#foalan {
    padding-bottom: 15px
}

#foalan,
#fobaslik,
.fbaslik,
.fbaslik h4,
.fbaslik p {
    width: 100%;
    float: left
}

.fbaslik {
    width: 33.3333333%;
    height: 70px;
    padding-left: 60px;
}

.fbaslik h4 {
    font: 500 14px/24px Poppins;
    color: #b7b7b7;
    margin-top: 15px
}

.fbaslik p {
    font: 400 14px/14px Poppins;
    color: #aeaeae
}

.faktif {
    background: url(../images/icon-adres-1.png) #fff left -30px center no-repeat!important;
    webkit-border-radius: .75rem .75rem 0 0;
    -moz-border-radius: .75rem .75rem 0 0;
    -o-border-radius: .75rem .75rem 0 0;
    -ms-border-radius: .75rem .75rem 0 0;
    border-radius: .75rem .75rem 0 0;
}

.ficon {
    background: url(../images/icon-adres-1.png) left -30px center no-repeat
}

.oaktif {
    background: url(../images/icon-kk-1.png) #fff left -30px center no-repeat!important;
    border-radius: 0 .75rem 0 0;
}

.oicon {
    background: url(../images/icon-kk-1.png) left -30px center no-repeat;
    float: right
}

#fatura {
    padding: 22px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

#fatura,
#tfalanlar,
.profil ul li,
.tfalan {
    width: 100%;
    float: left
}

.tfalan {
    width: 50%;
    padding-bottom: 10px
}

.tadres {
    padding-right: 28px;
    border-right: 1px solid #d7d7d7
}

.tfic {
    width: 100%;
    float: left;
    position: relative;
    margin: 5px 0 14px
}

.tfadres,
.tfic select {
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    background: #f3f6f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.tfic select {
    height: 47px;
    padding: 0 15px;
    color: #6a6a6a;
    cursor: pointer;
    font: 400 14px/45px Poppins;
    outline: 0
}

.tfadres {
    padding: 18px 18px 5px;
    position: relative;
    min-height: 200px
}

.tfadres h2,
.tfadres h3,
.tfadres p {
    width: 100%;
    float: left;
    font: 700 14px/18px Poppins
}

.tfadres p {
    font: 400 14px/18px Poppins;
    margin-bottom: 13px
}

.tfadres h2 {
    margin-bottom: 5px
}

.tfadres h3,
.tfadres p {
    color: #6a6a6a
}

.tfadres a {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 5px 5px 5px 17px;
    font: 500 12px/12px Poppins;
    color: #919090;
    background: url(../images/icon-duzenle-1.png) left center no-repeat
}

.fadres {
    padding-left: 28px
}

.yeniadres {
    width: 123px;
    height: 23px;
    color: #fff;
    border: 0;
    cursor: pointer;
    left: 50%;
    margin-left: -62px;
    font: 500 12px/23px Poppins;
    margin-top: 5px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.yeniadres:hover {
    background: #ff8f47
}

#tyontem {
    margin-top: 15px
}

#kargosec,
#kbedava,
#tyontem,
.kic span {
    width: 100%;
    float: left
}

#kargosec {
    padding-top: 8px
}

.kargo,
.kargo p,
.yeniadres {
    float: left;
    text-align: center;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.kargo {
    width: 129px;
    height: 126px;
    border: 2px solid #f3f6f9;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 3px;
    margin-bottom: 3px;
}

.kargo input {
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 10px
}

.kargo img {
    margin-top: 26px
}

.kargo p {
    width: 100%;
    height: 31px;
    background: #f3f6f9;
    color: #595959;
    font: 700 15px/31px Poppins;
    position: absolute;
    left: 0;
    bottom: 0
}

.kaktif {
    border: 2px solid #32b773!important
}

.kaktif p {
    background: #32b773!important;
    color: #fff!important
}

#kbedava {
    margin-top: 20px;
    padding: 30px 0 0;
    background: url(../images/baslik-cizgi-5.png) top left repeat-x;
    position: relative
}

.kbbaslik {
    width: 200px;
    height: 258px;
    float: left;
    background: url(../images/icon-kbedava-1.png) center center no-repeat
}

#kuslider {
    width: 585px;
    height: 280px;
    float: right
}

.kic {
    width: 185px;
    height: 258px!important;
    border: 1px solid #e1e1e1;
    float: left;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding-top: 8px;
    margin: 10px 5px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    box-shadow: 0 3px 7px transparent
}

.kic:hover {
    box-shadow: 0 3px 7px rgba(0, 0, 0, .4)
}

.kic img {
    width: 128px;
    height: 138px
}

.kic h2 {
    width: 100%;
    padding: 5px 10px;
    font: 400 14px/18px Poppins
}

.kic h2,
.kic h2 a,
.kic span i {
    color: #4d4d4d
}

.kic span {
    font: 500 18px/24px Poppins;
    margin-top: 2px
}

.kic span i {
    font: 500 14px/24px Poppins;
    margin-right: 5px;
    text-decoration: line-through
}

.kekle {
    width: 100%;
    height: 28px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font: 500 14px/28px Poppins
}

.kekle:hover {
    background: #f88d48
}

.kgeri,
.kileri,
.koklar {
    height: 22px;
    position: absolute
}

.koklar {
    width: 60px;
    top: -7px;
    right: 15px;
    background: #fff
}

.kgeri,
.kileri {
    width: 14px;
    top: 0;
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

.kileri {
    background: url(../images/icon-controls-3.png) right center no-repeat;
    right: 10px
}

.kgeri:hover,
.kileri:hover,
.popup img:hover {
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.kgeri {
    background: url(../images/icon-controls-3.png) left center no-repeat;
    right: 36px
}

#foozet {
    width: 860px;
    float: left;
    padding: 15px 0 20px
}

#foozet .ssatinal {
    right: 0;
}

#ssiparisler,
.surun {
    width: 100%;
    float: left
}

.surun {
    padding: 0 10px 0 84px;
    height: 115px;
    border-bottom: 1px solid #e3e3e3;
    position: relative
}

.surun:last-child {
    border: 0
}

.surun h3 {
    font: 400 12px/18px Poppins;
    margin-top: 12px
}

.favbaslik h2 a,
.surun h3,
.surun h3 a {
    color: #656565
}

#hediyep,
.surun h3,
.surun p,
.surun span {
    width: 100%;
    float: left
}

.surun p {
    font: 400 12px/14px Poppins;
    color: #a9a9a9;
    margin-top: 3px
}

.surun span {
    font: 500 12px/18px Poppins;
    color: #32b773;
    margin-top: 5px
}

.surun img {
    width: 60px;
    left: 9px;
    top: 14px;
    border: 1px solid #e5e5e5
}

#hediyep {
    height: 107px;
    margin-top: 15px;
    position: relative;
    border-radius: .75rem;
}

#hediyep img {
    width: 80px;
    top: 15px;
    left: 12px
}

#hediyep h4,
#hediyep span {
    top: 28px;
    left: 100px;
    font: 500 16px/18px Poppins;
    color: #555454;
}

#hediyep span {
    top: 61px;
    left: 111px
}

#hediyep a {
    top: 53px;
    left: 178px;
    height: 29px;
    font: 700 14px/29px Poppins;
    color: #fff;
    padding: 0 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#hediyep a:hover {
    background: #f9893f
}

#hediyep a,
#hediyep h4,
#hediyep img,
#hediyep span,
.adresic,
.akapa,
.surun img {
    position: absolute
}

.adresic {
    width: 1024px;
    height: auto;
    left: 50%;
    top: 50%;
    margin: -318px 0 0 -512px;
    padding: 20px 34px
}

.adresic h5 span,
.sozic h5 span {
    padding: 0 10px;
    background: #fff;
    font: 500 24px/30px Poppins;
    color: #000;
    display: inline-block;
    height: 30px
}

.akapa {
    width: 83px;
    height: 38px;
    right: 0;
    top: -23px;
    cursor: pointer;
    background: url(../images/icon-kapat-1.png) no-repeat
}

.adresform {
    width: 50%;
    float: left;
    margin-top: 10px
}

.falan {
    width: 100%;
    float: left;
    margin-bottom: 14px;
    position: relative
}

.falan p {
    width: 35%;
    float: left;
    height: 48px;
    font: 500 14px/48px Poppins;
    color: #848484;
    padding-left: 10px
}

.foic,
.fselect {
    width: 65%;
    float: left
}

.fselect {
    width: 100%;
    height: 48px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 0 15px;
    color: #35383d;
    font: 500 14px/46px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: 0
}

.farea {
    width: 100%;
    height: 119px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 15px;
    float: left;
    color: #35383d;
    font: 500 14px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.adressag .falan p {
    padding-left: 25px
}

#ggiris,
#kbutonlar,
.profil ul li a {
    width: 100%;
    float: left
}

#kbutonlar {
    text-align: center;
    margin-top: 25px;
    display: table
}

.iptal,
.kaydet {
    height: 48px;
    cursor: pointer;
    font: 700 14px/48px Poppins;
    border: 0;
    display: inline-block;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.kaydet {
    width: 173px;
    background: #32b773;
    color: #fff;
    margin: 0 5px
}

.kaydet:hover {
    background: #55c98e
}

.iptal {
    width: 90px;
    background: #fff;
    color: #929292;
    margin: 0 15px
}

.gsag h6,
.iptal:hover,
.profil {
    color: #000
}

.profil {
    font: 700 13px/34px Poppins;
    position: relative;
    float: left;
}

.profil a {
    color: #737373!important;
    font: 500 13px/34px Poppins!important;
    padding: 0 15px 0 5px!important;
    float: left;
    cursor: default;
    user-select: none;
}
.profil i{
    color: #737373;
}

.profil ul {
    position: absolute;
    right: 0;
    top: 34px;
    background: #fff;
    padding: 8px 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .22);
    display: none;
    width: 187px;
    z-index: 1005;
}

.profil ul li a {
    height: 27px!important;
    font: 400 14px/27px Poppins!important;
    color: #35383d!important;
    padding-left: 24px!important
}

.profil ul li a:hover {
    padding-left: 29px!important
}

.profil ul li a:hover,
.profil ul li:hover {
    background: 0 0!important
}

.ftamam h4 {
    color: #32b773!important
}

.gicon {
    background: url(../images/icon-giris-2.png) left -30px center no-repeat
}

#ggiris {
    padding: 15px;
    -webkit-border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px;
    -o-border-radius: 0 10px 10px 10px;
    -ms-border-radius: 0 10px 10px 10px;
    border-radius: 0 10px 10px 10px;
    position: relative
}

.gsbilgi {
    margin-left: 160px;
    float: left
}

.gsbilgi span {
    width: 180px;
    height: 82px;
    float: left;
    border-right: 1px solid #d1d1d1;
    text-align: center;
    padding-top: 15px
}

.ghatirla {
    width: auto!important
}

.gsunuttum {
    float: right;
    text-align: right;
    margin: 3px 0;
    padding-right: 3px;
    font: 400 14px/16px Poppins;
    color: #848484
}

.gsag {
    width: 330px;
    float: right;
    margin-top: 19px;
    padding: 20px 10px 50px;
    border-left: 1px solid #dedede
}

.gsag h6 {
    width: 100%;
    font: 500 18px/24px Poppins
}

.gsag a,
.gsag h6,
.gsag p {
    text-align: center;
    float: left
}

.gsag p {
    width: 100%;
    font: 400 14px/21px Poppins;
    color: #35383d;
    margin-top: 5px;
    padding: 0 15px;
    margin-bottom: 15px
}

.gsag a {
    width: 120px;
    height: 30px;
    font: 400 12px/30px Poppins;
    color: #fff;
    background: #32b773;
    margin-left: 25px
}

.gsag a:last-child {
    margin-left: 15px
}

.gsag a:hover {
    background: #35383d
}

.gbuton {
    width: 100%;
    height: 48px;
    padding: 0 35px;
    float: right;
    color: #fff;
    margin-top: 15px;
    font: 700 14px/46px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.gbuton:hover {
    background: #ff8638;
    border: 1px solid #ff8638
}

#gyform {
    width: 280px;
    float: left
}

#ggirisyap,
#hatasayfasi {
    width: 100%;
    float: left
}

.gyada {
    margin: 10px 0 0;
    float: left
}

.gflogin {
    margin-top: 5px
}

#hatasayfasi {
    text-align: center
}

#hatasayfasi h2 {
    font: 500 250px/250px Poppins;
    color: #d3d3d3
}

#hataic {
    margin-top: -57px;
    padding: 15px 20px 60px
}

#hataic h3,
.hataarama {
    background: url(../images/baslik-cizgi-5.png) bottom left repeat-x
}

#hataic h3 {
    width: 100%;
    padding: 10px 0 30px;
    text-align: center;
    font: 500 24px/30px Poppins;
    color: #d75c5c
}

#hataic,
#hataic p,
#hatasayfasi h2,
#odeme {
    width: 100%;
    float: left
}

#hataic p {
    font: 300 18px/24px Poppins;
    color: #7d7d7d;
    padding: 10px 0;
    margin-top: 10px
}

#hataic p b {
    font: 700 18px/24px Poppins
}

.hataarama {
    width: 385px;
    float: left;
    margin-top: 10px;
    position: relative;
    left: 50%;
    margin-left: -193px;
    padding-bottom: 35px
}

.anasayfa,
.hataarama input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.hataarama input {
    height: 53px;
    background: url(../images/icon-arama-4.png) #f3f6f9 right center no-repeat;
    border: 1px solid #e1e1e1;
    padding: 0 45px 0 15px;
    font: 400 18px/51px Poppins;
    color: #35383d
}

.anasayfa {
    width: 160px;
    height: 37px;
    float: left;
    left: 50%;
    margin-left: -80px;
    position: relative;
    font: 700 14px/37px Poppins;
    color: #fff;
    background: #35383d;
    text-align: center;
    margin-top: 10px
}

.anasayfa:hover {
    color: #fff
}

.ftamam {
    background: url(../images/icon-tamam-1.png) left -30px center no-repeat!important;
}

.panel {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.shippingS {
    font-size: 14px;
    color: #858e8f;
    text-transform: uppercase
}

.center {
    margin: 0 auto
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.text-center {
    text-align: center
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert,
.progress {
    margin-bottom: 20px;
    border-radius: 4px
}

.alert {
    padding: 15px;
    border: 1px solid transparent
}

.progress {
    height: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar-success {
    background-color: #2ab746!important
}

#odeme {
    padding: 15px;
    -webkit-border-radius: 10px 0 10px 10px;
    -moz-border-radius: 10px 0 10px 10px;
    -o-border-radius: 10px 0 10px 10px;
    -ms-border-radius: 10px 0 10px 10px;
    border-radius: 10px 0 10px 10px;
    position: relative
}

#otablar,
#otablar ul {
    float: left;
    height: 100%
}

#otablar {
    width: 156px;
    padding: 15px 0;
    position: absolute;
    top: 0;
    bottom: 0
}

#otablar ul {
    width: 100%;
    background: #f3f6f9;
    padding: 15px;
    -webkit-border-radius:.75rem 0 0 .75rem;;
    -moz-border-radius:.75rem 0 0 .75rem;;
    border-radius:.75rem 0 0 .75rem;;
}

#otablar ul li,
#otablar ul li p,
.hataarama input {
    width: 100%;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

#otablar ul li {
    padding: 17px 0;
    cursor: pointer;
    text-align: center;
    border-bottom: 1px solid #d7d7d7
}

#otablar ul li p {
    font: 500 12px/14px Poppins;
    color: #818181;
    margin-top: 12px;
    white-space: nowrap
}

.taktif {
    background: #fff;
    width: 150px!important;
    padding: 17px 0 17px 5px;
    -webkit-border-radius:.75rem 0 0 .75rem;
    -moz-border-radius:.75rem 0 0 .75rem;
    -o-border-radius:.75rem 0 0 .75rem;
    -ms-border-radius:.75rem 0 0 .75rem;
    border-radius.75rem 0 0 .75rem;
    box-shadow: rgb(99 99 99 / 20%) -8px 2px 12px 0px;
}

.taktif p {
    color: #32b773!important
}

.otabic {
    width: 640px;
    float: right;
    display: none;
    padding-right: 5px;
    padding-bottom: 15px;
    min-height: 395px
}

.ogoster {
    display: block
}

#kkform {
    float: left
}

#kredikarti,
.uyari {
    width: 100%;
    float: left
}

.uyari {
    height: 35px;
    padding-left: 45px;
    background: url(../images/icon-uyari-1.png) #f5f5f5 center left no-repeat;
    font: 500 14px/35px Poppins;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 20px
}

#kkform {
    width: 280px
}

.kalan {
    margin-bottom: 15px
}

#havaleileode,
#kapidaodeme,
#profilsol ul,
#profilsol ul li,
#sozlesme,
.kalan,
.kalan p,
.ktext {
    width: 100%;
    float: left
}

.kalan p {
    font: 500 14px/18px Poppins;
    color: #848484;
    padding-left: 5px;
    padding-bottom: 3px
}

.ktext {
    height: 42px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 0 15px;
    color: #35383d;
    font: 500 14px/40px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.ay {
    width: 77px;
    height: 42px;
    margin-right: 10px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 0 10px;
    float: left;
    color: #35383d;
    font: 500 14px/40px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: 0
}

.ayyil {
    width: 70%!important
}

.cvc,
.kkresim {
    width: 30%;
    float: right
}

.kkresim {
    width: 330px;
    margin-top: 19px
}

.sozic {
    width: 1024px;
    height: 635px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -318px 0 0 -512px;
    padding: 20px 34px
}

.sozalan {
    width: 100%;
    max-height: 540px;
    overflow: hidden;
    overflow-y: auto!important;
    padding: 10px 0
}

#havaleileode p,
.sozalan p {
    width: 100%;
    float: left;
    font: 400 14px/20px Poppins;
    color: #35383d
}

#havaleileode p {
    margin-top: 5px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 15px
}

.sozalan p {
    margin-bottom: 10px
}

.skapa {
    width: 83px;
    height: 38px;
    position: absolute;
    right: 0;
    top: -23px;
    cursor: pointer;
    background: url(../images/icon-kapat-1.png) no-repeat
}

#havaleileode p a,
#havaleileode p b {
    font: 500 14px/20px Poppins;
}

.havale {
    width: 48%;
    float: left;
    padding: 15px 15px 8px;
    background: #f5f5f5;
    margin: 7px 1%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.havale h4,
.havale span {
    width: 100%;
    float: left;
    font: 500 14px/18px Poppins;
    color: #000;
    margin-bottom: 7px
}

.havale span {
    font: 400 14px/18px Poppins;
    color: #606060;
    margin-bottom: 3px
}

.havale span b {
    font: 500 14px/18px Poppins
}

.hsozlesme {
    padding: 0 10px;
    margin-top: 10px
}

.kapialan {
    width: 33.3333%;
    float: left;
    height: 275px;
    text-align: center;
    padding: 20px 15px;
    border-right: 1px solid #dedede;
    margin-top: 15px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.kapialan:last-child {
    border: 0
}

.kapialan:hover {
    background: #f5f5f5
}

.kapialan p {
    width: 100%;
    float: left;
    font: 400 14px/21px Poppins;
    color: #35383d
}

.kapialan p b {
    font: 500 14px/21px Poppins;
}

#urunozet h5,
.kapialan img {
    margin-bottom: 10px
}

.ksozlesme {
    border-top: 1px solid #dedede;
    padding: 10px 10px 0;
    margin-top: 10px
}

.nocizgi,
.odemeyazialani blockquote {
    border: 0
}

#snot,
.narea {
    width: 100%;
    float: left;
    padding: 16px;
}

.narea {
    height: 120px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 15px;
    color: #35383d;
    font: 500 14px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#tfadres {
    width: 100%;
    float: left;
    padding: 14px
}

#tfadres h3,
.pic p b {
    font: 500 12px/18px Poppins
}

#tfadres h3,
#tfadres p {
    color: #656565;
    padding: 0 15px
}

#profilsol ul li a,
#tfadres h3,
#tfadres p,
.pic p {
    width: 100%;
    float: left
}

#profilsol ul li a {
    height: 32px;
    padding: 0 10px;
    font: 400 14px/32px Poppins;
    color: #7e7e7e
}

#tfadres p,
.pic p {
    font: 400 12px/18px Poppins
}

#tfadres p {
    margin-bottom: 15px
}

.kteslim {
    width: 100%;
    background: url(../images/baslik-cizgi-5.png) top left repeat-x;
    padding: 10px 10px 0
}

.kteslim b {
    font: 400 12px/60px Poppins;
    color: #646464;
    padding-left: 10px;
    float: left;
    margin-right: 10px
}

.kteslim,
.kteslim img,
.popup i {
    float: left
}

.adresdegis {
    width: 108px;
    height: 24px;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -54px;
    color: #fff;
    text-align: center;
    font: 500 12px/24px Poppins;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px
}

.adresdegis:hover {
    background: #fa8a41
}

.popup {
    width: 420px;
    position: fixed;
    right: 20px;
    top: 60px;
    z-index: 9999999;
    cursor: pointer;
    padding: 15px 0;
    min-height: 130px;
    display: none
}

.popup i {
    width: 76px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px
}

.popup img {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
    -khtml-opacity: .4;
    -moz-opacity: .4;
    opacity: .4
}

.ekle i {
    background: url(../images/icon-sepet-4.png) #32b773 right center no-repeat
}

.ekle h4 {
    color: #32b773!important
}

.pic {
    width: 280px;
    margin-left: 77px;
    padding: 0 27px
}

.pic h4 {
    font: 700 24px/30px Poppins;
    color: #ccc
}

#boalan,
.pic h4,
.pic span {
    width: 100%;
    float: left
}

.pic span {
    font: 700 18px/24px Poppins;
    color: #35383d;
    margin-bottom: 4px;
    white-space: nowrap
}

.pic p {
    color: #a0a0a0
}

.hata i {
    background: url(../images/icon-hata-1.png) #d35657 right center no-repeat
}

.hata h4 {
    color: #d35657!important
}

.puyari i {
    background: url(../images/icon-uyari-2.png) #F689A0 right center no-repeat
}

.basarili i {
    background: url(../images/icon-basarili-1.png) #32b773 right center no-repeat
}

.basarili h4 {
    color: #32b773!important
}

.ual {
    z-index: 1000
}

#boalan {
    padding-bottom: 20px;
    padding-top: 10px
}

.iadesuredoldu,
.iadeyok {
    width: 100%;
    text-align: center;
    font: 700 14px/18px Poppins;
    color: #bdbdbd;
    margin: 36px 0 7px;
    cursor: no-drop
}

#profilsol {
    width: 184px;
    float: left;
    position: relative;
    z-index: 1
}

#profilsol h4,
.palan p {
    float: left;
    padding-left: 10px
}

#profilsol h4 {
    width: 100%;
    font: 400 24px/30px Poppins;
    color: #32b773;
    margin-bottom: 10px
}

.paktif a {
    background: #fff;
    box-shadow: -4px 0 3px rgba(0, 0, 0, .11);
    padding: 0 16px!important;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;
    -ms-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px
}

.cikis a {
    color: #e24a4a!important
}

#profilsag {
    width: 976px;
    float: left;
    padding: 40px 30px 50px;
    min-height: 400px
}

.palan {
    width: 51%;
    float: left;
    margin-bottom: 14px;
    position: relative
}

.palan p {
    width: 35%;
    height: 48px;
    font: 500 14px/48px Poppins;
    color: #848484
}

.talan {
    width: 100%!important
}

.talan p {
    width: 18%!important
}

#adresust {
    width: 100%;
    float: left;
    margin-bottom: 14px
}

#adresust p {
    float: left;
    font: 400 14px/29px Poppins;
    color: #aaaaa9
}

#adresust p b {
    font: 500 14px/29px Poppins;
}

#adresust a,
.aara {
    height: 29px;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#adresust a {
    width: 139px;
    text-align: center;
    font: 500 12px/29px Poppins;
    color: #fff
}

#adresust a:hover {
    background: #ff893d
}

.adresalan {
    padding: 10px!important
}

.aara {
    width: 190px;
    margin-right: 11px;
    background: url(../images/icon-arama-3.png) #fafafa center right no-repeat;
    border: 1px solid #e1e1e1;
    padding: 0 35px 0 10px;
    font: 400 12px/27px Poppins;
    color: #35383d;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}


#adreslerim,
#favorilerim,
#krediyonetimi,
.adres {
    width: 100%;
    float: left
}

.adres {
    width: 447px;
    height: 270px;
    background: #f3f6f9;
    padding: 19px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-right: 22px;
    margin-bottom: 22px
}

.adres:nth-child(2n+2) {
    margin-right: 0
}

.adres h5 {
    width: 100%;
    height: 30px;
    float: left;
    margin-bottom: 15px;
    background: url(../images/baslik-cizgi-5.png) center left repeat-x;
    display: table;
    text-align: center
}

.adres h5 span {
    padding: 0 10px;
    background: #f3f6f9;
    font: 500 18px/30px Poppins;
    color: #000;
    display: inline-block;
    height: 30px
}

.adres h3,
.adres p {
    width: 100%;
    float: left;
    font: 700 14px/18px Poppins;
    color: #6a6a6a;
    padding: 0 5px
}

.adres p {
    font: 400 14px/18px Poppins;
    margin-bottom: 15px
}

.abuton {
    position: absolute;
    right: 7px;
    bottom: 7px
}

.abuton a {
    margin-left: 7px
}

.duzenle {
    padding: 5px 5px 5px 17px;
    color: #919090;
    background: url(../images/icon-duzenle-1.png) left center no-repeat
}

.duzenle,
.gecerli,
.gecerliyap,
.sil {
    float: left;
    font: 500 12px/12px Poppins
}

.gecerliyap {
    padding: 5px 5px 5px 19px;
    color: #919090;
    background: url(../images/icon-gecerli-1.png) left center no-repeat
}

.gecerli,
.sil {
    padding: 5px 5px 5px 17px
}

.sil {
    color: #919090;
    background: url(../images/icon-sil-1.png) left center no-repeat
}

.gecerli {
    color: #32b773;
    background: url(../images/icon-tamam-2.png) left center no-repeat
}

.favori {
    width: 100%;
    height: 150px;
    float: left;
    border-bottom: 1px solid #ebebeb;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.favori:last-child {
    border-bottom: none;
}

.favori img {
    width: 91px;
    border: 1px solid #dedede;
    float: left
}

.favbaslik {
    width: 290px;
    float: left;
}

.favbaslik h2 {
    width: 100%;
    float: left;
    font: 500 16px/24px Poppins;
    color: #656565;
    margin-bottom: 5px
}

.favbaslik p {
    width: 100%;
    float: left;
    font: 700 14px/18px Poppins;
    color: #32b773
}

.favbaslik p b {
    width: 60px;
    float: left;
    color: #828282;
    font: 300 14px/18px Poppins
}

.favbaslik,
.favbuton {
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;

}

.favtarih {
    float: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.favfiyat{
    float: left;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.favtarih {
    width: 170px
}

.favfiyat b,
.favfiyat p,
.favtarih b,
.favtarih p {
    width: 100%;
    float: left;
    text-align: center;
    font: 500 16px/20px Poppins
}

.favfiyat p,
.favtarih p {
    font: 300 14px/18px Poppins;
    color: #848484
}

.favtarih b {
    color: #7e7e7e
}

.favfiyat {
    width: 130px
}


.favbuton {
    width: 158px;
    float: right;
}

.favbuton a {
    height: 30px;
    padding: 0 28px;
    float: left;
    color: #fff;
    background: #000;
    font: 500 12px/30px Poppins;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}


.favsil {
    background: #35383d!important;
    padding: 0 15px!important;
    margin-left: 7px
}

.kprofil {
    padding: 21px 24px 40px!important
}

#krediust {
    width: 100%;
    float: left;
    padding-bottom: 25px;
    padding-left: 4px;
    background: url(../images/baslik-cizgi-5.png) bottom left repeat-x;
    margin-bottom: 10px
}

#krediust p,
.bgust p {
    float: left;
    font: 400 14px/26px Poppins;
    color: #7b7b7b
}

.bgust p {
    padding: 0 7px;
    text-align: center
}

#krediust p b {
    font: 700 18px/26px Poppins;
    margin-left: 2px;
}

#ktab,
.yenile {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.yenile {
    float: left;
    margin-left: 15px;
    height: 26px;
    border: 1px solid #e1e1e1;
    background: url(../images/icon-yenile-1.png) #f3f6f9 right center no-repeat;
    padding: 0 30px 0 12px;
    font: 400 12px/24px Poppins;
    color: #828282;
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.yenile:hover {
    background: url(../images/icon-yenile-1.png) #fff right center no-repeat
}

#ktab,
#ktab ul li {
    float: left;
    height: 42px
}

#ktab {
    width: 100%;
    background: #000
}

#bakiyehareketleri,
#ktab ul,
.ktabic {
    width: 100%;
    float: left
}

#ktab ul {
    padding-left: 8px
}

#ktab ul li {
    padding: 0 23px;
    margin: 0 3px;
    font: 400 14px/43px Poppins;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

#ktab ul li:hover {
    background: #fff;
    color: #35383d;
    height: 32px;
    margin: 10px 3px 0;
    font: 400 14px/42px Poppins
}

.kredia {
    background: #fff!important;
    color: #35383d!important;
    height: 32px!important;
    margin: 10px 3px 0!important;
    font: 400 14px/42px Poppins!important
}

.ktabic {
    display: none
}

.kgoster {
    display: block
}

#bakiyehareketleri {
    padding-top: 20px
}

.bgust {
    width: 100%;
    float: left;
    padding-bottom: 4px
}

.bgust p:last-child {
    text-align: left
}

.bgust p:first-child {
    text-align: left
}

#kredikk,
.bakiye,
.krediekle {
    width: 100%;
    float: left
}

.bakiye:nth-child(even) {
    background: #f3f6f9
}

.bakiye p {
    float: left;
    padding: 0 7px;
    white-space: nowrap;
    overflow: hidden;
    font: 400 14px/44px Poppins;
    color: #5b5b5b;
    text-align: center
}

.bakiye p:last-child {
    text-align: left
}

.bakiye p:first-child {
    text-align: left
}

.krdtext {
    width: 285px;
    height: 49px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 0 15px;
    float: left;
    color: #35383d;
    font: 500 14px/47px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.krdbuton {
    width: 145px;
    height: 49px;
    border: 1px solid #32b773;
    background: #32b773;
    padding: 0;
    text-align: center;
    float: left;
    color: #fff;
    margin: 0 0 0 10px;
    font: 700 14px/47px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

.krdbuton:hover {
    background: #55c88d;
    border: 1px solid #55c88d
}

#kozet,
.koalan,
.kreditutar {
    width: 100%;
    float: left
}

.kreditutar {
    padding: 20px 10px
}

.kreditutar p {
    float: left;
    height: 49px;
    font: 400 14px/49px Poppins;
    margin-right: 10px;
    color: #35383d
}

#kozet {
    width: 265px;
    border-right: 1px solid #d3d3d3;
    padding-right: 20px
}

.koalan {
    border-bottom: 1px solid #d3d3d3;
    padding: 25px 0
}

#ooalan span:last-child,
.iadelist span:last-child,
.koalan:last-child,
.ozetust span:last-child {
    border: 0
}

.koalan p {
    font: 400 14px/18px Poppins;
    color: #6b6b6b
}

#havaleile span,
.koalan b,
.koalan p {
    width: 100%;
    float: left;
    text-align: center
}

.koalan b {
    font: 400 30px/40px Poppins;
    margin-top: 2px
}

.htt {
    color: #000
}

.tkct {
    color: #32b773
}

#kredikart {
    width: 640px;
    float: right
}

.kredial {
    display: inline-block;
    height: 64px;
    padding: 0 30px 0 62px;
    background: url(../images/icon-onay-1.png) #32b773 left center no-repeat;
    color: #fff;
    font: 400 21px/64px Poppins;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    border: 0;
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.kredial:hover {
    background: url(../images/icon-onay-1.png) #54c98d left center no-repeat
}

.satinalbuton {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    display: table;
    float: left
}

#kampanyalar {
    width: 100%;
    float: left;
    padding: 10px 0;
    margin-bottom: 20px
}

#kampanyalar label,
.kambuton {
    position: relative;
    float: left;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    cursor: pointer
}

#kampanyalar label {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #e2e2e2;
    font: 400 14px/44px Poppins;
    color: #787878;
    padding: 0 10px
}

#kampanyalar label input {
    position: relative;
    top: 2px;
    margin-right: 5px
}

#kampanyalar label b {
    font: 500 14px/44px Poppins;
}

.kaaktif {
    background: #f3f6f9
}

.kambuton {
    width: 145px;
    height: 49px;
    border: 1px solid #32b773;
    background: #32b773;
    left: 50%;
    padding: 0;
    text-align: center;
    color: #fff;
    margin: 15px 0 0 -73px!important;
    font: 700 14px/47px Poppins;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.kambuton:hover {
    background: #55c88d;
    border: 1px solid #55c88d
}

#havaleile,
#odemebildirimi {
    width: 100%;
    float: left;
    padding: 15px 15px 0
}

#odemebildirimi {
    padding: 25px 0 0
}

#sipust p,
.khavale {
    float: left
}

#havaleile span {
    font: 400 16px/24px Poppins;
    color: #414141;
    margin-bottom: 10px
}

#havaleile span b,
#sipust p b {
    font: 500 16px/24px Poppins
}

#sipust p b {
    font: 500 14px/36px Poppins
}

.khavale {
    width: 48%;
    padding: 27px;
    background: #f5f5f5;
    margin: 8px 1%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#odemebildirimi span,
.khavale h4,
.khavale p {
    width: 100%;
    float: left;
    font: 700 16px/21px Poppins;
    color: #000;
    margin-bottom: 7px
}

#odemebildirimi span {
    text-align: center;
    font: 500 14px/18px Poppins;
    color: #414141;
    margin-bottom: 30px
}

.khavale p {
    font: 400 16px/21px Poppins;
    color: #606060;
    margin-bottom: 3px
}

.khavale p b {
    font: 500 16px/21px Poppins
}

.pkalan {
    width: 100%!important
}

.pkalan .foic {
    width: 80%!important
}

.ofyari .palan p,
.pkalan p {
    width: 18%!important
}

#sipust {
    width: 100%;
    float: left;
    margin-bottom: 14px
}

#sipust p {
    font: 400 14px/36px Poppins;
    color: #aaaaa9
}

.siparisler {
    padding: 15px 30px 30px!important
}

.sara {
    width: 126px;
    height: 36px;
    float: right;
    margin-right: 11px;
    background: url(../images/icon-arama-3.png) #fafafa center right no-repeat;
    border: 1px solid #e1e1e1;
    padding: 0 35px 0 10px;
    font: 400 12px/34px Poppins;
    color: #35383d;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}
.sselect {
    width: 170px;
    height: 36px;
    float: right;
    margin-right: 11px;
    background: #fafafa;
    border: 1px solid #e1e1e1;
    padding: 0 35px 0 10px;
    font: 400 12px/34px Poppins;
    color: #35383d;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: 0
}

.starih {
    width: 100px!important;
    margin-right: 0!important
}

#siparislist,
#siparisozeti,
.sdic h3,
.siparis {
    width: 100%;
    float: left
}

.siparis {
    border: 1px solid #e1e1e1;
    padding: 20px;
    margin-bottom: 15px
}

.siparisust {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ebebeb;
}

.siparisust span {
    padding: 0 20px;
    float: left;
    text-align: center
}

.siparisust span p {
    font: 300 12px/14px Poppins;
    color: #848484;
    margin-bottom: 3px
}

#ozkargo b,
#ozkargo p,
.siparisust span b {
    font: 500 14px/18px Poppins;
    color: #4b4b4b
}

#ozkargo a,
.siparisust a {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.siparisust a {
    padding: 0 15px;
    height: 30px;
    font: 500 14px/30px Poppins;
    background: #000;
    float: right;
    margin-right: 5px;
    margin-top: 1px
}

.siparisust a:hover {
    background: #b77fbf
}

.sonislem,
.sonislem b {
    font: 400 14px/44px Poppins
}

.sonislem {
    width: 100%;
    float: left;
    height: 44px;
    color: #4b4b4b
}

.siparisdurum {
    width: 100%;
    float: left;
    padding: 9px;
    border: 1px solid #e1e1e1;
    background: #fafafa
}

.sdic {
    width: 40%;
    float: left;
    padding-left: 5px
}

.sdic h3 {
    padding: 5px 0;
    margin-bottom: 3px
}

.sdic h3 a {
    font: 400 13px/14px Poppins;
    color: #7d7d7d
}

#siparisozeti h4 {
    font: 500 18px/24px Poppins;
    margin-bottom: 10px
}

#siparisozeti h4,
#tfp,
.sdic p {
    float: left;
    width: 100%
}

.sdic p {
    font: 400 14px/18px Poppins;
    color: #5e5e5e;
    margin-bottom: 4px
}

.sdic h3,
.sdic p b {
    font: 700 14px/18px Poppins
}

#tfp {
    padding: 15px 0
}

.sdurun {
    width: 60%;
    float: left
}

.sdurun img {
    float: left;
    border: 1px solid #e5e5e5;
    margin-right: 9px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.kargoda {
    border: 1px solid #32b773!important
}

.kargoda .sdic h3 {
    color: #32b773;
    padding-left: 35px;
    background: url(../images/icon-kargo-4.png) left center no-repeat
}

.hazirlaniyor .sdic h3 {
    padding-left: 25px;
    background: url(../images/icon-paket-1.png) left top 6px no-repeat
}

.iptaledildi {
    border: 1px solid #d64545!important
}

.iptaledildi .sdic h3 {
    color: #d64545;
    padding-left: 25px;
    background: url(../images/icon-iptal-1.png) left top 5px no-repeat
}

.iptaledildi img:hover {
    border: 1px solid #d64545
}

.hazirlandi,
.hazirlandi img:hover {
    border: 1px solid #1bb839!important
}

.hazirlandi .sdic h3 {
    color: #1bb839;
    padding-left: 25px;
    background: url(../images/hazirlandi.png) left top 5px no-repeat
}

.faturakesildi,
.faturakesildi img:hover {
    border: 1px solid #707dff!important
}

.faturakesildi .sdic h3 {
    color: #707dff;
    padding-left: 25px;
    background: url(../images/faturasi-kesildi.png) left top 5px no-repeat
}

.onaybekliyor,
.onaybekliyor img:hover {
    border: 1px solid #888!important
}

.onaybekliyor .sdic h3 {
    color: #333;
    padding-left: 25px;
    background: url(../images/onay-bekliyor.png) left top 5px no-repeat
}

.onaylandi,
.onaylandi img:hover {
    border: 1px solid #00b932!important
}

.onaylandi .sdic h3 {
    color: #00b932;
    padding-left: 25px;
    background: url(../images/onaylandi.png) left top 5px no-repeat
}

.tamam,
.tamam img:hover {
    border: 1px solid #000!important
}

.tamam .sdic h3 {
    color: #000;
    padding-left: 25px;
    background: url(../images/icon-tamam-3.png) left top 7px no-repeat
}

.ozetust {
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    background: url(../images/baslik-cizgi-5.png) bottom left repeat-x;
    padding: 15px 0 25px
}

.ozetust span {
    width: 16.6666666%;
    border-right: 1px solid #d5d5d5;
    padding-top: 4px
}

.iadelist span p,
.iadeust span p,
.ozetust span p {
    width: 100%;
    float: left;
    font: 300 12px/18px Poppins;
    color: #848484;
    white-space: nowrap;
    overflow: hidden
}

#ooalan span b,
.ozetust span b {
    color: #4b4b4b
}

#ooalan span b,
#ooalan span i,
.ozetust span b {
    width: 100%;
    float: left;
    overflow: hidden
}

#ooalan span i,
.ozetust span b {
    font: 500 14px/18px Poppins;
    white-space: nowrap
}

.tfpalan {
    width: 365px;
    float: left;
    padding-bottom: 10px;
    margin-right: 21px
}

.tfpalan .tfadres {
    background: #f9f9f9!important
}

.okargo {
    width: 146px!important;
    float: right!important
}

.nom,
.okargo {
    margin-right: 0!important
}

#ozkargo {
    text-align: center;
    padding: 10px 5px 0
}

#ozkargo img {
    max-width: 100%;
    margin-bottom: 8px
}

#ozkargo b,
#ozkargo p {
    text-align: center
}

#ozkargo p {
    font: 300 12px/16px Poppins;
    color: #848484
}

#ozkargo a {
    height: 24px;
    font: 400 12px/24px Poppins;
    margin-top: 10px
}

#ozkargo a:hover {
    background: #ec702c
}

#ooalan span,
#ozkargo span,
.ozetust span {
    float: left;
    text-align: center
}

#ozkargo span {
    width: 100%;
    font: 700 14px/18px Poppins;
    color: #32b773;
    margin: 15px 0 7px
}

#odemeozet,
#ooalan,
#ooalan span p,
#ozkargo,
#ozkargo a,
#ozkargo b,
#ozkargo p,
.ozbaslik h2,
.ozbaslik p {
    width: 100%;
    float: left
}

#ooalan {
    padding: 5px 0
}

#ooalan span {
    width: 25%;
    height: 58px;
    border-right: 1px solid #dfdfdf;
    padding-top: 7px
}

#ooalan span p {
    font: 400 14px/18px Poppins;
    color: #848484;
    white-space: nowrap;
    overflow: hidden
}

#ooalan span b {
    font: 500 18px/24px Poppins
}

#ooalan span i {
    font: 400 12px/12px Poppins;
}

.rm {
    color: #000!important
}

.ry {
    color: #32b773!important
}

#urunozet,
.ozurun {
    width: 100%;
    float: left
}

#urunozet {
    margin-top: 6px;
    max-height: 400px;
    overflow-x: auto;
}

.ozurun {
    height: 117px;
    border: 1px solid #e1e1e1;
    background: #f9f9f9;
    padding: 8px;
    margin-bottom: 8px
}

.bf,
.ozbaslik,
.ozresim {
    float: left;
    height: 100%
}

.ozresim {
    width: 8%
}

.ozresim img {
    border: 1px solid #e1e1e1;
    width: 68px;
    height: 99px
}

.ozbaslik {
    width: 38%;
    padding: 10px 20px
}

.ozbaslik h2 {
    font: 400 16px/21px Poppins;
    margin-bottom: 5px
}

.ozbaslik h2,
.ozbaslik h2 a {
    color: #656565
}

.ozbaslik p {
    font: 700 14px/18px Poppins;
    color: #32b773
}

.ozbaslik p b {
    font: 300 14px/18px Poppins;
    color: #828282;
    width: 80px;
    float: left
}

.bf {
    width: 13%;
    padding: 25px 0 0;
    text-align: center
}

.bf p {
    font: 400 14px/18px Poppins;
    color: #656565
}

.bf b,
.bf p,
.ozetsozlesme {
    width: 100%;
    float: left
}

.bf b {
    font: 700 22px/28px Poppins;
    color: #35383d
}

.ozetsozlesme {
    height: 30px;
    text-align: center;
    background: url(../images/baslik-cizgi-5.png) center left repeat-x;
    display: table;
    margin-top: 10px
}

.ozetsozlesme a {
    height: 30px;
    padding: 0 8px;
    font: 400 14px/30px Poppins;
    background: #fff;
    display: inline-block;
    color: #737373
}

.iade:hover {
    background: #ff8c41!important
}

.iadeet {
    padding: 0 15px;
    height: 30px;
    font: 500 14px/30px Poppins;
    color: #fff;
    background: #000;
    float: right;
    margin-right: 15px;
    margin-top: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.iadeet:hover,
.iadelist a:hover {
    background: #b77fbf
}

.geriic {
    width: 362px;
    height: 540px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -270px 0 0 -186px;
    padding: 20px 34px
}

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

.iexit {
    width: 83px;
    height: 38px;
    position: absolute;
    right: 0;
    top: -23px;
    cursor: pointer;
    background: url(../images/icon-kapat-1.png) no-repeat
}

.larea {
    width: 100%;
    height: 100px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 15px;
    float: left;
    color: #35383d;
    font: 500 14px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.iadeler {
    padding: 15px 30px 30px!important
}

#iadealani,
#iadealani h5,
#sssol ul,
.iadelist {
    width: 100%;
    float: left
}

#iadealani h5 {
    height: 30px;
    margin-bottom: 5px;
    background: url(../images/baslik-cizgi-5.png) center left repeat-x;
    display: table;
    text-align: center
}

.iadelist {
    border: 1px solid #e1e1e1;
    background: url(../images/baslik-cizgi-5.png) bottom left repeat-x;
    padding: 25px 0 35px;
    margin-bottom: 10px
}

.iadelist span,
.iadeust span {
    width: 13%;
    float: left;
    text-align: center;
    padding-top: 4px
}

.iadeust span {
    width: 16%
}

.iadelist span b,
.iadeust span b {
    width: 100%;
    float: left;
    font: 500 14px/18px Poppins;
    color: #4b4b4b;
    white-space: nowrap;
    overflow: hidden
}

.iadelist a {
    padding: 0 15px;
    height: 30px;
    font: 500 14px/30px Poppins;
    color: #fff;
    background: #000;
    float: right;
    margin-right: 17px;
    margin-top: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.id {
    width: 35%!important
}

.iadeust {
    width: 100%;
    float: left;
    border: 1px solid #e1e1e1;
    background: url(../images/baslik-cizgi-5.png) bottom left repeat-x;
    padding: 20px 0 30px
}

.iadeust span:last-child {
    border: 0;
    width: 36%
}

#talepozet {
    width: 100%;
    float: left;
    margin-top: 15px
}

.turun .ozbaslik {
    width: 48%!important
}

.italep span:last-child {
    width: 50%!important;
    padding: 0 10px 10px!important
}

.italep span:last-child b {
    width: 100%!important;
    float: left!important;
    font: 400 14px/18px Poppins!important;
    white-space: normal!important
}

.ozurun .iade {
    padding: 0 15px;
    height: 30px;
    font: 500 14px/30px Poppins;
    color: #fff;
    background: #000;
    float: right;
    margin-right: 5px;
    margin-top: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#sssol {
    width: 170px;
    float: left;
    position: relative;
    z-index: 1;
    padding-top: 25px
}

#sssol ul li {
    height: 38px;
    padding: 0 10px;
    margin-bottom: 4px;
    font: 400 14px/38px Poppins;
    color: #7e7e7e;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    cursor: pointer
}

.ssaktif {
    background: #fff;
    box-shadow: -4px 0 3px rgba(0, 0, 0, .11);
    padding: 0 16px!important;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;
    -ms-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px
}

#sssag {
    width: 990px;
    float: left;
    padding: 14px;
    min-height: 400px
}

#sssol ul li,
.cevap,
.soru,
.sssic {
    width: 100%;
    float: left
}

.sssic {
    display: none
}

.cevap,
.soru {
    color: #000
}

.soru {
    height: 37px;
    font: 400 14px/37px Poppins;
    padding-left: 25px;
    background: url(../images/icon-pasif-1.png) left center no-repeat;
    cursor: pointer;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.cevap {
    padding: 10px;
    background: #f3f6f9;
    font: 400 12px/24px Poppins;
    display: none
}

.sssaktif {
    background: url(../images/icon-aktif-1.png) left center no-repeat;
}

.ssgoster {
    display: block
}

#snot {
    margin-top: 15px;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    border-radius: .75rem;
}

#tfadres {
    margin-top: 0;
    margin-bottom: 15px;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    border-radius: .75rem;
}

#ssiparisler,
.loading {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

#ssiparisler {
    padding: 14px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    border-radius: .75rem;
}

.sinirla {
    max-height: 424px
}

.loading {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 6px 0;
    text-align: center;
    font: 400 14px/18px Poppins;
    background: #fff
}

.loading:hover {
    color: #333
}

#menu ul li i,
.alac1 {
    position: absolute;
    height: 24px;
    cursor: pointer;
    top: 8px;
    border: 1px solid #686868

}


.alac1 {
    background: url(../images/mac1.png) #35383d center center no-repeat!important;

}

#menu ul li i {
    width: 30px;
    right: 0;
    background: url(../images/mac.png) #35383d center center no-repeat;
    z-index: 99
}

#menu ul li ul li i {
    top: -2px!important
}

.mgizle {
    display: block
}

.mgoster {
    display: none
}

#stokkodu b {
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: -moz-all;
    -ms-user-select: all;
    user-select: all
}




.bf-empty-product-list-msg {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    text-align: center;
    font: 400 14px/42px Poppins;
    color: #666
}

.stokyok {
    z-index: 100;
}

.stokyok,
.stokyok2,
.stokyokf {
    position: absolute;
    top: 45%;
    transform: translate(0%,50%);
    right: 0;
    line-height: 30px;
    width: 100%;
    display: block;
    text-align: center;
    letter-spacing: 5px;
    background-color: #fff;
    background: -webkit-linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
    background: -moz-linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#99ffffff',GradientType=1 );
}

.stokyokf {
    left: 9px;
    bottom: 105px;
    height: 49px!important;
    font: 500 22px/49px Poppins;
    z-index: 100;
    width: 92%;
    opacity: .8
}

.stokyok2 {
    left: 0;
    height: 25px;
    font: 500 12px/25px Poppins;
    width: 100%;
    z-index: 100;
    text-transform: uppercase;
}

.stokyok3,
.stokyokkucuk,
.tukendi3 {
    font: 700 12px/25px Poppins;
    z-index: 999
}

.stokyok3 {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #c00;
    color: #fff;
    height: 25px!important;
    text-align: center;
    width: 100%
}

.stokyokkucuk,
.tukendi3 {
    left: 12px;
    top: 15px;
    width: 92%
}

.stokyokkucuk {
    position: absolute;
    background: red;
    color: #fff;
    height: 25px!important;
    text-align: center
}

.tukendi3 {
    background: #000
}

.tukendi3,
.tukendi4,
.tukendif {
    position: absolute;
    color: #fff;
    height: 25px!important;
    text-align: center
}

.tukendi4 {
    left: 12px;
    background: #000;
    font: 700 12px/25px Poppins;
    width: 92%;
    z-index: 999
}

.tukendif {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    line-height: 30px;
    width: 100%;
    display: block;
    text-align: center;
    letter-spacing: 5px;
    background-color: #fff;
    background: -webkit-linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
    background: -moz-linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#99ffffff',GradientType=1 );
    color: #333;
    z-index: 100;
    height: auto!important;

}

.tukendi4 {
    top: 303px
}

#adetsepet {
    position: relative
}

#adetsepet .stokyok,
.bf-range-max,
.bf-range-min {
    height: 25px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#adetsepet .stokyok {
    position: relative;
    left: 0;
    bottom: 0;
    background: #c00;
    color: #fff;
    font: 700 24px/47px Poppins;
    text-align: center;
    z-index: 100;
    width: 100%;
    margin-top: 16px
}

.filtrele {
    display: none
}

.bf-range-max,
.bf-range-min {
    width: 65px;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 0 15px;
    color: #35383d;
    font: 500 14px/23px Poppins;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.bf-cur-symb-left,
.ndash {
    padding: 0 5px;
    float: left;
    color: #35383d;
    font: 500 14px/23px Poppins
}

.bf-price-slider-container {
    margin-top: 0;
    padding: 10px;
    width: 100%;
    float: left
}

.bf-cur-symb {
    width: 100%;
    float: left
}

.bf-attr-block-cont,
.filter-div {
    min-height: 60px
}

#ozkargo k {
    text-align: center;
    font: 700 14px/18px Poppins;
    color: #848484
}

#ozkargo k,
.renkler,
.renkler p {
    width: 100%;
    float: left
}

.renkler p {
    padding-bottom: 5px;
    font: 500 14px/16px Poppins;
    position: relative;
}

.renkler img {
    float: left;
    margin-right: 7px;
    border: 1px solid #ccc;
    margin-bottom: 7px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s
}

.sayfaicerik {
    width: 100%;
    float: left;
    border-radius: 5px;
    margin-left: 0;
    text-align: justify;
    margin-right: 0;
    min-height: 250px!important;
    padding: 18px
}

.sayfaicerik img {
    max-width: 100%
}

.sepeteekle {
    white-space: nowrap
}

.clear {
    height: auto!important
}

#foozet .sbilgi {
    margin-left: 0!important
}

.sbilgi span {
    width: 14.2857%!important;
    display: table-cell;
    float: none
}

.sbilgi span p {
    font: 400 12px/12px Poppins
}

.sbilgi span b {
    font: 500 20px/27px Poppins;
    margin-top: 3px
}

.ssatinal {
    float: right;
    position: relative;
}

#fosag {
    margin-bottom: 15px
}

#sepetozet,
.sbilgi {
    float: left;
    width: 100%
}

#sepetozet {
    padding: 10px 0 17px;
}

.sbilgi {
    margin-left: 0;
    margin-top: 15px
}

#sepetozet .ssatinal {

}

.guncelle {
    position: relative;
    z-index: 99
}

.sbilgi {
    text-align: center;
    display: table;
    border-top: 1px solid #d7d7d7;
    padding-top: 16px
}

.sifiru,
.sifiru1 {
    position: absolute;
    right: 5px;
    top: 16px;
    font: 400 11px/16px Poppins;
    color: red;
    display: none
}

.sifiru1 {
    top: 33px
}

.kalan {
    position: relative
}

.konecikanlar {
    width: 100%;
    float: left;
    padding: 14px 0!important;
    margin-top: 0!important;
    height: 315px!important;
    margin-bottom: 25px;
    overflow: hidden
}

#kfuslider {
    display: block;
    padding-left: 11px
}

.kfic {
    width: 165px;
    height: 242px!important;
    margin: 5px;
    float: left;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    box-shadow: 0 0 1px #999;
    text-align: center;
    padding: 0 10px
}

#kfuslider,
.kfic h3,
.kfic img,
.odemeyazialani p {
    width: 100%;
    float: left
}

.kfic img {
    height: auto
}

.kfic h3 {
    color: #35383d;
    margin-top: 4px;
    font: 700 14px/24px Poppins;
    padding: 0 15px;
    display: none
}

.kfic span {
    font: 700 16px/20px Poppins;
    margin-top: 10px
}

.kfic b {
    font: 700 12px/20px Poppins;
    text-decoration: line-through;
    color: #333
}

.kfic:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.fdar {
    width: 70%!important
}

.fvazgec {
    float: left;
    background: 0 0!important;
    border: 0!important;
    color: #666!important;
    width: 30%!important;
    padding: 0!important
}

.kocslider {
    position: relative
}

.kocslider .fuileri {
    right: 6px!important;
    top: 36%!important
}

.kocslider .fugeri {
    left: 6px!important;
    top: 36%!important
}

#kfuslider .owl-controls {
    display: none!important
}

.odemeyazialani {
    width: 38%;
    float: left;
    padding-top: 15px
}

.odemeyazialani p {
    font: 400 14px/20px Poppins;
    margin-bottom: 10px
}

.ofyari {
    width: 60%!important;
    float: right!important;
    border-left: 1px solid #dedede;
    padding-left: 20px!important
}

.ofyari .palan {
    width: 100%!important
}

.ofyari .foic {
    width: 80%!important
}

.ofyari .foic label {
    float: left;
    height: 45px;
    margin-left: 15px;
    font: 400 14px/45px Poppins
}

.ofyari .foic label input {
    position: relative;
    top: 1px;
    margin-right: 4px
}

@media (max-width:1400px) {
    .bedentabloic {
        width: 80%;
        height: 80%;
        position: absolute;
        left: 10%;
        top: 10%;
        overflow: auto;
        margin: 0;
        padding: 20px 26px
    }
    #gkic,
    .bedenict {
        width: 100%;
        float: left;
        height: 100%
    }
    .kayitic,
    .sozic {
        width: 362px;
        height: auto;
        position: absolute;
        left: 50%;
        top: 10%;
        margin: 0 0 0 -186px;
        padding: 25px 25px
    }
    .sozic {
        width: 80%;
        left: 10%;
        margin: 0;
        padding: 20px 26px
    }
    .sozalan {
        height: 90%;
        overflow: auto;
        float: left
    }
    #fullic {
        width: 980px;
        height: 550px;
        margin: -275px 0 0 -490px
    }
    #fullic .dslider {
        width: 466px;
        height: 517px
    }
    #fullic #detaycarousel {
        height: 505px
    }
    #fullic #detayslider {
        width: 358px;
        height: 516px
    }
    #fullic #detayslider li,
    #fullic .slides {
        height: 516px
    }
    #fullic #detayslider img,
    .sozalan {
        width: 100%
    }
    #fullic #paylas {
        display: none
    }
}
@media (max-width: 900px){
    #detaycarousel {
        display: none;
    }
    #detayslider {
        width: 80%;
        float: right;
    }

    .banner_new {
        width: 100%;
    }

    #fuslider .katalt h2 {
        font: 400 12px/15px Poppins
    }
    .kose {
        width: 90px
    }
    #menu ul li:hover ul,
    li.tumu {
        display: none
    }
    #kfuslider .owl-controls {
        margin-top: -34px;
        display: block!important
    }
    #fuslider a,
    #kfuslider {
        position: relative;
        float: left
    }
    #kfuslider {
        width: 188px;
        display: block;
        padding-left: 15px;
        left: 50%;
        margin-left: -102px
    }
    #fuslider a {
        width: 50%
    }
    #fuslider img {
        height: 33vh!important;
        width: 100%!important;
    }
    .konecikanlar h5 span {
        font: 700 17px/22px Poppins!important;
        padding: 0 10px!important
    }
    .kocslider .fuileri {
        right: 22px!important;
        top: 40%
    }
    .kocslider .fugeri {
        left: 22px!important;
        top: 40%
    }
    #sepetozet {
        margin-top: 0
    }
    .mgizle,
    .mgizle2 {
        display: none!important
    }
    .mgoster {
        display: block
    }
    .kutu,
    .kutu1 {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    .top {
        right: 10px;
        bottom: 60px;
    }

    #fosag {
        margin-bottom: 0
    }
    #horta {
        height: 60px
    }
    .sepetac {
        display: none!important
    }
    .hfavori,
    .hsepet,
    .hgiris,
    .hprofil{
        margin-top: 10px;
    }

    .hfavori,
    .hgiris span,
    .hsepet p,
    .hsepet img,
    .hprofil span{
        display: none;
    }

    .productNotFound {
        row-gap: 5px!important;
    }
    .productNotFound i {
        font-size: 110px!important;
    }
    .productNotFound span {
        font-size: 12px!important;
    }

    .hsepet{
        width: 26px;
        background: url(/assets/image/new_cart2.svg) center center / 25px no-repeat!important;
        margin-right: 10px;
    }

    .hgiris{
        float: right!important;
        margin-right: 55px;
        justify-content: flex-start;
        padding: 10px 9px!important;
    }
    .hprofil{
        float: right!important;
        margin-right: 55px;
    }
    .hprofil ul{
        left: -100px;
    }

    .marai,
    .mmenu {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 7px;
        z-index: 99;
        cursor: pointer
    }
    /*.mmenu {*/
    /*    left: 0px;*/
    /*    background: url(../images/icon-menu-m.png) center center no-repeat*/
    /*} */

    .mmenu {
        left: 7px;
        background: url(../images/nav-icon13.svg) center center no-repeat;
        width: 35px;
        background-size: 100%;
    }
    .marai {
        right: 40px;
        background: url(../images/icon-ara-m.svg?v=6) center center no-repeat;
        width: 40px;
        margin-right: 5px;
        background-size: 22px;
    }
    #header {
        height: 95px
    }
    #menu {
        width: 220px;
        height: 100%;
        position: fixed;
        left: -220px;
        top: 0;
        overflow-y: auto;
        z-index: 99999
    }
    #menu ul li ul {
        position: relative;
        left: 0!important;
        top: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, .5);
        padding: 0;
        background: 0 0!important;
        height: auto!important;
        right: 0;
        margin-top: 0
    }
    #menu ul li ul li a {
        width: 100%;
        float: left;
        color: #fff;
        background: 0 0;
        height: auto;
        font: 400 15px/19px Poppins;
        margin-bottom: 7px;
    }
    #menu ul li,
    #menu ul li ul,
    .fam li {
        width: 100%!important
    }
    #menu ul li a {
        background: 0 0!important;
        color: #fff;
        padding: 0 7px!important;
        font: 500 16px/35px Poppins;
        height: auto
    }
    .outlet {
        display: block;
        position: relative;
        float: left!important;
        border: 0;
        right: inherit;
        width: auto;
        font: 700 16px/43px Poppins!important
    }
    .kutukay {
        left: 220px!important
    }
    .menukay {
        left: 0!important
    }
    .msabit {
        position: fixed!important;
        top: 0;
        display: none
    }
    #horta {
        background: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .3)
    }
    .mobilmenum {
        display: block!important
    }
    .mobilmenum div {
        width: 50%!important;
        float: left;
        background: #fff
    }
    .mobilmenum a {
        color: #000
    }
    #sliderfirsat {
        margin-top: 0
    }
    #mansetslider,
    #mansetslider_box,
    .sic {
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        -o-border-radius: 0!important;
        -ms-border-radius: 0!important;
        border-radius: 0!important
    }
    #mansetslider,
    #mansetslider_box {
        width: 100%;
        height: 190px!important;
    }
    .sic {
        height: 200px!important;
        margin-bottom: 2px!important;
        margin-top: -4px!important;
    }
    .msgeri,
    .msileri {
        display: none
    }
    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 7px;
        height: 7px;
        margin: 0 5px!important
    }
    .owl-controls {
        margin-top: -15px
    }
    #gununfirsatlari {
        width: 90%;
        height: 410px;
        float: left;
        padding: 15px;
        position: relative;
        margin-top: 20px;
        left: 5%
    }
    .gerisayim {
        width: 178px;
        float: left;
        padding-left: 0;
        margin-top: 8px;
        margin-bottom: 5px;
        height: 43px!important;
        left: 50%;
        position: relative;
        margin-left: -88px
    }
    #erkeklistele,
    #kadinlistele,
    #sezonsonu {
        padding: 0 15px
    }
    #firsaturunleri h5 a,
    .card-wrapper,
    .uyari2 {
        display: none
    }
    .anabaslik {
        margin: 5px 0px 20px 0px;
    }
    .kadinlist1 {
        width: 100%;
        height: auto;
        margin-right: 0
    }
    .erkeklist1 img,
    .erkeklist2 img,
    .erkeklist3 img,
    .erkeklist4 img,
    .kadinlist1 img,
    .kadinlist2 img,
    .kadinlist3 img {
        width: 100%
    }
    .kadinlist2,
    .kadinlist3 {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        margin-top: 15px
    }
    .erkeklist1 {
        width: 100%;
        height: auto;
        margin-right: 0
    }
    .erkeklist2,
    .erkeklist3 {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        margin-top: 15px
    }
    .erkeklist4 {
        width: 48%;
        height: auto;
        float: left;
        position: relative;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        border: 2px solid #fff;
        overflow: hidden;
        margin-right: 0;
        top: 0;
        margin-top: 15px
    }
    #erkeklistele .kutu a:last-child .erkeklist4 {
        float: right
    }
    .ssonu {
        width: 100%;
        height: 400px;
        margin-right: 0;
        margin-bottom: 15px
    }
    #firsaturunleri {
        padding: 15px 0;
        margin-top: 10px;
        height: 367px
    }
    #firsaturunleri h5 {
        text-align: center;
        display: table
    }
    #firsaturunleri h5 span {
        margin-left: 0;
        float: none;
        display: inline-block
    }
    .fic {
        width: 90%;
        height: auto!important;
        margin: 10px 5% 0;
        float: left
    }
    .fic img {
        float: none
    }
    .fic h3 {
        font: 700 16px/21px Poppins;
        margin-bottom: 8px
    }
    #ustbanner a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin-left: 0
    }
    .fugeri,
    .fuileri {
        width: 14px;
        height: 47px;
        position: absolute;
        top: 46%
    }
    .fuileri {
        right: 30px
    }
    .fugeri {
        left: 30px
    }
    .myresim {
        display: none
    }
    .myic {
        width: 100%;
        height: 180px!important;
        padding: 0 10px;
        display: table
    }
    .myic,
    .myic h4,
    .myic p {
        float: left;
        text-align: center
    }
    .myic h4 {
        font: 700 18px/24px Poppins;
        color: #000;
        margin-bottom: 5px
    }
    .mara #harama,
    .myic h4,
    .myic p {
        width: 100%;
        margin-top: 5px
    }
    .myic p {
        font: 400 14px/19px Poppins;
        color: #515151;
        padding: 0 40px;
        margin-bottom: 18px
    }
    .myic span,
    .myyildiz {
        float: none;
        display: inline-block

    }
    .myyildiz {
        margin-left: 0;
        margin-right: 10px;
        margin-top: 0
    }
    .myic span {
        font: 400 18px/24px Poppins;
        color: #9f9f9f;
        margin-top: 5px;
        text-align: center
    }
    #musteriyorumlari {
        height: 272px
    }
    .mysok {
        right: 15px
    }
    #galisveris,
    #sosyalmedya p,
    #ustbanner i {
        display: none
    }
    #flogo,
    .gozlukadasi {
        float: left;
        margin: 17px 0 4px 20px;
        display: none
    }
    #flogo img {
        width: 135px
    }
    #fust {
        height: auto;
        position: relative;
        padding-bottom: 15px
    }
    #fbulten {
        width: 100%;
        height: 70px;
        float: left;
        margin-left: 0;
        border-top: 1px dashed #484848;
        border-bottom: 0;
        margin-top: 17px;
        padding: 15px;
        display: none
    }
    #sosyalmedya {
        width: 100%;
        float: right;
        margin-top: 19px;
        text-align: center;
        display: table
    }
    #sosyalmedya img,
    #uygulama img {
        float: none;
        position: relative;
        top: 0;
        display: inline-block
    }
    #sosyalmedya img {
        margin: 0 5px
    }
    #fbulten p {
        font: 400 12px/18px Poppins
    }
    .fbtext {
        width: 40%
    }
    #checkbox {
        width: 37%;
        float: left;
        margin-left: 3%;
        margin-top: 8px
    }
    .fbbuton {
        width: 20%;
        font: 700 12px/36px Poppins
    }
    #detayslider li,
    #forta,
    #forta ul {
        height: auto
    }
    #forta ul {
        float: left;
        padding: 10px 16px;
        border-right: 0;
        min-height: 200px;
        width: 50%!important
    }
    #fadres {
        width: 100%;
        float: left;
        padding: 0 15px;
        display: none
    }
    #falt,
    #fmhizmetleri {
        float: left;
        position: relative
    }
    #falt {
        width: 100%;
        height: 152px
    }
    #fmhizmetleri {
        margin-top: 21px;
        padding-left: 53px;
        width: 211px;
        left: 50%;
        margin-left: -106px;
        display: none
    }
    #copy,
    #uygulama {
        float: right;
        text-align: center;
        margin-right: 0;
        position: absolute
    }
    #uygulama {
        margin-top: 4px;
        left: 0;
        width: 100%;
        top: 0;
        border-top: 0;
        display: table;
        border-bottom: 1px dashed #484848
    }
    #uygulama img {
        margin-left: 13px;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s
    }
    #copy {
        width: 250px;
        height: 67px;
        padding-top: 15px;
        border-right: 0;
        border-left: 0;
        margin-top: 10px;
        bottom: 0
    }
    .duslerweb {
        margin: 0;
        position: absolute;
        right: 22px;
        bottom: 21px
    }
    .body {
        overflow-x: hidden
    }
    #band,
    .body1 {
        overflow: hidden
    }
    .girisic {
        width: 90%;
        height: auto;
        position: absolute;
        left: 5%;
        top: 2%;
        margin: 0;
        padding: 20px 23px;
    }
    #katsecenek select,
    #sayfalama p,
    .glogo {
        display: none
    }
    .ftext {
        width: 100%;
        height: 35px;
        font: 500 12px/35px Poppins
    }
    .koy {
        width: 100%!important
    }
    .form-control,
    .lalan select {
        width: 100%;
        height: 35px;
        font: 500 14px/35px Poppins
    }
    .lalan select {
        font: 500 14px/33px Poppins
    }
    .fbuton {
        height: 35px;
        padding: 0 25px;
        font: 500 14px/33px Poppins
    }
    .benihatirla {
        float: left;
        margin: 11px 0 0 13px;
        font: 500 12px/16px Poppins
    }
    .kayitic {
        width: 90%;
        height: auto;
        position: absolute;
        left: 5%;
        top: 2%;
        margin: 0;
        border-radius: 0px;
        padding: 20px 20px;
    }
    .checkbox {
        font: 400 12px/16px Poppins
    }
    .kbuton {
        height: 35px;
        margin: 10px 0!important;
        font: 700 14px/33px Poppins
    }
    .lalan {
        margin-bottom: 5px
    }
    #gkic h5 {
        margin-bottom: 12px
    }
    .link a {
        height: 40px;
        font: 500 13px/40px Poppins;
        text-decoration: underline;
    }
    .sozic {
        width: 90%;
        height: 90%;
        position: absolute;
        left: 5%;
        top: 7%;
        margin: 0;
        padding: 17px 20px
    }
    .sozalan {
        max-height: 90%
    }
    .mara #harama {
        height: 40px;
        float: right;
        margin-right: 0;
        display: block;
        margin-bottom: 7px
    }
    .harabuton {
        width: 20%
    }
    .haratext {
        width: 80%
    }
    #sol,
    .stokyok {
        position: absolute
    }
    #sol {
        left: -233px;
        top: 95px;
        width: 233px;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s
    }
    .solkay {
        left: 15px!important
    }

    .filtrele-overlay {
        position: absolute;
        top: 95px;
        left: 247px;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0, .55);
        z-index: 300;
        display: none;
    }

    .stokyok {
        top: 40%;
        transform: translate(0%,50%);
        right: 0;
        line-height: 30px;
        width: 100%;
        display: block;
        text-align: center;
        letter-spacing: 5px;
        background-color: #fff;
        background: -webkit-linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
        background: -moz-linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 25%, #fff 50%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.3) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#99ffffff',GradientType=1 );
    }
    #katsecenek,
    #sag {
        width: 100%;
        float: left
    }
    #sag {
        padding: 0 15px
    }
    #katsecenek,
    .filtrele {
        height: 45px;
        padding: 7px 8px;
        position: relative
    }
    #sag h1 {
        font: 500 18px/31px Poppins;
        margin-bottom: 4px
    }
    .filtrele {
        position: absolute;
        top: 0;
        font: 400 14px/45px Poppins;
        padding: 0 15px;
        cursor: pointer;
        display: none
    }
    #icerikler .kutu {
        overflow-x: hidden;
        overflow-y: hidden
    }
    #kategorilist {
        width: 100%;
        float: left;
        padding-top: 15px;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s
    }
    .katkay {
        margin-left: 240px
    }
    .hizlibak {
        display: none!important
    }
    .kat {
        width: 48%;
        float: left;
        overflow: hidden;
        position: relative;
        margin: 0 0 15px!important;
    }
    .kat:nth-child(2n+2) {
        float: right!important
    }
    .katresim {
        /*max-height: 256px!important*/
    }
    .katalt h2,
    .katalt h2 a {
        color: #35383d;
        overflow: hidden
    }
    .katalt h2 a {
        padding: 4px 0;
        float: left;
        height:20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    .katalt h2,
    .katalt span {
        width: 100%;
        float: left;
        text-align: center
    }
    .katalt h2 {
        font: 400 12px/15px Poppins;
        height: 28px!important;
        padding-bottom: 0px;
        padding-top: 5px;
        border-bottom: 1px solid #f3f6f9;
    }

    .katalt span {
        padding: 0;
        color: #32b773;
        font: 500 16px/25px Poppins
    }
    .kat:nth-child(3n+3) {
        margin: 0 0 15px!important
    }
    #sayfalamalink {
        float: left;
        margin-top: 15px;
        width: 100%;
        display: table
    }
    #sayfalamalink a,
    #sayfalamalink b {
        float: none;
        font: 700 16px/25px Poppins;
        display: table-cell;
        text-align: center;
        color: #9a9a9a;
        padding: 0 5px;
        margin: 0 5px
    }
    #sayfalamalink b {
        margin: 0 3px;
        padding: 0 4px
    }
    #detay {
        padding: 0;
    }
    .dslider {
        width: 100%;
        height: auto
    }
    #detaycarousel {
        width: 18%;
        height: auto;
        float: left;
        margin-right: 0;
        position: relative;
        overflow: hidden
    }
    #detaycarousel img {
        width: 100%;
        float: left;
        border: 1px solid #fff;
        margin: 3px 0;
        cursor: pointer;
        background-color: #fff
    }
    #detayslider {
        width: 100%;
        float: left
    }
    .nobor {
        height: auto!important;
        border: 0!important
    }
    .flex-viewport {
        margin-top: 14px;
        height: 325px;
        overflow: hidden!important
    }
    .wm-zoom-box,
    .wm-zoom-default-img,
    .zoom1 {
        width: 100%!important;
        height: auto!important
    }
    .flex-next {
        background: url(../images/icon-slider-alt.png) #f3f6f9 center center no-repeat
    }
    #detayslider img {
        position: relative;
        z-index: 99
    }
    .slides {
        height: auto!important
    }
    .flex-prev {
        top: -4px
    }
    .dozellik {
        width: 100%!important;
        min-height: 430px;
        padding: 0 13px;
        margin-top: 14px;
        margin-left: 0
    }
    .dust h1 {
        font: 500 18px/23px Poppins;
        padding: 0 0px 19px;
    }
    #dstick {
        padding-top: 7px
    }
    #butonlar {
        margin: 5px 0
    }
    #telefonsiparis {
        width: 63%
    }
    .whatsapp_tabela .wrap .icon {
        display: block;
        float: left;
        width: 25px!important;
        padding-left: 0px;
    }

    #telefonsiparis i {
        margin-top: 3px!important;
    }
    .whatsapp_tabela .wrap .icon i.fa {
        font-size: 30px!important;
    }

    .whatsapp_tabela:last-child .wrap .icon {
        width: 20px!important;
    }

    .whatsapp_tabela .wrap .right p.title {
        font-size: 10px!important;
        line-height: 10px!important;
        margin: 0;
    }

    .whatsapp_tabela .wrap .right p.number {
        margin: 0;
        font-size: 13px!important;
        line-height: 20px!important;
        font-weight: 700;
    }

    #bedentablo,
    #favoriekle {
        float: right;
        cursor: pointer
    }
    #favoriekle {
        padding: 0 3px 0 35px;
        border: 0;
        margin-left: 0;
        width: 7%;
        text-indent: -99999px
    }
    .productDetailHr{
        margin: 0px;
        padding: 5px;
    }
    .productDetailHr:nth-child(6){
        padding-top: 5px;
    }

    .wp_phoneWrapper{
        margin-top: 15px;
    }
    #bedentablo {
        font: 400 11px/16px Poppins;
        color: #898989;
        width: 25%;
    }
    #bedensecin a,
    .oalan p {
        height: 30px;
        font: 400 14px/28px Poppins
    }

    #bedensecin a {
        min-width: 30%;
    }
    .oalan p {
        width: 30%;
        white-space: nowrap;
        overflow: hidden;
        font: 700 14px/30px Poppins
    }
    .oaic {
        width: 70%
    }
    .spinner {
        float: none;
        margin-top: 4px;
        position: relative;
        left: 51.6%;
        margin-left: -69px
    }
    .sepeteekle {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        white-space: nowrap
    }
    .hemenal {
        width: 39%;
        margin-top: 15px
    }
    #paylas,
    #tabmenu ul li {
        padding: 10px 0;
        overflow: hidden
    }
    #tabmenu ul {
        display: flex;
    }

    #tabmenu ul li {
        float: left;
        margin-right: 0;
        padding: 0;
        height: 35px;
        font: 400 11px/35px Poppins;
        width: 25%;
        text-align: center;
        white-space: nowrap;
    }
    #ilginicekebilir h5 a,
    #not {
        display: none
    }
    #tablar {
        margin-top: 20px
    }
    #ilginicekebilir h5 {
        display: table;
        text-align: center
    }
    #ilginicekebilir h5 span {
        float: none;
        display: inline-block;
        margin-left: 0
    }
    #ilgislider {
        width: 100%;
        float: left;
        margin-top: 25px;
        margin-left: 0;
        position: relative
    }
    #islider {
        width: 60%;
        height: 300px;
        float: left;
        left: 20%
    }
    .isgeri {
        left: 6%
    }
    .isileri {
        right: 6%
    }
    #islider .kat {
        width: 90%!important;
        margin: 0 5% 15px!important
    }
    #tabmenu ul li:nth-child(3) {
        width: 33.333333%!important
    }
    #tabmenu ul li:nth-child(1) {
        width: 33.333333%!important
    }
    #tabmenu ul li:nth-child(2) {
        width: 33.333333%!important
    }
    #tabmenu ul li:nth-child(4) {
        width: 33.333333%!important
    }
    #tabmenu {
        height: auto
    }
    #aciklama {
        padding: 0
    }
    #review {
        width: 100%;
        float: left;
        text-align: center;
        margin: 15px 0;
        font: 400 14px/18px Poppins;
        color: #666
    }
    #yekle {
        font: 500 12px/35px Poppins
    }
    .ysol {
        padding-right: 0;
        border-right: 0
    }
    .ysag,
    .ysol {
        width: 100%;
        float: left
    }
    .ybuton {
        width: 35%
    }
    .yyildiz,
    .yyildiz p {
        float: left;
        margin-right: 0
    }
    .yyildiz {
        margin-top: 4px;
        width: 63%
    }
    .yyildiz p {
        font: 400 13px/17px Poppins
    }
    .yorumsag,
    .yorumsol {
        float: left;
        padding: 10px
    }
    .yorumsol {
        width: 30%;
        text-align: center
    }
    .yorumsol img {
        width: 40px
    }
    .yorumsol span {
        font: 700 11px/14px Poppins;
        margin-top: 12px
    }
    .yorumsol i {
        font: 400 11px/16px Poppins;
        margin-top: 0
    }
    .yorumsag {
        width: 70%;
        min-height: 107px
    }
    .pic span,
    .yorumsag h4 {
        font: 700 12px/16px Poppins
    }
    .yorumsag img {
        margin-left: 5px
    }
    .yorumsag p {
        font: 400 11px/15px Poppins
    }
    .yorum {
        padding: 5px 0
    }
    .bedentabloic,
    .tsiparis {
        width: 90%;
        height: 90%;
        position: absolute;
        left: 5%;
        top: 7%;
        margin: 0
    }
    .tsiparis {
        padding: 17px 20px
    }
    #tsiparisic h4,
    #tsiparisic p,
    #yekle {
        margin-bottom: 0
    }
    #tsiparisic h5 {
        margin: 10px 0
    }
    .bedentabloic {
        padding: 17px 10px
    }
    .bedenict {
        height: 90%;
        float: left;
        overflow: auto
    }
    .bedenict,
    .bedensag,
    .bedensol {
        width: 100%
    }
    .bedensag {
        float: left;
        margin-top: 40px
    }
    .tic p {
        font: 400 11px/28px Poppins
    }
    .tust p {
        font: 700 9px/12px Poppins;
        height: auto;
        padding-bottom: 3px
    }
    .btic {
        overflow: visible;
        overflow-y: visible
    }
    .tukendi {
        margin-left: 0;
        width: 100%!important
    }
    #adetsepet {
        position: relative
    }
    #adetsepet .stokyok {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px
    }
    .kose img {
        width: 80px
    }
    .telsic {
        width: 90%;
        height: auto;
        position: absolute;
        left: 5%;
        top: 7%;
        margin: 0;
        padding: 17px 20px
    }
    #fiyat {
        padding: 10px 0 0;
        width: 40%;
        text-align: center;
    }
    #fiyat b {
        margin-left: 0;
        font: 500 15px/15px Poppins;
        top: 0
    }
    .popup {
        width: 90%;
        right: 5%;
        top: 15px;
        padding: 10px 0;
        min-height: 97px
    }
    .popup i {
        width: 23%
    }
    .pic {
        width: 80%;
        margin-left: 20%;
        padding: 0 24px
    }
    .pic h4 {
        font: 700 18px/24px Poppins
    }
    .pic p {
        font: 400 12px/17px Poppins
    }
    .text-danger {
        color: #fff!important;
        font: 400 11px/16px Poppins;
        background: red;
        width: 60%;
        text-align: center;
        float: left;
        padding: 3px 7px;
        margin-bottom: 7px;
        margin-top: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px
    }
    #dstick {
        padding-right: 0
    }
    .anabaslik h1 span {
        font: 500 24px/23px Poppins
    }

    .anaic h1::after {
        width: 20%;
    }
    .anaic h1::before {
        width: 20%;
    }

    .fbaslik p,
    .sust {
        display: none
    }
    .sptic:nth-child(1) {
        width: 30%!important
    }
    .sptic:nth-child(2) {
        width: 56%!important;
        padding-left: 7px;
        margin-bottom: 13px
    }
    .sptic:nth-child(3) {
        display: none
    }
    .sptic:nth-child(4) {
        padding-left: 16px
    }
    .sptic:nth-child(5) {
        width: 30%!important;
        margin-top: 5px
    }
    .sptic:nth-child(6) {
        width: 9%;
        float: right;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -11px
    }
    #sepetimic {
        padding: 0 15px
    }
    .sptic {
        height: auto
    }
    .sptic h2 {
        font: 400 13px/16px Poppins;
        padding-right: 0;
        padding-left: 9px
    }
    .sptic span {
        font: 700 12px/16px Poppins;
        padding-left: 9px
    }
    .sptic span b {
        font: 300 12px/16px Poppins
    }
    .spt,
    .sresim {
        width: 100%;
        height: auto;
        float: left
    }
    .sresim {
        margin-left: 7px
    }
    .spt {
        padding: 7px 0;
        margin-bottom: 10px;
        position: relative
    }
    .adet {
        margin-top: 5px
    }
    .adet input,
    .sfiyat {
        font: 400 14px/28px Poppins
    }
    .adet input {
        left: 0;
        margin-left: 0;
        height: 30px;
        width: 55px!important;
        padding-left: 2px;
        padding-right: 2px;
        float: left;
        -webkit-appearance: none;
    }
    .sfiyat {
        width: 100%;
        height: 28px;
        margin-top: 0
    }
    .sptic label {
        margin: 0
    }
    .guncelle {
        margin-right: -65px;
        margin-top: 0;
        position: relative;
        right: 50%
    }
    #sepetozet {
        padding: 10px 28px 17px
    }
    .adevamet,
    .ssatinal {
        height: 40px;
        font: 400 16px/43px Poppins;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-top: 15px;
    }
    .fancybox-container * {
         width: 100%;
    }
    .ssatinal {
        background: url(../images/icon-onay-1.png) #32b773 left center no-repeat;
        color: #fff;
        font: 400 16px/16px Poppins;
        margin-top: 15px;
        justify-content: center;
        right: 0;
    }
    .sbilgi {
        margin-left: 0;
        float: left;
        margin-top: 10px
    }
    .sbilgi span {
        width: 100%!important;
        height: 57px;
        float: left;
        border-bottom: 1px solid #d1d1d1;
        border-right: 0;
        text-align: center;
        padding-top: 10px
    }
    .sbilgi span b {
        font: 700 21px/24px Poppins;
        margin-top: 0
    }
    .sbilgi span p {
        font: 400 12px/12px Poppins
    }
    .kkoduic,
    .sbilgi {
        width: 100%
    }
    #kuponkodualan {
        float: left;
        margin: 7px 0 0;
        width: 100%
    }
    .kktext {
        width: 70%
    }
    .kkbuton {
        width: 30%;
        -webkit-appearance: none!important;
    }
    #kuponkodu {
        padding: 15px 0;
        margin: 0!important
    }
    #fosol {
        padding: 0 15px
    }
    .fbaslik {
        width: 33.3333333%;
        height: 40px;
        float: left;
        padding-left: 0;
        background: 0 0!important
    }
    .faktif {
        background: #fff!important
    }
    .fbaslik h4 {
        font: 700 14px/14px Poppins;
        margin-top: 9px;
        text-align: center
    }
    #fosag,
    #fosol,
    #otablar {
        width: 100%;
        float: left
    }
    #otablar {
        height: auto;
        padding: 0;
        position: relative
    }
    #otablar ul {
        height: auto;
        padding: 15px 4px 0;
        -webkit-border-radius: .75rem .75rem 0 0 ;
        -moz-border-radius: .75rem .75rem 0 0 ;
        -o-border-radius: .75rem .75rem 0 0 ;
        -ms-border-radius: .75rem .75rem 0 0 ;
        border-radius: .75rem .75rem 0 0 ;
    }
    #otablar ul li {
        width: 33.3333%!important;
        padding: 17px 0;
        text-align: center;
        border-bottom: 0!important;
        float: left;
        height: 85px
    }
    #otablar ul li p {
        font: 500 11px/14px Poppins;
        margin-top: 0;
        white-space: normal
    }
    .taktif {
        background: #fff;
        width: 100%!important;
        padding: 17px 0 17px 5px;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        -ms-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 -4px 4px rgba(0, 0, 0, .16)
    }
    .otabic {
        width: 100%;
        float: right;
        padding-right: 0;
        min-height: auto;
        padding-top: 11px
    }
    .ktext {
        width: 100%;
        height: 35px;
        font: 500 14px/33px Poppins;
        -webkit-appearance:none!important;
    }
    .gbuton {
        height: 40px;
        padding: 0 25px;
        font: 700 14px/38px Poppins;
        -webkit-appearance: none!important;
    }
    .gsag {
        width: 100%;
        float: right;
        margin-top: 19px;
        padding: 0 10px;
        border-left: 0
    }
    .gsag a {
        width: 46%;
        margin: 0 2%!important
    }
    #fosag {
        padding: 20px 15px
    }
    #foozet .sbilgi {
        margin-left: 0!important
    }
    #foozet {
        padding: 0 18px
    }
    #foozet,
    #gyform,
    #profilsol h4 {
        width: 100%;
        float: left
    }
    #sipust input,
    #sipust select,
    .doviz {
        display: none
    }
    .adresic {
        width: 90%;
        height: 90%;
        position: absolute;
        left: 5%;
        top: 7%;
        margin: 0;
        padding: 17px 20px
    }
    .falan p,
    .fselect {
        height: 35px;
        width: 35%;
        font: 500 11px/35px Poppins
    }
    .fselect {
        width: 100%;
        font: 500 12px/33px Poppins
    }
    .adresf1 {
        height: 90%;
        overflow: auto;
        float: left
    }
    .adresf1,
    .adresform {
        width: 100%
    }
    .falan {
        margin-bottom: 4px
    }
    .foic {
        width: 65%;
        float: left
    }
    #kbutonlar {
        margin-bottom: 10px
    }
    .iptal,
    .kaydet {
        font: 700 14px/48px Poppins;
        border: 0;
        margin: 0;
        display: table-cell;
        padding: 0 10px;
        width: auto!important
    }
    .kaydet {
        height: 48px;
        background: #32b773;
        color: #fff;
        cursor: pointer;
        margin: 0 5px;
        padding: 0 15px
    }
    .adressag .falan p,
    .falan p {
        padding-left: 0
    }
    .tadres {
        padding-right: 0;
        border-right: 0
    }
    .tfalan {
        width: 100%
    }
    .fadres {
        padding-left: 0
    }
    .kargo {
        width: 31.3333%;
        height: 116px;
        margin: 1% 1%;
    }
    .kargo img {
        max-width: 100%
    }
    #tyontem {
        margin-bottom: 11px
    }
    .oaktif {
        background: #fff!important
    }
    .kapialan {
        width: 100%;
        height: auto;
        padding: 20px 15px;
        border-right: 0;
        margin-top: 0;
        border-bottom: 1px solid #dedede
    }
    .havale {
        margin: 7px 0
    }
    #boalan {
        padding: 0 15px
    }
    .paktif a {
        background: 0 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, .11);
        color: #ff42a7!important;
        padding: 0 16px!important;
        -webkit-border-radius: 15px 0 0 15px;
        -moz-border-radius: 15px 0 0 15px;
        -o-border-radius: 15px 0 0 15px;
        -ms-border-radius: 15px 0 0 15px;
        border-radius: 15px 0 0 15px
    }
    #profilsol ul li {
        width: 100%;
        border-bottom: 1px solid #ebebeb;
    }
    #profilsol ul {
        background: #fff;
        position: absolute;
        left: 0;
        top: 40px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .18);
        display: none
    }
    #profilsol h4 {
        font: 500 20px/40px Poppins;
        color: #fff;
        margin-bottom: 20px;
        padding-left: 10px;
        background: url(../images/icon-hesabim-2.png) #32b773 right center no-repeat!important;
        cursor: pointer;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px
    }
    #profilsol,
    .havale {
        width: 100%
    }
    #ktab ul li,
    #profilsol ul li,
    #sipust p,
    #sssol ul li,
    .siparisust span {
        float: left;
        text-align: center
    }
    #sipust p {
        font: 400 14px/18px Poppins;
        color: #aaaaa9;
        width: 100%
    }
    #sipust p b {
        font: 700 14px/18px Poppins
    }
    #profilsag {
        width: 100%;
        float: left;
        padding: 10px!important;
        margin-bottom: 25px;
        min-height: auto
    }
    .siparisust {
        width: 100%;
        height: auto;
        float: left;
        padding-bottom: 22px
    }
    .siparisust span {
        padding: 14px 0 0;
        width: 50%;
        height: 66px;
        border: 1px solid #dedede
    }
    .siparisust span:nth-child(5) {
        width: 100%!important
    }
    .siparisust a {
        float: right;
        margin-right: 0;
        margin-top: 12px;
        width: 62%;
        text-align: center
    }
    .iade {
        width: 35%!important;
        float: left!important
    }
    .sdic,
    .sdurun {
        width: 100%
    }
    #ooalan span,
    .ozetust span {
        float: left;
        text-align: center
    }
    #ooalan span {
        width: 50%!important;
        height: 65px;
        border: 1px solid #dfdfdf!important;
        padding-top: 13px
    }
    .ozetust span {
        border: 1px solid #d5d5d5!important;
        padding-top: 10px;
        height: 61px
    }
    .ozetust {
        padding: 15px 15px 25px
    }
    .tfpalan {
        width: 100%;
        float: left;
        padding-bottom: 10px;
        margin-right: 0
    }
    .okargo {
        width: 100%!important;
        margin-right: 0!important;
        float: left inherit!important;
        text-align: center
    }
    #ooalan span b {
        width: 100%;
        float: left;
        font: 500 14px/19px Poppins;
        color: #4b4b4b;
        white-space: nowrap;
        overflow: hidden
    }
    #ooalan span:nth-child(7) {
        width:50%!important }
    .ozresim,
    .ozurun {
        height: auto
    }
    .ozresim {
        width: 26%
    }
    .bf,
    .bf b,
    .ozbaslik,
    .palan p {
        float: left
    }
    .ozbaslik {
        width: 74%;
        height: 100px;
        padding: 6px 10px
    }
    .ozbaslik h2 {
        font: 400 13px/16px Poppins
    }
    .bf {
        width: 33.333%;
        height: auto;
        padding: 11px 0 10px;
        text-align: center;
        border: 1px solid #dedede;
        margin-top: 5px
    }
    .bf b {
        width: 100%;
        color: #35383d
    }
    .iadeet {
        margin-right: 0;
        margin-top: 8px
    }
    .ozetsozlesme {
        background: 0 0
    }
    .ozetsozlesme a {
        height: 20px;
        font: 400 13px/20px Poppins
    }
    .geriic {
        width: 90%;
        height: 90%;
        position: absolute;
        left: 5%;
        top: 7%;
        margin: 0;
        padding: 17px 20px
    }
    #tsic p {
        font: 400 12px/16px Poppins;
        margin-bottom: 6px
    }
    #map iframe,
    .geriic .fbuton,
    .talan .foic {
        width: 100%!important
    }
    .palan {
        width: 100%;
        margin-bottom: 7px
    }
    .palan p {
        width: 35%;
        height: 35px;
        font: 500 11px/35px Poppins;
        padding-left: 0
    }
    #odemebildirimi #kbutonlar,
    .talan {
        margin-top: 10px
    }
    .talan p {
        display: none
    }
    #adresust a {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        margin-top: 5px
    }
    #adresust p {
        font: 400 14px/18px Poppins;
        width: 100%;
        text-align: center
    }
    .adres {
        width: 100%;
        height: auto;
        padding: 19px 19px 25px;
        margin-right: 0;
        margin-bottom: 22px
    }
    .favbaslik,
    .favfiyat {
        height: auto;
        padding-top: 0
    }
    .favfiyat,
    .favori .favfiyat p {
        width: 100%;
        float: left
    }
    .favori img {
        width: 30%;
        margin-top: 0
    }
    .favbaslik {
        margin-left: 0;
        padding-left: 11px
    }
    .favbaslik h2 {
        font: 500 14px/17px Poppins;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .favbaslik,
    .favtarih {
        width: 70%;
        float: left
    }
    .favtarih b,
    .favtarih p {
        width: auto;
        float: left;
        font: 500 12px/16px Poppins
    }
    .favori .favfiyat p {
        color: #848484;
        font: 300 12px/13px Poppins;
        text-align: left;
        margin-top: 6px
    }
    .favtarih p {
        font: 300 12px/16px Poppins;
        color: #848484
    }
    .favbuton,
    .favori .favfiyat,
    .favtarih {
        height: auto;
        padding-top: 0;
        padding-left: 11px;
        display: block;
    }
    .favori .favfiyat {
        width: 70%!important;
        float: left;
        margin-top: 5px
    }
    .favori .favfiyat b,
    .favtarih b,
    .favtarih p {
        text-align: left
    }
    .favbuton {
        width: 70%;
        float: right;
        margin-top: 9px;
        padding-left: 3px;
    }
    .favori {
        width: 100%;
        height: auto!important;
        float: left
    }
    .yenile {
        float: none;
        margin-left: 0;
        margin-top: 3px
    }
    .bgust p {
        float: left;
        padding: 0;
        font: 500 11px/14px Poppins;
        color: #ff42a7
    }
    .kreditutar p {
        float: left;
        height: 30px;
        font: 400 14px/30px Poppins;
        margin-right: 0
    }
    .krdbuton,
    .krdtext {
        width: 100%;
        height: 35px
    }
    .krdtext {
        font: 500 14px/33px Poppins
    }
    .krdbuton {
        padding: 0;
        font: 700 14px/33px Poppins;
        cursor: pointer;
        margin: 10px 0 0
    }
    #kozet {
        border-right: 0;
        padding-right: 0
    }
    .koalan {
        padding: 15px 0
    }
    #kozet,
    #kredikart,
    .iadres,
    .iadresa {
        width: 100%;
        float: left
    }
    #iletisimler {
        padding: 0 15px 26px
    }
    #iletisimic {
        padding: 20px
    }
    #iletisimic h5 span {
        font: 700 15px/30px Poppins;
        margin-left: 10px;
        float: left
    }
    .iadres {
        margin: 9px 0;
        height: auto;
        border-right: 0
    }
    .iadres img {
        max-width: 100%;
        display: none
    }
    .iadresa {
        margin-right: 0;
        padding-top: 15px
    }
    .iform {
        margin: 7px 0;
        padding-top: 10px
    }
    #hatasayfasi h2,
    .iarea,
    .ific,
    .iform {
        width: 100%;
        float: left
    }
    .iarea {
        height: 110px
    }
    .ibuton {
        width: 100%;
        margin-top: 15px
    }
    #hataic p,
    #map,
    .iform label {
        margin-top: 0
    }
    #map {
        height: 200px
    }
    #map iframe {
        height: 200px!important
    }
    #hataic p {
        width: 100%;
        float: left;
        font: 300 14px/18px Poppins;
        color: #7d7d7d;
        padding: 10px 0
    }
    #hatasayfasi h2 {
        font: 500 143px/140px Poppins;
        color: #d3d3d3
    }
    #hataic {
        margin-top: -29px
    }
    #hataic h3 {
        font: 500 18px/24px Poppins
    }
    #hataic p b {
        font: 700 14px/18px Poppins
    }
    .hataarama {
        width: 100%;
        position: relative;
        left: 0;
        margin-left: 0
    }
    #hatasayfasi {
        margin-bottom: 25px
    }
    #adetsepet {
        bottom: auto;
        font: 700 19px/28px Poppins
    }
    .favori {
        padding: 10px;
        display: block;
        border-bottom: 1px solid #ebebeb;
    }
    .kackaldi {
        padding: 3px 0 7px
    }
    .renkler,
    .renkler p {
        width: 100%;
        float: left;
        padding: 6px 17px
    }
    .renkler p {
        padding: 5px;
        font: 500 14px/16px Poppins;
        color: #ff42a7
    }
    .renkler img {
        float: left;
        margin-right: 7px;
        border: 1px solid #ccc;
        margin-bottom: 7px;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s
    }
    .renkler img:hover {
        border: 1px solid #ff42a7
    }
    .pkalan p {
        width: 35%!important
    }
    .pkalan .foic {
        width: 65%!important
    }
    #odemebildirimi .kaydet {
        height: 48px;
        background: #32b773;
        color: #fff;
        cursor: pointer;
        font: 700 14px/48px Poppins;
        border: 0;
        display: table-cell;
        margin: 0 5px;
        padding: 0 15px;
        width: 100%!important
    }
    .bakiye p {
        float: left;
        padding: 0;
        font: 400 11px/36px Poppins;
        color: #5b5b5b;
        text-align: center!important;
        white-space: normal;
        overflow: hidden
    }
    .bakiye p:nth-child(1),
    .bakiye p:nth-child(2) {
        width: 25%!important
    }
    .bakiye p:nth-child(3) {
        width: 50%!important
    }
    .bgust p {
        text-align: center!important
    }
    .bgust p:nth-child(1),
    .bgust p:nth-child(2) {
        width: 25%!important
    }
    .bgust p:nth-child(3) {
        width: 50%!important
    }
    #kampanyalar label,
    #ktab ul li,
    #ktab ul li:hover {
        height: auto;
        font: 400 12px/16px Poppins
    }
    #ktab,
    #ktab ul li {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px
    }
    #ktab ul li {
        padding: 7px 0;
        margin: 2px 0!important;
        width: 50%
    }
    #ktab ul {
        padding-left: 0
    }
    .kredia {
        background: #fff!important;
        color: #35383d!important;
        height: auto!important;
        margin: 0!important;
        font: 400 11px/16px Poppins!important
    }
    #havaleile,
    #ktab {
        width: 100%;
        float: left
    }
    #ktab {
        height: auto;
        background: #000;
        padding: 5px
    }
    #ktab ul li:hover {
        background: #fff;
        color: #35383d;
        margin: 0
    }
    #kampanyalar label {
        padding: 7px 10px
    }
    #kampanyalar label b {
        font: 700 12px/16px Poppins
    }
    #havaleile span {
        font: 400 13px/20px Poppins
    }
    #havaleile span b {
        font: 700 13px/20px Poppins
    }
    #havaleile {
        padding: 15px 0 0
    }
    .khavale {
        padding: 18px
    }
    .khavale p {
        font: 400 13px/19px Poppins
    }
    .khavale p b {
        font: 700 13px/19px Poppins
    }
    #sssol {
        padding-top: 0
    }
    #boalan,
    #sssol,
    .khavale,
    .mbanner img {
        width: 100%
    }
    #sssol ul li {
        width: 22%;
        height: 50px;
        margin-bottom: 0;
        font: 400 13px/16px Poppins;
        overflow: hidden;
        padding: 9px 0 0
    }
    #sssol ul li:nth-child(1) {
        width: 34%!important
    }
    .ssaktif {
        background: #fff;
        box-shadow: 0 -4px 3px rgba(0, 0, 0, .11);
        color: #ff42a7!important;
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        -o-border-radius: 15px 15px 0 0;
        -ms-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;
        padding: 9px 0 0!important
    }
    #sssag,
    .soru {
        width: 100%;
        float: left
    }
    #sssag {
        padding: 25px 10px;
        min-height: 400px;
        margin-top: -7px
    }
    .soru {
        height: auto;
        font: 500 12px/16px Poppins;
        margin-bottom: 10px
    }
    .cevap {
        font: 400 12px/17px Poppins;
        margin-bottom: 9px
    }
    .numaralist {
        height: 25px!important;
        display: none!important;
        bottom: 75px!important
    }
    .numaralist a {
        height: 25px;
        font: 400 13px/25px Poppins
    }
    .ozetsozlesme a {
        background: 0 0
    }
    .mbanner {
        width: 100%;
        float: left
    }
    .menubg {
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, .4);
        z-index: 9999;
        display: none
    }
    .sptic span b {
        width: 83px
    }
    #success hr,
    .kd,
    .ksol img,
    .menubg {
        width: 100%
    }
    .ksol img {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 10px
    }
    .ksol h2,
    .ksol p,
    .ksol span {
        padding-left: 0
    }
    .ksol h2 {
        font: 700 17px/20px Poppins!important;
        color: #333
    }
    .kupon {
        margin-bottom: 15px;
        background: 0 0
    }
    .ksol {
        width: 100%!important;
        float: left;
        padding: 11px
    }
    .ksag {
        width: 100%;
        float: left;
        padding: 10px 13px 20px;
        text-align: center
    }
    .kod {
        padding: 8px;
        font: 700 17px/22px Poppins;
        margin-bottom: 6px
    }
    .kuponbuton {
        width: 30%;
        float: left;
        font: 400 11px/14px Poppins;
        padding: 6px 10px;
        cursor: pointer;
        border: 0;
        background: 0 0;
        color: #393;
        text-align: center
    }
    .ktarih {
        font: 300 12px/14px Poppins
    }
    .ktarih p {
        font: 700 14px/16px Poppins;
        color: #666
    }
    .kosullar {
        padding: 9px 0 0;
        margin-top: 0
    }

    .kosullar p {
        width: 100%!important;
        margin-right: 0;
        min-height: auto;
        margin-bottom: -1px!important;
        padding: 10px!important
    }
    .kosullar p:nth-child(3),
    .kosullar p:nth-child(5) {
        width: 100%!important
    }
    .kosullar p b {
        font: 700 14px/18px Poppins!important
    }
    .mkargo {
        text-indent: 0;
    }
    .sara {
        width: 100%;
        margin-right: 0;
        display: block!important;
        margin-top: 7px
    }
    #sag {
        position: relative
    }
    .kpasif {
        width: 100%;
        height: 100%;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100
    }
    #katsecenek {
        z-index: 101
    }
    #sol {
        z-index: 200;
        padding-right: 10px;
    }
    /*#katsecenek p,*/
    /*.kpasif {*/
    /*    display: none*/
    /*}*/
    .filtrele {
        right: auto;
        left: 0;
        color: #fff;
    }
    .msira {
        display: block!important
    }
    .giris,
    .kayit {
        padding: 0 7px 0 27px!important;
    }
    .htelefon {
        padding: 0 0 0 27px!important
    }
    .ozetust span {
        width: 50%!important
    }
    .bf b {
        font: 500 14px/20px Poppins!important
    }
    .rt {
        margin-bottom: 0!important
    }
    .bf p {
        font: 400 12px/13px Poppins!important
    }
    .mg {
        display: block!important
    }
    .sptic:nth-child(4) {
        width: 36%!important
    }
    .adet p {
        float: left;
        font: 400 12px/30px Poppins;
        margin-right: 5px
    }
    .aara {
        width: 100%;
        margin-right: 0;
        margin-top: 14px;
        display: block
    }
    .top {
        display: none!important;
        width: 60px;
        height: 60px;
        position: fixed;
        right: -8px;
        bottom: 0;
        z-index: 102;
        cursor: pointer;
        background: url(../images/top1.png) center center no-repeat;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0;
        -o-border-radius: 5px 0 0 0;
        -ms-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0
    }

    #menu ul li ul li.tumu,
    .tumu {
        display: none!important
    }
    #detay {
        margin-bottom: 15px
    }
    #ilginicekebilir,
    .sonfirsat,
    .taksit {
        display: none
    }
    .katresim img {
        top: auto;
    }
    .sonfirsat2 {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }
    .favoriBtn{
        padding: 0 3px 0 35px;
        cursor: pointer;
        border: 0;
        margin-left: 0;
        width: 7%;
        text-indent: -99999px;
        float: left;
    }
    .ws {
        border: 0!important;
        padding: 3px 0px;
    }
    .ws i {
        color: #0dc143 ;
        font-size: 18px;
    }
    .kargonerede {
        padding: 10px 13px 0 15px!important;
    }
    .kargonerede span{
        display: none;
    }
    .kargonerede i{
        float: left;
        padding: 1px 0px;
    }
    .dropdown .dropbtn div:first-child {
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
    }
    .mkargo {
        width: 43px!important
    }
    #sag {
        min-height: 967px
    }
    .bf-empty-product-list-msg {
        width: 100%;
        float: left;
        margin-bottom: 15px;
        text-align: center;
        font: 400 14px/42px Poppins;
        color: #fff;
        position: relative;
        left: 0;
        top: 60px;
        z-index: 150;
        background: red
    }
    .msira {
        width: auto;
    }
    .sirala {
        width: 75px!important;
        display: block!important;
        margin-left: 5px
    }
    .katalt span i {
        font: 300 13px/13px Poppins;
        margin-left: 0;
        margin-right: 3px
    }
    #fuslider .katalt span {
        font: 500 16px/30px Poppins!important
    }
    .tfic {
        width: 100%!important
    }
    #menu ul li:nth-child(n+0) ul {
        width: 100%!important;
        left: auto;
        right: 0;
        padding: 10px 0;
        min-height: 0!important;
        overflow: visible;
        background: 0 0!important
    }
    #menu ul li:nth-child(n+0) ul li {
        width: 33.333333%
    }
    #menu ul li:nth-child(n+0) ul li a {
        border-bottom: 0 solid #dedede;
        padding-bottom: 10px!important
    }
    #menu ul li:nth-child(n+0) ul li ul {
        width: 100%!important;
        height: auto!important;
        position: relative;
        left: 0;
        top: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, .5);
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -o-border-radius: 0 0 5px 5px;
        -ms-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        padding: 0 5px;
        border-right: 0 solid #dedede;
        display: none
    }
    #menu ul li:nth-child(n+0) ul li ul li {
        width: 50%
    }
    #menu ul li:nth-child(n+0) ul li ul li a {
        width: 100%;
        float: left;
        color: #fff!important;
        background: 0 0;
        height: auto;
        font: 400 14px/14px Poppins;
        margin-bottom: 12px!important;
        padding: 0 7px!important;
        border: 0
    }

    #menu ul li:nth-child(n+0) ul li:last-child {
        position: relative;
        bottom: 0;
        display: block!important
    }
    #menu ul li:nth-child(1) ul li.tumu,
    #menu ul li:nth-child(7) ul li.tumu,
    #menu ul li:nth-child(n+0) ul li.tumu {
        display: block!important
    }
    .see-all {
        display: block!important
    }
    #menu ul li:last-child {
        display: block
    }
    .hemenalic {
        width: 90%;
        left: 5%;
        margin: -105px 0 0;
        padding: 15px 22px;
        height: 210px
    }
    #haic p {
        font: 400 12px/18px Poppins
    }
    #harama,
    .subbuton,
    .susbuton {
        width: 100%;
        height: 35px
    }
    .susbuton {
        padding: 0;
        font: 400 14px/33px Poppins;
        margin-bottom: 7px
    }
    .subbuton {
        font: 500 12px/33px Poppins
    }
    #harama {
        height: 45px;
        margin-top: 0;
        margin-right: 0;
        position: absolute;
        left: 0;
        top: 60px;
        z-index: 999;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        display: none
    }
    #menu {
        padding: 15px 10px 25px!important
    }
    #menu ul li ul li:last-child {
        position: relative!important;
        bottom: 0!important;
        display: block!important
    }
    #menu ul li.active ul,
    #menu ul li.active ul li.active35 ul {
        display: block
    }
    #menu ul li.active ul li ul {
        display: none
    }

    #menu ul li:nth-child(7) ul li a.see-all {
        display: block!important;
        color: #000!important
    }
    #menu ul li:nth-child(1) ul li a.see-all {
        display: block!important;
    }
    .kfic b {
        margin-left: 15px;
        font: 500 14px/18px Poppins;
        color: #35383d;
        text-decoration: line-through;
        position: relative;
        top: 0
    }
    #husag {
        position: absolute;
        right: 0
    }
    .tukendif {
        font-size: 12px;
        letter-spacing: 3px;
    }
}
@media (width:768px) {
    .kat {
        width: 32%;
        float: left;
        overflow: hidden;
        position: relative;
        margin: 0 7px 15px!important;
    }
    .kat:nth-child(2n+2) {
        float: left!important
    }
}
body.swal2-shown {
    overflow-y: hidden
}
.swal2-container,
body.swal2-iosfix {
    position: fixed;
    left: 0;
    right: 0
}
.swal2-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    bottom: 0;
    padding: 10px;
    background-color: transparent;
    z-index: 1060
}
.swal2-container.swal2-fade {
    -webkit-transition: background-color .1s;
    transition: background-color .1s
}
.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, .4)
}
.swal2-modal {
    background-color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: relative;
    max-width: 100%
}
.swal2-modal:focus {
    outline: 0
}
.swal2-modal.swal2-loading {
    overflow-y: hidden
}
.swal2-modal .swal2-title {
    color: #595959;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0 0 .4em;
    padding: 0;
    display: block;
    word-wrap: break-word
}
.swal2-modal .swal2-buttonswrapper {
    margin-top: 15px
}
.swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4;
    cursor: no-drop
}
.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid transparent;
    border-color: transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 7.5px;
    vertical-align: top;
    background-color: transparent!important;
    color: transparent;
    cursor: default;
    border-radius: 100%;
    -webkit-animation: rotate-loading 1.5s linear 0 infinite normal;
    animation: rotate-loading 1.5s linear 0 infinite normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
    margin-left: 30px;
    margin-right: 30px
}
.swal2-modal .swal2-buttonswrapper.swal2-loading:not(.swal2-styled).swal2-confirm::after {
    display: inline-block;
    content: '';
    margin-left: 5px;
    vertical-align: -1px;
    height: 15px;
    width: 15px;
    border: 3px solid #999;
    -webkit-box-shadow: 1px 1px 1px #fff;
    box-shadow: 1px 1px 1px #fff;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: rotate-loading 1.5s linear 0 infinite normal;
    animation: rotate-loading 1.5s linear 0 infinite normal
}
.swal2-modal .swal2-styled {
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 15px 5px 0;
    padding: 10px 32px
}
.swal2-modal .swal2-image {
    margin: 20px auto;
    max-width: 100%
}
.swal2-modal .swal2-close {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 40px;
    font-size: 36px;
    line-height: 40px;
    font-family: serif;
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
    color: #ccc;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}
.swal2-modal .swal2-close:hover {
    color: #d55
}
.swal2-modal>.swal2-checkbox,
.swal2-modal>.swal2-file,
.swal2-modal>.swal2-input,
.swal2-modal>.swal2-radio,
.swal2-modal>.swal2-select,
.swal2-modal>.swal2-textarea,
.swal2-range output {
    display: none
}
.swal2-modal .swal2-content {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #545454;
    word-wrap: break-word
}
.swal2-modal .swal2-checkbox,
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-radio,
.swal2-modal .swal2-select,
.swal2-modal .swal2-textarea {
    margin: 20px auto
}
.swal2-modal .swal2-input {
    font-size: 18px
}
.swal2-modal .swal2-file,
.swal2-modal .swal2-input,
.swal2-modal .swal2-textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    -webkit-transition: border-color .3s, -webkit-box-shadow .3s;
    transition: border-color .3s, box-shadow .3s;
    transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s
}
.swal2-modal .swal2-textarea {
    font-size: 18px
}
.swal2-modal .swal2-file.swal2-inputerror,
.swal2-modal .swal2-input.swal2-inputerror,
.swal2-modal .swal2-textarea.swal2-inputerror {
    border-color: #f27474!important;
    -webkit-box-shadow: 0 0 2px #f27474!important;
    box-shadow: 0 0 2px #f27474!important
}
.swal2-modal .swal2-file:focus,
.swal2-modal .swal2-input:focus,
.swal2-modal .swal2-textarea:focus {
    outline: 0;
    border: 1px solid #b4dbed;
    -webkit-box-shadow: 0 0 3px #c4e6f5;
    box-shadow: 0 0 3px #c4e6f5
}
.swal2-modal .swal2-file:focus::-webkit-input-placeholder,
.swal2-modal .swal2-input:focus::-webkit-input-placeholder,
.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
    -webkit-transition: opacity .3s .03s ease;
    transition: opacity .3s .03s ease;
    opacity: .8
}
.swal2-modal .swal2-file:focus:-ms-input-placeholder,
.swal2-modal .swal2-input:focus:-ms-input-placeholder,
.swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
    -webkit-transition: opacity .3s .03s ease;
    transition: opacity .3s .03s ease;
    opacity: .8
}
.swal2-modal .swal2-file:focus::placeholder,
.swal2-modal .swal2-input:focus::placeholder,
.swal2-modal .swal2-textarea:focus::placeholder {
    -webkit-transition: opacity .3s .03s ease;
    transition: opacity .3s .03s ease;
    opacity: .8
}
.swal2-modal .swal2-file::-webkit-input-placeholder,
.swal2-modal .swal2-input::-webkit-input-placeholder,
.swal2-modal .swal2-textarea::-webkit-input-placeholder {
    color: #e6e6e6
}
.swal2-modal .swal2-file:-ms-input-placeholder,
.swal2-modal .swal2-input:-ms-input-placeholder,
.swal2-modal .swal2-textarea:-ms-input-placeholder {
    color: #e6e6e6
}
.swal2-modal .swal2-file::placeholder,
.swal2-modal .swal2-input::placeholder,
.swal2-modal .swal2-textarea::placeholder {
    color: #e6e6e6
}
.swal2-modal .swal2-range input,
.swal2-modal .swal2-range output {
    float: left;
    width: 80%;
    height: 43px;
    line-height: 43px;
    vertical-align: middle;
    margin: 20px auto;
    padding: 0
}
.swal2-modal .swal2-range output {
    float: right;
    width: 20%;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}
.swal2-modal .swal2-input {
    height: 43px;
    padding: 0 12px
}
.swal2-modal .swal2-input[type=number] {
    max-width: 150px
}
.swal2-modal .swal2-file {
    font-size: 20px
}
.swal2-modal .swal2-textarea {
    height: 108px;
    padding: 12px
}
.swal2-modal .swal2-select {
    color: #545454;
    font-size: inherit;
    padding: 5px 10px;
    min-width: 40%;
    max-width: 100%
}
.swal2-modal .swal2-radio {
    border: 0
}
.swal2-modal .swal2-radio label:not(:first-child) {
    margin-left: 20px
}
.swal2-modal .swal2-radio input,
.swal2-modal .swal2-radio span {
    vertical-align: middle
}
.swal2-modal .swal2-radio input {
    margin: 0 3px 0 0
}
.swal2-modal .swal2-checkbox {
    color: #545454
}
.swal2-modal .swal2-checkbox input,
.swal2-modal .swal2-checkbox span {
    vertical-align: middle
}
.swal2-modal .swal2-validationerror {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    font-weight: 300;
    display: none
}
.swal2-modal .swal2-validationerror::before {
    content: '!';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 10px
}
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100%!important
    }
    .swal2-range output {
        display: none
    }
}
.swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.swal2-icon.swal2-error {
    border-color: #f27474
}
.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    display: block
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}
.swal2-icon.swal2-warning {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #f8bb86;
    border-color: #facea8;
    font-size: 60px;
    line-height: 80px;
    text-align: center
}
.swal2-icon.swal2-info,
.swal2-icon.swal2-question {
    font-family: 'Open Sans', sans-serif;
    color: #3fc3ee;
    border-color: #9de0f6;
    font-size: 60px;
    line-height: 80px;
    text-align: center
}
.swal2-icon.swal2-question {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #87adbd;
    border-color: #c9dae1
}
.swal2-icon.swal2-success {
    border-color: #a5dc86
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}
.swal2-icon.swal2-success .swal2-success-ring {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(165, 220, 134, .2);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}
.swal2-icon.swal2-success .swal2-success-fix {
    width: 7px;
    height: 90px;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.swal2-progresssteps {
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0
}
.swal2-progresssteps li {
    display: inline-block;
    position: relative
}
.swal2-progresssteps .swal2-progresscircle {
    background: #3085d6;
    border-radius: 2em;
    color: #fff;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 2em;
    z-index: 20
}
.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0
}
.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline {
    background: #add8e6
}
.swal2-progresssteps .swal2-progressline {

    background: #3085d6;
    height: .4em;
    margin: 0 -1px;
    z-index: 10
}
[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}
.swal2-show {
    -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s
}
.swal2-hide.swal2-noanimation,
.swal2-show.swal2-noanimation {
    -webkit-animation: none;
    animation: none
}
.swal2-hide {
    -webkit-animation: hideSweetAlert .15s forwards;
    animation: hideSweetAlert .15s forwards
}
.swal2-animate-success-line-tip {
    -webkit-animation: animate-success-tip .75s;
    animation: animate-success-tip .75s
}
.swal2-animate-success-line-long {
    -webkit-animation: animate-success-long .75s;
    animation: animate-success-long .75s
}
.swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}
.swal2-animate-error-icon {
    -webkit-animation: animate-error-icon .5s;
    animation: animate-error-icon .5s
}
.swal2-animate-x-mark {
    -webkit-animation: animate-x-mark .5s;
    animation: animate-x-mark .5s
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}
.tada {
    animation-name: tada
}
.material-switch>input[type=checkbox] {
    display: none
}
.material-switch>label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px
}
.material-switch>label::before {
    right: 0;
    background: #000;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: .3;
    transition: all .4s ease-in-out;
    width: 40px
}
.material-switch>label::after {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    content: '';
    height: 24px;
    left: -50px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all .3s ease-in-out;
    width: 24px
}
.material-switch>input[type=checkbox]:checked+label::before {
    background: #32b773;
    opacity: 1
}
.material-switch>input[type=checkbox]:checked+label::after {
    background: #fff;
    left: -10px
}
.whatsapp-fixed {
    position: fixed;
    bottom: 60px;
    right: 55px;
    font-size: 35px;
    z-index: 999998;
    padding: 1px 12px
}
.whatsapp-fixed img {
    width: 80%;
    height: auto
}

.whatsapp-fixed2{
    display: none;
    position: fixed;
    bottom: 60px;
    font-size: 35px;
    z-index: 999998;
    padding: 1px 12px;

    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: 50px;
    background: #0dc143;
    text-align: center;
    z-index: 99999;
}
.whatsapp-fixed2 img {
    width: 80%;
    height: auto
}

.whatsapp-fixed2 a {
    display: none;

    color: #fff;
    font-size: 16px;
    display: block;
}

.animate_btn_4 .ab4-img-circle {
    background-color: #29aee3;
    box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.animate_btn_4 .ab4-circle-fill,
.animate_btn_4 .ab4-circlephone,
.animate_btn_4 .ab4-img-circle {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}
.animate_btn_4 .ab4-circlephone {
    border: 2px solid #29aee3;
    width: 110px;
    height: 110px;
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite ease-in-out!important;
    -moz-animation: circle-anim 2.4s infinite ease-in-out!important;
    -ms-animation: circle-anim 2.4s infinite ease-in-out!important;
    -o-animation: circle-anim 2.4s infinite ease-in-out!important;
    animation: circle-anim 2.4s infinite ease-in-out!important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.animate_btn_4 .ab4-circle-fill,
.animate_btn_4 .ab4-img-circle {
    border: 2px solid transparent
}
.animate_btn_4 .ab4-circle-fill {
    background-color: #29aee3;
    width: 80px;
    height: 80px;
    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.animate_btn_4 .ab4-img-circle {
    width: 52px;
    height: 52px;
    opacity: .7
}
.animate_btn_4 .ab4-img-circleblock {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 52px;
    height: 52px;
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    background: url(/image/callback_pro.png) no-repeat center center/30px auto;
    position: absolute
}
.animate_btn_4 .ab4-img-circle:hover {
    opacity: 1
}
@media screen and (max-width:900px) {
    #husag li:nth-child(2) {
        margin-right: 15px;
    }
    .blockPage {
        left: 10%!important;
        width: 80%!important
    }
    #menu ul li:nth-child(n+4) ul li a {
        color: #fff;
        font-weight: 400
    }
    .erkekayakkabi {
        min-height: auto!important
    }
    .bakan {
        text-align: center;
        width: 100%;
        margin-top: 6px;
        float: right
    }
    .bakan2 {
        font-size: 13px!important
    }
    #menu ul li:nth-child(n+0) ul li a {
        padding-bottom: 0!important;
        padding-top: 0!important;
    }
    .whatsapp-fixed {
        position: fixed;
        bottom: 70px;
        right: 0;
        padding: 0;
        font-size: 35px;
        z-index: 999998
    }
    .whatsapp-fixed img {
        width: 60%;
        height: auto
    }


    .whatsapp-fixed3 {

        position: fixed;
        bottom: 70px;
        right: 0;
        padding: 0;
        font-size: 35px;
        z-index: 999998
    }
    .whatsapp-fixed3 img {


        width: 60%;
        height: auto
    }


    .whatsapp-fixed2 a {

        color: #fff;
        font-size: 14px;
        display: block;
    }


    .whatsapp-fixed2 {
        right: 0px;
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        line-height: 50px;
        background: #0dc143;
        text-align: center;

    }

    .kose2 {
        display: block;
        z-index: 100;
        width: 50%
    }
    .ssonu span {
        letter-spacing: 1px
    }
    .fic .gffiyat {
        padding-left: 5px
    }
}
.spinner {
    height: 45px;
    font-size: 10px;
    text-align: center
}
.spinner>div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}
.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}
.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.spinner .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
.spinner .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}
.ssonu img {
    position: absolute;
    width: 40px;
    z-index: 9999;
    bottom: 3px;
    left: 60px
}
#baktiklarim {
    z-index: 999;
    width: 100%;
    bottom: -824px;
    position: fixed;
    right: 0;
}
#baktiklarim h5 {
    width: 100%;
    float: left;
    height: 24px
}
#baktiklarim h5 span {
    font: 500 14px/19px Poppins;
    color: #fff;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    padding: 9px 20px;
    float: right;
    margin-right: 70px;
}
.bgColorGrey {
    background: rgba(0, 0, 0, .78);
    border-radius: 5px 5px 0 0
}
#bakslider {
    width: 80%;
    float: left;
    margin-top: 25px;
    margin-left: 10%;
    position: relative
}
#bslider {
    width: 100%;
    height: auto;
    float: left
}
.bakgeri,
.bakileri {
    width: 28.5px;
    height: 47px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 9;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30)
}
.bakgeri {
    left: -80px;
    background: url(/assets/images/icon-controls-1.png) top left no-repeat
}
.bakileri {
    right: -80px;
    background: url(/assets/images/icon-controls-1.png) top right no-repeat
}
.fb_iframe_widget #u_0_5 {
    color: #fff!important
}
.nostok {
    background: rgba(224,224,224,.6) url(/assets/images/no_opt.png) no-repeat center!important;
}
.nostok:hover {
    color: #000!important
}
.sp_arama_btn {
    margin-left: -4px;
    height: 36px;
    line-height: 36px
}
.g_buton {
    padding: 4px 15px;
    font: 500 14px/28px Poppins;
    color: #fff;
    background: #f27a1a;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}
.bank_icon img {
    width: 90px;
    float: left
}
.stokyok2 {
    bottom: 78px
}
#forta ul li a {
    font: 400 13px/18px 'Poppins'
}
#harama {
    border-radius: 3px
}
#kargozamani {
    font: 300 13px/39px 'Poppins'
}
#kargozamani b {
    font: 700 14px/39px 'Poppins'
}
#forta ul h6 {
    font:500 16px/18px 'Poppins';
    -webkit-transform: translateZ(0px);
}
.add_hemen_al {
    width: 35.5%!important;
    transition: all 450ms;
}
.add_hemen_al:hover{
    background: url('../images/icon-sepet-2.png') left center  no-repeat #444444;
}
.tukendi {
    width: 100%!important;
    margin-left: 0!important;
    padding: 0;
    text-align: center
}
.iadres {
    height: auto!important
}
#menu ul {
    display: flex;
    justify-content: space-between
}
.outlet {
    height:39px!important;
    font: 700 15px/43px 'Poppins'!important
}
.left {
    left: 0!important;
    border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -o-border-radius: 0 0 10px 0;
    -ms-border-radius: 0 0 10px 0;
    padding: 4px 8px 4px 2px
}
.right {
    right: 0!important;
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -o-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px;
    padding: 4px 0 4px 8px
}
#husag li a,
#husol li a {
    font: 400 12px/34px 'Poppins'
}
#husag li a {
    width: 100%
}
@media (max-width:900px) {
    #menu {
        border-top: 0px!important;
    }
    .kargonerede i {
        font-size: 18px!important;
        padding: 0;
    }

    .bank_icon img {
        width: 100%
    }
    .baloncuk {
        display: none
    }
    #menu ul {
        display: block
    }
    .outlet {
        height: 41px!important;
        background: #e6e6e6!important;
        border-left: 0 solid #d3d3d3;
        border-right: 0 solid #d3d3d3;
        color: #000!important;
        font: 500 16px/43px 'Poppins'!important
    }
}
.fiyatdusunce,
.wptelephone, .stokyokurun {
    font: 500 15px/28px 'Poppins';
}
.wptelephone {
    margin-left: 0;
    color: #fff;
    float: right;
    background: url(/assets/images/icon-telefonsiparis-1.png) left center no-repeat #4caf50;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    -ms-border-radius: 11px;
    border-radius: 1px;
    width: 100%;
    text-align: center;
    padding: 6px;
    margin-top: 5px;
    font-weight: bold;
}
#flogo {
    float: left;
    margin: 7px 0 0 18px
}

#menu ul li.column-4,
#menu ul li.column-5,
#menu ul li.column-6,
#menu ul li.megamenu {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    height: 100%;
    vertical-align: middle;
    position: static;
}
#menu ul li.column-4 ul,
#menu ul li.column-5 ul,
#menu ul li.column-6 ul {
    width: 100%!important;
    left: auto;
    right: 0;
    float: right
}
#menu ul li.column-1 .sagresim {
    width: 520px!important
}
#menu ul li.column-2 .sagresim {
    width: 650px!important
}
#menu ul li.column-3 .sagresim {
    width: 720px!important
}
#menu ul li.megamenu .sagresim {
    width: 100%!important
}
#menu ul li.column-1 .sagresim,
#menu ul li.column-2 .sagresim,
#menu ul li.column-3 .sagresim,
#menu ul li.column-4 .sagresim,
#menu ul li.column-5 .sagresim,
#menu ul li.column-6 .sagresim {
    padding-right: 250px!important;
    min-height: 300px!important
}
#menu ul li ul {
    width: 270px!important;
    left: -70px
}
#menu ul li ul li a {
    font: 400 15px/16px 'Poppins'!important;
    text-align: left!important
}
#menu ul li.column-2 ul {
    width: 433px!important;
    left: -140px;
    height: auto!important
}
#menu ul li.column-2 ul li,
#menu ul li.megamenu ul li ul li {
    width: 50%
}
#menu ul li.column-3 ul {
    width: 533px!important;
    left: -209px;
    height: auto!important
}
#menu ul li.column-3 ul li {
    width: 33.3%
}
#menu ul li.column-4 ul li {
    width: 25%
}
#menu ul li.column-5 ul li {
    width: 20%
}
#menu ul li.column-6 ul li {
    width: 16.66%
}
#menu ul li.megamenu ul {
    width: 100%!important;
    left: auto;
    right: 0;
    float: right;
    max-height: 500px
}
#menu ul li.megamenu ul li a {
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    font-weight: 700
}
#menu ul li.megamenu ul li ul {
    overflow: visible;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    display: block;
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, .5);
    padding: 0 5px;
    border-right: 1px solid #dedede;
    position: relative
}
#menu ul li.megamenu ul li ul li a {
    color: #86878a!important;
    border: 0;
    background: 0 0;
    height: auto;
    font: 400 14px/14px 'Poppins';
    margin-bottom: 12px!important;
    padding: 0 7px!important;
    white-space: nowrap;
    width: 100%;
    float: left
}
#menu ul li.megamenu ul li:last-child {
    position: relative;
    bottom: 0;
    display: block!important
}
#menu ul li.megamenu ul li.tumu {
    display: none!important
}
.erkekayakkabi {
    min-height: 120px!important
}
#galisveris {
    margin-top: 20px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .18)
}
#firsaturunleri {
    margin-top: 10px;
    padding: 10px 0
}
@media (min-width:900px) {
    #logo {
        left: 52px;
        top: 8px
    }
}
#logo {
    position: absolute;
    left: 24px;
    top: 28px;
    display: flex;
    width: 365px;
}

.sepet-header img {
    max-width: 320px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
}
@media (max-width:900px) {
    .add_hemen_al {
        width: 55%!important
    }
    #flogo {
        float: left;
        margin: 17px 0 4px 20px;
        display: none
    }

    .fuslidersectiklerimiz a {
        width: 50%!important
    }
    .ficsectiklerimiz {
        width: 94%;
        height: auto!important;
        margin: 5px;
        float: left
    }
    .ficsectiklerimiz img {
        float: none
    }
    .ficsectiklerimiz h3 {
        font: 700 16px/21px 'Poppins';
        margin-bottom: 8px
    }
}
.left_banner_right_product {
    width: 100%;
    float: left;
    padding: 5px 0 0
}
.left_banner_right_product h5 {
    width: 100%;
    float: left;
    padding: 10px;
    height: auto;
    margin-bottom: 0
}
.left_banner_right_product h5 span {
    font: 600 20px/24px 'Poppins';
    color: #000;
    text-align: center;
    padding: 0 20px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #444
}
.left_banner_right_product .banner_image_area {
    float: left;
    width: 75%;
    height: auto;
    position: relative
}
.left_banner_right_product .banner_image_area .product_area {
    text-align: center;
    height: auto;
    float: left;
    background: #fff;
    width: 96%;
    margin-left: 2%;
    padding: 0 7px;
    transition: all .5s;
    position: relative
}
.ikiliResim img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    background: #fff
}
.ikiliResim img:first-child {
    z-index: 1
}
.ikiliResim img:first-child:hover {
    opacity: 0
}
#fuslider .ikiliResim .katalt {
    position: absolute;
    padding: 0;
    left: 0;
    bottom: 0
}
.left_banner_right_product .banner_image_area .product_area h3 {
    width: 100%;
    float: left;
    color: #35383d;
    margin-top: 0;
    text-align: left;
    font: 700 14px/14px 'Poppins';
    padding: 4px 0 0
}
.left_banner_right_product .banner_image_area .product_area h3 .ext-name {
    font: 400 14px/16px 'Poppins';
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.left_banner_right_product .banner_image_area .product_area .price-old {
    color: #35383d;
    float: left;
    margin-right: 5px;
    text-decoration: line-through;
    font: 400 17px/20px 'Poppins'
}
.left_banner_right_product .banner_image_area a {
    float: left;
    padding: 10px;
    width: 100%;
    height: 420px
}
.left_banner_right_product .banner_image_area .product_area span {
    color: #32b773;
    float: left;
    font: 700 20px/20px 'Poppins';
    padding-bottom: 5px
}
.left_banner_right_product .banner_image_area .product_area img,
.left_banner_right_product .image_left img {
    width: 100%
}
.left_banner_right_product .banner_image_geri,
.left_banner_right_product .banner_image_ileri {
    top: 50%;
    margin-top: -10px;
    z-index: 7;
    cursor: pointer;
    position: absolute;
    opacity: .7;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e6eb;
    border-radius: 3px
}
.left_banner_right_product .banner_image_geri {
    left: 30px;
    background: url(../image/left.svg) left center/29px #fff no-repeat
}
.left_banner_right_product .banner_image_ileri {
    right: 32px;
    background: url(../image/right.svg) right center/29px #fff no-repeat
}
.left_banner_right_product .f_ileri {
    background: url(../image/right.svg) center center no-repeat;
    width: 15px;
    height: 12px;
    background-size: 10px;
    cursor: pointer;
    margin-left: 1px
}
.left_banner_right_product .f_geri {
    background: url(../image/left.svg) center center no-repeat;
    width: 15px;
    background-size: 10px;
    height: 12px;
    cursor: pointer;
    margin-right: 1px
}
.left_banner_right_product .image_left {
    width: 25%;
    float: left;
    height: auto;
    position: relative;
    padding:5px 15px 10px 0px;
}
.left_banner_right_product .solda {
    float: left!important
}
.left_banner_right_product .sagda {
    float: right!important
}
.firsatyeni .fic {
    width: 275px;
    box-shadow: none;
    border: 1px solid #ededed;
}
#firsaturunleri h5 span {
    background: #f3f6f9
}
.firsatyeni .banner_image_geri,
.firsatyeni .banner_image_ileri {
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -10px;
    z-index: 7;
    cursor: pointer;
    position: absolute;
    opacity: .7
}
.firsatyeni .banner_image_geri {
    left: -16px;
    background: url(../image/left.svg) left center/25px no-repeat
}
.firsatyeni .banner_image_ileri {
    right: -20px;
    background: url(../image/right.svg) right center/25px no-repeat
}
@media (max-width:900px) {
    .owl-carousel .owl-wrapper-outer {
    }
    .left_banner_right_product .banner_image_area,
    .left_banner_right_product .image_left {
        width: 50%
    }
    .left_banner_right_product .banner_image_area .owl-controls {
        display: none!important
    }
    .left_banner_right_product .banner_image_area .product_area span {
        font: 700 15px/15px 'Poppins'
    }
    .left_banner_right_product .banner_image_area .product_area .price-old {
        font: 400 13px/13px 'Poppins'
    }
    .left_banner_right_product .image_left {
        padding: 10px 12px
    }
    .left_banner_right_product .banner_image_area .product_area h3 {
        padding: 0;
        margin-top: 0
    }
    .firsatyeni .fic {
        width: 90%!important;
    }
    #fuslider a {
        width: 100%;
        position: relative;
        float: left
    }
    .firsatyeni .banner_image_geri {
        left: 0
    }
    .firsatyeni .banner_image_ileri {
        right: 0
    }
    .stokyok2 {
        bottom: 27px
    }
    .left_banner_right_product .banner_image_area a {
        height: auto
    }
    .visitorCount {
        display: none;
        width: 100%;
        top: 0;
        left: 0;
        height: 63px;
        padding: 0 10px;
        font-size: 12px;
        border-radius: 0;
        opacity: 1
    }
}
.icon.bank-p {
    width: 64px;
    height: 64px;
    float: left;
    background: url(../images/bank_icon.svg) center left repeat-x
}
.bank-detail {
    margin-left: 30px;
    max-width: 380px;
}
.baloncuk {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    top: -61px;
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 2px;
    color: #fff;
    animation-name: movie;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    z-index: 1;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    line-height: 23px;
}
.baloncuk::after{
    position: absolute;
    content: "";
    border: 5px solid transparent;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
}
.visitorCount {
    display: block;
    background-color: #1f1e1e;
    width: 208px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px;
    color: #c9c9c9;
    font-size: 12px;
    line-height: 17px;
    position: fixed;
    left: 15px;
    bottom: 90px;
    z-index: 6999999;
    border-radius: 5px;
    opacity: 1;
    transition: all .7s
}
.visitorCount .person {
    background-position: 0;
    height: 32px;
    width: 41px;
    padding-left: 5px;
    float: left;
    background: url(../images/person.png) left center no-repeat
}
.visitorCount .number {
    font-size: 13px;
    line-height: 16px;
    height: 30px;
    vertical-align: middle;
    display: block
}
.visitorCount .closeBtn {
    position: absolute;
    top: 0;
    right: 5px;
    cursor: pointer;
    color: silver;
    font-size: 20px
}
.hover-image {
    position: absolute;
    width: 416px;
    height: 600px;
    float: left;
    display: none;
    z-index: 11
}
.dozellik {
    width: 635px!important
}
.addtowishlist {
    display: block;
    color: #fff;
    float: left;
    font-size: 17px;
    width: 30%;
    padding: 5px;
    vertical-align: middle;
    line-height: 37px;
    text-align: center;
    border: 0;
    border-radius: 100px;
    margin: 20px auto 0 35%
}

.addtowishlist:hover {
    opacity:0.9;
}


@media (max-width:900px) {
    .visitorCount {
        position: absolute;
        left: 5px;
        top: 137px;
    }
    .dozellik {
        width: 100%!important
    }
    .addtowishlist {
        width: 100%;
        margin-left: 0
    }
}
#not {
    display: none!important
}
@media (max-width:900px) {
    #menu ul li a {
        text-align: left;
        border-bottom: 1px solid #d7d7d7;
    }
    #menu ul li.megamenu {
        height: auto;
        position: relative
    }
    #menu ul li.megamenu ul {
        width: 100%!important;
        float: left;
        overflow-y: scroll;
        max-height: 500px
    }
    #menu ul li ul li i {
        top: -7px!important
    }
}
.dropbtn {
    background-color: #f7f7f7;
    padding: 8px 6px;
    border: 0;
    height: 34px;
    cursor: pointer;
    font: 400 12px/13px Poppins
}
.dropbtn,
.dropbtn a:active,
.dropbtn a:visited {
    color: #636363
}
.dropdown {
    position: relative;
    display: inline-block
}
.dropdown-content {
    display: none;
    position: absolute;
    width: 100px;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1005;
    transition: all .3s
}
.currency_content {
    width: 100%;
    text-align: center
}
.dropdown-content a {
    color: #000;
    padding: 6px;
    text-decoration: none;
    display: block;
    font-size: 12px
}
.dropdown-content a:hover {
    background-color: #f1f1f1
}
.dropdown:hover .dropdown-content {
    display: block
}
.dropdown:hover .dropbtn {
    background: url(../images/golge-hover-1.png) top left repeat-x
}

@media (max-width:900px) {
    .dropdown:hover .dropdown-content {
        right: 0
    }
    .doviz {
        display: block;
        width: 15px
    }
    #husag li:nth-child(4) {
        display: block
    }
    .hfavori {
        font: 700 14px/43px Poppins
    }

    .bank-detail {
        margin-left: 0px;
    }
}
#header {
    z-index: auto
}
#menu ul li ul,
#sepetim {
    z-index: 1001
}

.alan_ac {
    opacity: 1;
    display: block
}
#menu{
    z-index: 9999
}

.alan_ac {
    z-index: 1000
}
.cd-hover-gal,
.katresim img {
    position: relative
}
.cd-hover-gal {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    opacity: 1;
    z-index: 2;
    touch-action: manipulation;
    transition: opacity .2s ease-in-out
}
.cd-hover-gal .owl-dots {
    height: 3px;
    background: #e5e7ea;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0
}
.cd-hover-gal:hover .owl-dots {
    opacity: 1
}
.cd-hover-gal .owl-dot {
    position: relative;
    padding: 0;
    outline: 0;
    border: 0;
    height: 3px;
    margin: 0;
    float: left
}
.cd-hover-gal .owl-dot.active {
    background: #f27a1a
}
.cd-hover-gal .view-more-span {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999
}
.cd-hover-gal  .owl-nav {
    display: none;
}
.owl-carousel {
    touch-action: manipulation
}

.tam input  , .tam select {
    border-radius: 0px;

}

.tam  .ftext  ,  .tam  .select ,.tam  select{
    height: 35px;
}


.btn-facebook {
    width: 100%;
    border-radius: 0px;
    float: left;
    padding: 8.5px;
    text-align: center;
    background: #3b5998;
    color: #fff;
}
.btn-facebook i {
    float: left;
    font-size: 18px;
}
.m_user {
    height: 34px;
    padding: 9px 9px;
    float: left;
    font-size: 18px;
}

.tablar .tab_ic {
    width: 50%;
    float: left;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    position: relative;
    border: 1px solid #000;
}
.tablar .tab_ic.aktif {
    color: #fff;
    background: #000;
}
.tablar .tab_ic.aktif:before {
    content: '\f0d7';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    color: #000000;
    line-height: 0;
    font-size: 23px;
    font-weight: 600;
}

#menu  .standart  .mm2 .list-unstyled {
    width: 100%!important;
    left: 0px;
    float: left;
    position: relative;
    box-shadow: none;
    top: 0px;
    right: auto;
    padding: 0px;
    left: 5px;
    display: block;
}
#menu .standart .mm2 .list-unstyled li:last-child {
    position: relative!important;
    display: block!important;
}
#menu .standart #deneme  > li > a {
    width: 95%;
}

#menu .standart .standart_alt .list-unstyled li {
    width: 100%!important;
}

#menu .standart .standart_alt .micm {
    font-weight: 500;
}
@media (max-width: 900px){

    .arrow_desk {
        display: none;
    }
    #menu .standart .mm2 .list-unstyled {
        margin-left: 5px;
    }

    #menu ul li.column-1 .sagresim,
    #menu ul li.column-2 .sagresim,
    #menu ul li.column-3 .sagresim,
    #menu ul li.column-4 .sagresim,
    #menu ul li.column-5 .sagresim,
    #menu ul li.column-6 .sagresim {
        padding-right: 0px!important;
        min-height: 1px!important
    }
    #menu ul li.column-4,
    #menu ul li.column-5,
    #menu ul li.column-6,
    #menu ul li.megamenu {
        height: auto;
        position: relative;
    }
    #menu ul li.colf7f8 40%, #f6f7f8 100%);
    background-size: 1150px 104px;
}
.sepet-header {
    width: 100%;
    height: 100px;
    display: flex;
    padding: 7px 0;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e2e6eb;
    background-color: #ffffff;

}
.header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9;
}ft: 0px;
top: 0px;
z-index: 1000;
float: left;
}

.sol-alt-kose {
    width:auto;
    height: auto!important;
    position: absolute;
    left: 0px;
    bottom:80px;
    z-index: 1000;
    float: left;
}

.sag-alt-kose {
    width: auto;
    height: auto!important;
    position: absolute;
    right: 0px;
    bottom:80px;
    z-index: 1000;
    float: left;
}
.sol-alt-kose img , .sag-alt-kose img , .sol-ust-kose img {
    max-width: 100%;
}

.kargo_name {
    margin-top: 33px;
    float: left;
    width: 100%;
    height: 64px;
    font-weight: bold;
}
@media (max-width: 900px) {
    .sag-alt-kose , .sol-alt-kose ,.sol-ust-kose {
        width: 45px;
        height: 45px;
    }

    .kargo_name {
        padding-top: 10px;
        line-height: 20px;
    }
}
.w100 {
    width: 100%!important;
    height: 410px;
}

.fix-sepet {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
    width: 100%;
    border-radius: 0;
    height: 56px;
    background-color: #f8f8f8;
    border-top: 1px solid #d3d3d3;
    display: none;
    padding: 0px;
}

.fix-sepet-price {
    width: 31%;
    float: left;
    left: 0px;
    background-color: #f5f5f5;
    color: #000;
    line-height: 55px;
    padding-left: 10px;
    padding-right: 5px;
}

.fix-price-old {
    height: 25px;
    display: block;
    font-size: 75%;
    text-decoration: line-through;
    line-height: 40px;
    font-weight: 400;
    color: #6c6c6c;
}

.fix-price-new {
    font-size: 100%;
    line-height: 25px;
    padding: 0px;
    display: block;
    height: 25px;
    font-weight: 400;
}

.fix-sepet2 {
    float: left;
    color: white;
    text-align: center;
    display: block;
    width: 65%;
    border-radius: 3px;
    height: 44px;
    margin: 5px  5px  0px  5px;
    font: 500 15px/45px Poppins;
}

.swal2-modal .swal2-title {
    line-height: 0.8;
}

.sic {
    height: 100%;
    padding-bottom: 21.37%;
    margin-bottom: 21px;
    /*margin-top: -1px;*/
}

#mansetslider{
    height: auto;
    margin-bottom: 8px;
    clear: both;
    display: flex;

}


.bg {
    background-position: center center!important;
    background-attachment: scroll !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}
.w100 {height: auto}

@keyframes LazyLoad{
    0%{background-position:-1170px 0}
    100%{background-position:1170px 0}
}

.load {
    animation: LazyLoad 2s infinite linear forwards;
    -webkit-animation: LazyLoad 2s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-size: 1150px 104px;
    display: block;}


.load2 {
    animation: LazyLoad 2s infinite linear forwards;
    -webkit-animation: LazyLoad 2s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-size: 1150px 104px;}


.item-preview {
    animation: LazyLoad 10s infinite linear forwards;
    -webkit-animation: LazyLoad 10s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-size: 1150px 104px;}

.animated  {
    animation: LazyLoad 10s infinite linear forwards;
    -webkit-animation: LazyLoad 2s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-size: 1150px 104px;
}

.header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9;
}
.flistdelete {
    height: 30px;
    padding: 0 28px;
    float: right;
    color: #fff;
    background: #b5b5b5;
    font: 500 12px/30px Poppins;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: block;
    position: relative;
    border-bottom: 1px solid #000000;

}

.flistdelete:hover {
    background: #35383d!important;

}

.filterust {
    font-size: 13px;
    width: auto;
    height: 39px;
    padding: 9px 9px 0px 5px;
    float: left;
    position: relative;
    border-right: 1px solid #ebebeb
}

@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes hideSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes animate-success-tip {
    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animate-success-tip {
    0%,
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animate-success-long {
    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animate-success-long {
    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12%,
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0%,
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12%,
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes animate-x-mark {
    0%,
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animate-x-mark {
    0%,
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes tada {
    0%,
    to {
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

@keyframes movie {
    0%{
        top: -61px;
    }
    50% {
        top: -57px;
    }
    100% {
        top: -61px;
    }
}

.hidden {
    display: none!important;
}