@import url("Pikare.css?v=02"); @font-face {
    font-family: TL;
    src: url(abakutlsymsans.eot);
    src: url(abakutlsymsans.eot?#iefix) format("embedded-opentype"),url(abakutlsymsans.woff) format("woff"),url(abakutlsymsans.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: ZWFont1;
    src: url("PFDinTextCondPro-Regular.eot");
    /* IE9 Compat Modes */
    src: url("PFDinTextCondPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */url("PFDinTextCondPro-Regular.otf") format("opentype"), /* Open Type Font */url("PFDinTextCondPro-Regular.svg") format("svg"), /* Legacy iOS */url("PFDinTextCondPro-Regular.ttf") format("truetype"), /* Safari, Android, iOS */url("PFDinTextCondPro-Regular.woff") format("woff"), /* Modern Browsers */url("PFDinTextCondPro-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: ZWFont2;
    src: url("PFDinTextPro-Light.eot");
    /* IE9 Compat Modes */
    src: url("PFDinTextPro-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */url("PFDinTextPro-Light.otf") format("opentype"), /* Open Type Font */url("PFDinTextPro-Light.svg") format("svg"), /* Legacy iOS */url("PFDinTextPro-Light.ttf") format("truetype"), /* Safari, Android, iOS */url("PFDinTextPro-Light.woff") format("woff"), /* Modern Browsers */url("PFDinTextPro-Light.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

/************** duzenle MERVE **************************/
.divAnaDuyuru {
    position: relative;
    display: inline-block;
    width: 100%;
}

.divAnaDuyuru > div:first-of-type {
}

.divSlideUrunAd {
    text-align: center;
    color: #323438;
    margin: 20px auto 10px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.divSlideUrunFiyat {
    text-align: center;
    color: #000000;
    font-size: 16px;
}

.aSagIcerik {
    font-family: ZWFont2;
    color: #000000;
}

#owl-slide3 .item > div:first-of-type span:last-of-type {
    padding: 1.5% 3%;
    font-size: 11px;
    font-family: ZWFont2;
    letter-spacing: 1px;
    BACKGROUND-COLOR: #44b7a7;
    color: #ffffff;
}

.lblSagIcerik {
    font-family: ZWFont2;
    color: #4a4a4a;
    letter-spacing: 0.4px;
    font-size: 13px;
    line-height: 30px;
    margin: 5% auto 7%;
}

.lblSagBaslik {
    font-size: 20px;
    letter-spacing: 1px;
}

#owl-slide3 .item > div:first-of-type {
    margin-top: 2%;
    display: table-cell;
    vertical-align: middle;
    float: right;
    padding: 3% 3%;
    font-family: Zwfont2;
    font-size: 14px;
    line-height: 200%;
}

.divAnaDuyuruIc {
    z-index: 9999;
    position: relative;
    width: calc(50% - 10px);
}

.divAnaDuyuruIc > div:nth-of-type(1) {
    background-color: #fff;
    display: table;
    margin-top: 0%;
}

.divAnaDuyuruIc > div:nth-of-type(1) > div:nth-of-type(1) {
    padding: 15%;
}

.divAnaDuyuruIc > div:nth-of-type(1) > div:nth-of-type(2) {
    display: table-cell;
    vertical-align: middle;
    float: none;
    font-family: Zwfont2;
    font-size: 14px;
    line-height: 200%;
    width: 55%;
}

.divAnaDuyuruIc > a {
    position: relative;
    display: table;
    background-color: #efede9;
    font-family: Zwfont2;
    font-size: 16px;
    letter-spacing: 3px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 100%;
    z-index: 9999;
    position: relative;
    margin: -60px auto;
}

.divAnaDuyuru .owl-buttons {
    position: relative;
    width: 160px;
    margin-left: 52%;
}

.divAnaDuyuru .owl-buttons > owl-prev {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.divAnaDuyuru .owl-buttons > div {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 55px;
    height: 40px;
    display: block;
    background-size: contain!important;
    margin-top: -40%;
}

.divAnaDuyuru .owl-buttons > .owl-prev {
    background: url(../img/navleft.png) no-repeat center;
}

.divAnaDuyuru .owl-buttons > .owl-next {
    background: url(../img/navright.png) no-repeat center;
}

.divAnaAltBanners {
    display: table;
    width: 100%;
    margin: 10px auto;
    position: relative;
    display: none;
}

.divAnaAltBanners > .aAnaBanner:nth-of-type(1) {
    width: 50%;
}

.divAnaAltBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB1 {
}

.divAnaAltBanners > .aAnaBanner:nth-of-type(1) > .divAnaBannerB span::after {
    content: 'VE';
    padding-left: 10px;
}

input[type="date"] {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
    color: #000;
    content: attr(placeholder);
}

.divAnaAltBanners > .aAnaBanner:nth-of-type(2) {
    width: 50%;
}

.divAnaAltBanners > .aAnaBanner:nth-of-type(2) .divAnaBannerB1 {
}

.divAltBannerB {
    position: absolute;
}

/************** Duzenle MERVE **************************/
/* Zeki Alert ############### */
.modalBackgroundUP {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    opacity: 0.8;
    z-index: 1000;
}

.modalBackgroundUP table {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.modalBackground {
    background-color: black;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 1000;
}

.divAlertBack {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.7;
}

.divAlertCerceve {
    display: none;
    position: fixed;
    top: 50%;
    left: 0%;
    z-index: 100001;
    width: 100%;
    height: 150px;
    margin-top: -100px;
    background-color: #232323;
    opacity: 1;
    color: #ffffff;
}

.divAlertCerceveIc {
    font-family: Arial;
    position: relative;
    left: 50%;
    width: 980px;
    margin-left: -500px;
    padding: 10px;
}

.divAlertCerceveIc span {
    font-size: 26px;
    height: 50px;
    display: block;
}

.divAlertCerceveIc p {
    font-size: 16px;
    min-height: 50px;
}

.divAlertCerceveIc input {
    float: right;
    border: solid 2px #ffffff;
    padding: 5px 15px;
    background-color: #232323;
    margin: 2px;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
}

.divAlertCerceveIc input:hover {
    background-color: #0050ef;
}

@media screen and (max-width: 1050px) {
    .divAlertCerceveIc {
        position: relative;
        left: 10%;
        width: 80%;
        margin-left: 0px;
        padding: 10px;
    }
}

/* Zeki Alert ############### */
.btnUDPaylas {
    width: 100px;
    height: 40px;
    background: no-repeat left center;
    background-size: 25px 25px;
    margin-left: 5px;
    font-size: 13px;
    font-family: ZWFont1;
    text-decoration: underline;
    text-transform: uppercase;
    background-image: url(../img/ico-paylas.png);
}

.divAMPaylas {
    position: absolute;
    top: 60px !important;
    left: 0px!important;
    z-index: 10;
    padding: 20px!important;
    height: 195px;
    width: 285px!important;
    background-color: #fff;
    border: 1px solid #d7d7d8;
}

.divAMPaylas> * {
    margin-bottom: 20px;
    font-family: ZWFont1;
    font-size: 11px;
    line-height: 13px;
    color: #000;
    text-align: left;
}

.divAMPaylas > .link {
    display: block;
    height: auto;
    width: 100%;
    padding: 10px 15px;
    overflow: hidden;
    font-family: ZWFont2;
    font-size: 12px;
    line-height: 18px;
    color: #6d6f71;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
    white-space: nowrap;
    cursor: pointer;
    background-color: #f3f3f3;
    border: 1px solid #d7d7d8;
    outline: none;
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.divAMPaylas > div > .icon {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background-size: contain;
    display: inline-block;
}

.divAMPaylas > div > .shareWApp {
    background-image: url(../img/whatsapp.png);
}

.divAMPaylas > div > .sharePin {
    background-image: url(../img/pinterest.png);
}

.divAMPaylas > div > .shareFace {
    background-image: url(../img/facebook.png);
}

.divAMPaylas > div > .shareTwit {
    background-image: url(../img/twitter.png);
}

.divAMPaylas > div > .shareMail {
    background-image: url(../img/mail.png);
}

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

.divSSepetSSil .btnSSSil {
    width: 20px;
    height: 20px;
    border: none;
    background: url(../img/btnSepetKaldir.png) no-repeat center center;
    background-size: contain;
}

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

.divYukle > a {
    padding: 10px 25px;
    font-family: ZWFont1;
    font-size: 14px;
    color: #000000;
    border: 1px solid;
    position: relative;
    left: -30px;
}

.divAMSepetBaslik > span:first-child > span {
    font-size: 12px;
    position: absolute;
    top: -35px;
    right: 100px;
}

.divAMSepetBaslik > span:first-child > span:before {
    content: '(';
}

.divAMSepetBaslik > span:first-child > span:after {
    content: ')';
}

.divAMSepetBaslik > span:first-child {
    display: block;
    margin-left: 25px;
    color: #000000;
    /* border-bottom: 1px solid #ededed; */
    font-family: "ZWFont2";
    font-size: 15px;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: -25px;
    letter-spacing: 1px;
}

.textCenter {
    position: absolute!important;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-family: ZWFont1;
}

.textCenter > div {
    display: block;
    margin: auto auto!important;
    font-size: 20px;
    font-family: ZWFont2;
    color: #ffffff;
    line-height: 60px;
    font-weight: bold;
    letter-spacing: 5px;
}

.textCenter .divAnaBannerB1 {
    text-align: center;
    BACKGROUND-COLOR: #44b7a7;
    line-height: 30px;
    width: 45%;
}

.textCenter .divAnaBannerB1 > span {
    font-size: 11px;
    letter-spacing: 2px;
}

.divUDPaylas {
    text-align: left;
    margin-top: 10px;
    width: auto;
    float: left;
    position: relative;
}

.divUDPaylas> a:first-of-type {
    background-image: url(../img/ico-paylas.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    position: absolute;
    height: 25px;
    right: 80px;
    top: 10px;
    display: block;
}

.divUDPaylas> a:nth-of-type(2) {
    position: relative;
    text-decoration: underline;
    font-family: ZWFont1;
    font-size: 13px;
    line-height: 40px;
    padding: 0 20px 0 20px;
    top: 1px;
}

.divUDTaksit {
    width: auto;
    float: right;
    margin-top: 10px;
}

.divUDTaksit > a {
    display: block;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
    text-decoration: underline;
}

.divUDKargo {
    display: table;
    width: 100%;
    position: relative;
}

.divUDKargo span {
    font-family: 'ZWFont1';
    font-size: 12px;
    color: #ffffff;
    background-color: #b99d6b;
    display: block;
    float: right;
    padding: 5px 5px;
    width: 165px;
    display: none;
}

.divUdTarih {
    position: relative;
    width: 100%;
    display: table;
    margin-bottom: 15px;
}

.divUdTarih input {
    height: 45px;
    width: calc(100% - 60px);
    line-height: 45px;
    text-indent: 10px;
    border: 1px solid #dfdfdf;
}

.divUdTarih a {
    float: right;
    border: 2px solid #fff;
    padding: 0px 18px;
    border-radius: 50%;
    background-color: #ccc;
    color: #fff;
    font-size: 20px;
    line-height: 45px;
}

#owl-galeri1 {
    position: relative;
}

#owl-galeri1 .owl-buttons {
    /* width: 85px; */
    /* position: absolute; */
    /* top: -46px; */
    /* right:3px; */
    /* margin-left: -35%; */
}

#owl-galeri1 .owl-buttons {
}

#owl-galeri1 .owl-next {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: url(../img/navright3.png) no-repeat center #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
    margin-bottom: 10%;
    top: 50%;
    right: -20px;
    margin-top: 0px;
    background-size: 50%;
}

#owl-galeri1 .owl-prev {
    /* margin-left: -8%; */
    z-index: 9;
    background: url(../img/navleft3.png) no-repeat center #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100%;
    /* bottom: 0; */
    margin-bottom: 10%;
    top: 50%;
    left: -20px;
    margin-top: 0;
    background-size: 50%;
}

/* SABITS */
body {
    margin: 0px;
    background-color: #fff;
    color: #000;
    font-family: ZWFont1, Arial;
    font-size: 13px;
    line-height: 1.42857143;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type=checkbox], input[type=radio] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px !important;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox] + label, input[type=radio] + label {
    padding-left: 30px;
    padding-right: 10px;
    height: 25px;
    font-family: ZWFont1;
    margin: 2px;
    display: inline-block;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-image: url(../img/toolCheck2.png);
    font-size: 12px;
    color: #000000;
    background-size: 24px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

input[type=checkbox]:checked + label, input[type=radio]:checked + label {
    background-image: url(../img/toolCheck2.png);
    background-position: 0 -25px;
}

select {
    border: solid 1px #545759;
    background-color: #fff;
    padding: 5px 10px;
    height: 29px;
    font-family: ZWFont2;
    font-size: 11px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    background: url(../img/icoDDOk.png) no-repeat right center;
    max-width: 100%;
}

*::-webkit-scrollbar {
    width: 3px;
    background-color: #eee;
}

/**::-webkit-scrollbar-button:vertical:increment { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px -15px; }
*::-webkit-scrollbar-button:vertical:decrement { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px 0px; }*/
*::-webkit-scrollbar-track {
    background-color: #ccc;
    width: 1px;
    border: 1px solid #fff;
}

*::-webkit-scrollbar-button {
    display: none;
}

*::-webkit-scrollbar-thumb {
    background-color: #000;
}

.tl {
    font-family: TL;
    font-size: 85%;
}

.tl2 {
    font-family: TL;
    font-size: 85%;
}

.tl3 {
    font-family: TL;
    font-size: 85%;
}

.tl4 {
    font-family: TL;
    font-size: 85%;
}

#myBar {
    width: 0px;
    height: 3px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    background-color: red;
}

.acIcerikUrun {
    cursor: pointer;
    padding: 10px 5px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: #e9e9e9 1px solid;
    border-left: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
    color: #333333;
    font-size: 12px;
    vertical-align: middle;
}

.acIcerikUrun2 {
    cursor: pointer;
    padding: 10px 5px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: #e9e9e9 1px solid;
    border-left: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
    color: #9b3799;
    font-size: 12px;
    vertical-align: middle;
}

.icoWhatsApp {
    background: url(../img/icoWhatsApp.png) no-repeat center center;
    background-size: auto;
}

.icoTelefon {
    background: url(../img/icoTelefon.png) no-repeat center center;
    background-size: auto;
}

/* default h's */
/* tum fomrlarin/inputlarin defaultlari */
/**********************************/
/* GENEL */
.divContainer {
    position: relative;
    display: block;
    margin: auto auto;
    width: calc(100% - 100px) !important;
}

.divContainerBack {
    width: 100%;
}

.divSayfaPasif {
    display: none;
    position: absolute;
    top: 0px;
    z-index: 100;
    width: calc(100%);
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
}

.divMenuUstSabit {
    display: table;
    width: 100%;
    background-color: #000;
    color: #fff;
    line-height: 35px;
}

.ulUstSabit {
    display: table;
    float: left;
    color: #fff;
}

.ulUstSabit li {
    float: left;
    margin-right: 20px;
    background-position: left center;
}

.ulUstSabit li:before {
    margin-right: 15px;
    content: "|";
}

.ulUstSabit li:first-of-type:before {
    margin-right: 0px;
    content: "";
}

.ulUstSabit .icoWhatsApp, .ulUstSabit .icoTelefon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 3px 5px -7px 0px;
}

.ulUstSabit .icoWhatsApp:before, .ulUstSabit .icoTelefon:before {
    margin-right: 0px;
    content: "";
}

.divUstDil {
    padding-left: 35px;
    background: no-repeat left center url(../img/icoTR.png);
}

.divMenuUst {
    display: block;
    width: 100%;
}

.divMenuUstMesaj {
    background-color: #000;
    line-height: 30px;
    color: #fff;
    text-align: center;
    letter-spacing: 4px;
    font-size: 11px;
    font-family: ZWFont2;
}

.divMenuIc {
    position: relative;
    display: table;
    width: 100%;
    padding: 0px 0px;
    margin: auto auto;
}

.divMenuIcFixed {
    position: fixed;
    z-index: 111;
    top: 0px;
    background-color: #fff;
    border-bottom: solid 1px #f0f0f0;
}

.divMLeft {
    position: fixed !important;
    z-index: 200;
    top: 0px;
    left: -100%;
    width: 100% !important;
    height: 100%;
    margin: 0px 0px 0px 0px !important;
    overflow-y: auto !important;
    background-color: #ffffff;
    border: solid 0px #dfdfdf;
}

.divMLeft > * {
    padding: 10px 0px 0px 10px;
    border-bottom: solid 1px #ededed;
}

.divMLeft > *:last-child {
    border-bottom: none;
}

.divMLeftBaslik {
    display: none;
    background-color: #1eb1e7;
}

.aMLeftLogo {
    display: inline-block;
    width: 100px;
    height: 50px;
    background: url(../img/logoMLeft.png) no-repeat center center;
    background-size: cover;
}

.aMLeftKapat {
    float: right;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-top: 16px;
    background: url(../img/btnMLeftKapat.png) no-repeat center center;
    background-size: contain;
}

.divMLeftAltGoster {
    display: none !important;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 15px;
    height: 15px;
    background: url(../img/btnMLeftAlt.png) no-repeat center center;
    background-size: contain;
}

.divMMenu {
    display: none;
    width: 25px;
    height: 25px;
    background: url(../img/btnMMenu.png) no-repeat center center;
    margin-top: 14px;
    background-size: cover;
    margin-left: 10px;
    padding-right: 10px;
    z-index: 999;
}

.aLogo {
    display: block;
    width: 250px;
    height: 90px;
    background: url(../img/logo.png) no-repeat center center;
    background-size: contain;
}

.aMenuHome {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icoHome.png) no-repeat center center;
}

.navMenuUst {
    border-top: solid 1px #f0f0f0;
    BACKGROUND-COLOR: #1EB1E8;
}

.navMenuUst > ul {
    display: table;
    margin: auto auto;
}

.navMenuUst > ul > li {
    float: left;
}

.navMenuUst > ul > li:nth-last-child(2) > a {
    color: #FFFFFF;
}

.navMenuUst > ul > li:hover {
    text-decoration: underline;
}

.navMenuUst > ul > li > a {
    padding: 0 17px;
    font-size: 12px;
    line-height: 350%;
    font-family: ZwFont1;
    display: block;
    letter-spacing: 1px;
    COLOR: #FFFFFF;
}

/*.navMenuUst > ul > li > a:last-of-type { margin-right: 0px; }*/
.navMenuUst > ul > li > div {
    display: none;
    position: absolute;
    left: 0;
    top: 132px;
    z-index: 110;
    width: 100%;
    background-color: rgba(255,255,255,0.98) !important;
    border-bottom: solid 1px #ededed;
    border-top: solid 1px #ededed;
}

.navMenuUst > ul > li > div > div {
    display: table;
    background-color: #ffffff;
    margin: auto;
    min-width: 850px;
    max-width: 1000px;
}

.navMenuUst > ul > li > div > div > * {
    float: left;
    display: table;
    padding: 25px 35px;
    line-height: 35px;
}

.navMenuUst > ul > li > div > div > ul > li {
    display: block;
}

.navMenuUst > ul > li > div > div > ul > li:first-child {
    display: none;
}

.navMenuUst > ul > li > div > div > ul > li > a {
    display: block;
    width: 100%;
    font-size: 13px;
    font-family: ZWFont1;
    /* letter-spacing: 1px; */
    /* font-weight:  bold; */
}

.navMenuUst > ul > li > div > div > ul > li > a:hover {
    text-decoration: underline;
}

.navMenuUst > ul > li > div > div > ul > li > ul > li > a {
    position: relative;
    display: block;
    font-size: 13px;
    font-family: ZWFont2;
    /* letter-spacing: 1px; */
    color: #737373;
    padding-left: 15px;
}

.navMenuUst > ul > li > div > div > ul > li > ul > li > a:before {
    position: absolute;
    content: "";
    background: url(../img/icoKategori.png);
    left: 0;
    top: 15px;
    width: 6px;
    height: 5px;
    background-size: contain;
}

.navMenuUst > ul > li > div > div > ul > li > ul > li > a:hover {
    text-decoration: underline;
}

.navMenuUst > ul > li > div > div > ul > li > ul > li:first-of-type > a {
    color: #000;
}

.navMenuUst > ul > li > div > div > ul > li:last-of-type a {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.navMenuUst > ul > li > div > div > ul > li:nth-of-type(6) > ul {
    display: none;
}

.divMenuUstTool {
    margin: -40px 0px -13px 0px;
    cursor: pointer;
}

.divMenuUstTool > * {
    margin-left: 0px;
    position: relative;
    float: left;
    z-index: 100;
}

.btnMAra, .btnMKullanici, .btnMSepet {
    width: 40px;
    height: 40px;
    background: no-repeat center top;
    background-size: 50%;
    line-height: 65px;
    margin-left: 0px;
    font-size: 10px;
    letter-spacing: 1px;
    color: #ffffff !important;
}

.btnMAra {
    background-image: url(../img/icoArama.png);
    /* position:  absolute; */
    /* left: 34px; */
    /* top: 10px; */
    COLOR: #FFFFFF !important;
}

.btnMKullanici {
    background-image: url(../img/icoKullanici.png);
}

.btnMSepet {
    background-image: url(../img/icoSepet.png);
}

.divMenuSiparis {
    float: left;
    margin-right: 10px;
    width: 27px;
    height: 27px;
    position: relative;
}

.divMenuSiparis > a {
    background-image: url(../img/siparistakip.jpg);
    background-repeat: no-repeat;
    display: block;
    width: 27px;
    height: 27px;
}

.divMenuSiparis > span {
    position: absolute;
    bottom: 0px;
    right: 10px;
    width: 19px;
    height: 19px;
    padding-top: 3px;
    background: url(../img/icoSepetAdet.png) no-repeat center center;
    color: #fff;
    text-align: center;
    font-size: 13px;
    animation: divSepetZil 9s .4s ease-in-out infinite;
    transform-origin: 50% 12px;
}

.divMenuSepet {
    display: inline-block;
    position: relative;
    padding-right: 7px;
}

.divMenuSepet > span {
    position: absolute;
    bottom: 15px;
    left: 10px;
    width: 13px;
    height: 13px;
    padding-top: 2px;
    border-radius: 100%;
    background-color: #ffffff;
    color: #1eb1e7;
    text-align: center;
    font-size: 8px;
    animation: divSepetZil 12s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

.divMenuAltSabit {
}

.divAltMenuCerez {
    position: fixed;
    left: 10px;
    bottom: 20px;
    text-align: left;
    width: 500px;
    padding: 10px;
    border-radius: 10px;
    background-color: #000;
    opacity: 0.7;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
}

.divAltMenuCerez .altMenuCerezKapat {
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 15px;
}

.divMenuAlt {
    margin-top: 20px;
    padding: 1.5% 0;
}

.divSMSabit {
    position: fixed;
    display: inline-block;
    right: 10px;
    top: 50%;
    margin-top: -170px;
    font-size: 13px;
    color: #000;
    letter-spacing: 1px;
}

.divSMSabit * {
    writing-mode: tb-rl;
    display: block;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 40px;
    padding-left: 10px;
}

.divSMSabit .aSMFace:before, .divSMSabit .aSMInstagram:before, .divSMSabit .aSMTwitter:before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0;
    top: auto;
    width: 20px;
    height: 20px;
    /* background-image: url(../img/icoSM.png); */
    background-color: transparent;
    background-repeat: no-repeat;
}

.tblAltAciklama1 {
    width: 100%;
    background-color: #e7e7e7;
    font-size: 14px;
    text-align: center;
    border-collapse: separate;
    border-spacing: 10px;
}

.tblAltAciklama1 td {
    border-right: solid 1px #bfbfbf;
}

.tblAltAciklama1 td:last-of-type {
    border-right: none;
}

.tblAltAciklama1 img {
    padding: 5px;
}

.divEBulten {
    margin: auto;
    text-align: center;
    font-size: 14px;
}

./*divEBultenBaslik { position: relative; margin: 40px 0px -15px 0px; font-size: 18px; text-align: center; font-weight: bold; letter-spacing: 1px; }
.divEBultenBaslik:before { content: " "; position: absolute; top: 15px; left: 0px; width: 100%; border-top: solid 1px #000;  }
.divEBultenBaslik div:first-of-type { position: relative; display: inline-block; background-color: #fff; }
.divEBultenBaslik div:first-of-type:before { content: " "; position: absolute; top: 0px; left: -20px; width: 20px; height: 20px; background-color: #fff; }
.divEBultenBaslik div:first-of-type:after  { content: " "; position: absolute; top: 0px; right: -20px; width: 20px; height: 20px; background-color: #fff; }
.divEBultenBaslikIcon { width: 70px; height: 20px; background: url(../img/icoReyonAlt.png) no-repeat center center; }*/
.divEBultenDetay {
    display: table;
    width: 100%;
    padding: 10px 0px 10px 0px;
}

.divEBultenDetay > div:first-of-type {
    font-size: 18px;
    line-height: 38px;
    letter-spacing: 3px;
    font-family: Zwfont2;
    color: #333333;
}

.divEBultenDetay > div:nth-of-type(2) {
    margin-top: 10px;
}

.divEBultenDetay > div:nth-of-type(3) {
    display: table;
    width: 400px;
    margin: 15px auto;
    border: solid 1px #000;
}

.txtEBulten {
    font-family: Zwfont1, Arial;
    line-height: 50px;
    border: none;
    background-color: transparent;
    width: 25%;
    display: block;
    margin: auto;
    color: #4a4a4a;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-align: center;
    text-indent: 5px;
    border-bottom: 1px solid #000000;
}

.btnEBulten {
    float: none;
    margin: auto;
    border: solid 1px #000000 !important;
    padding: 10px 25px;
    font-family: ZWFont2;
    color: #000000!important;
    font-size: 13px;
    margin-top: 20px;
    letter-spacing: 2px;
}

.divAltAciklama2 {
    display: table;
    margin-top: 25px;
    width: 100%;
    font-size: 14px;
}

.divAltAciklama2 > img {
    display: block;
}

/*.divAltAciklama2 img:last-of-type { margin: 0px 15px 0px 40px; }
.divAltAciklama2 h6 { display: inline-block; }*/
.divAltAciklama2 div {
}

.divMenuAltDetay {
    display : table;
    position: relative;
    margin-top: 50px;
    padding-top: 40px;
    width: 100%;
    border-top: solid 1px #ededed;
}

.divMenuAltDetay > div {
    display: table;
    width: 80%;
}

.divMenuAltDetay > div > div {
    float: left;
}

.divMenuAltDetay > div > div a {
    display: block;
    color: #333333;
    font-size: 13px;
    line-height: 30px;
    font-family: ZWFont2;
    /* letter-spacing: 0.5px; */
}

.divMenuAltDetay > div > div a:hover {
    text-decoration: underline;
}

.divMenuAltDetay > div > div > a:first-of-type {
    /* margin-bottom: 10px; */
    color: #333333;
    font-size: 14px;
    /* border-bottom: solid 1px #000; */
    font-family: ZWFont1;
    letter-spacing: 1px;
}

.divMenuAltDD {
    padding: 5px;
    margin: 10px 0px 0px 0px;
    border: solid 1px #e5e5e5;
    background: none;
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
    appearance: menulist;
}

.ds {
    display: table;
    float: left;
    width: 100%;
    background-color: #fff;
    color: #2fac68 !important;
    font-size: 14px !important;
}

.ds a {
    display: none;
    border-bottom: 0px !important;
    margin: auto;
    line-height: 240% !important;
    font-size: 100% !important;
    color: #2fac68 !important;
    font-family: "ZWFont1";
    letter-spacing: 1px;
}

.ds a span {
    display: block;
    float: left;
    margin-right: 5px;
    color: #2fac68;
    font-size: 120%;
    line-height: 200%;
    font-weight: 400;
}

.ds a img {
    width: 0px;
    float: left;
    height: 30px;
    margin-top: 2px !important;
    margin-right: 0px !important;
    transition: width .3s;
}

.ds:hover #ds {
    width: 125px;
    margin-right: 5px !important;
    transition: width .5s;
}

.divSM {
    float: left;
    display: table;
    font-size: 15px;
    color: #333333;
    width: 61%;
    margin-top: 10px;
}

.divSM > * {
}

.divSM > a {
    float: left;
    display: block;
    position: relative;
    width: auto;
    padding-left: 25px;
    height: 40px;
    line-height: 24px;
}

.aSMFace:before, .aSMTwitter:before, .aSMInstagram:before, .aSMPinterest:before, .aSMLinkedIn:before, .aSMGoogle:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    width: 15px;
    height: 15px;
    /* background-color: #c6c8ca; */
    /* background-image: url(../img/icoSM.png); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.aAppIos {
    background-image: url(../img/app_ios.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px !important;
    height: 20px !important;
}

.aAppGp {
    background-image: url(../img/app_android.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px !important;
    height: 20px !important;
}

.aSMFace:before {
    background-image: url(../img/ico-face.svg);
}

.aSMTwitter:before {
    /*background-position: 0px -40px;*/
}

.aSMInstagram:before {
    background-image: url(../img/ico-instagram.svg);
}

.aSMPinterest:before {
    background-position: 0px -120px;
}

.aSMLinkedIn:before {
    background-position: 0px -160px;
}

.aSMGoogle:before {
    background-position: 0px -200px;
}

.divAMDefault {
    display: none;
    position: absolute;
    right: 0px;
    top: 136px;
    z-index: 101;
    background-color: #fff;
    padding: 14px 15px;
    color: #000;
    font-size: 13px;
    z-index: 99;
    width: 100%;
}

.divAMDil {
    top: 35px;
}

.ddUMDil {
    border: solid 1px #888888;
    color: #fff;
}

.divAMArama {
    font-size: 13px;
    font-family: ZWFont1;
    background-color: rgba(255,255,255,0.98) !important;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
    color: #000;
    border: solid 1px #ededed;
}

.divAMArama > div {
    width: 1000px;
}

.divAMCerceve {
    position: relative;
    padding: 10px 15px;
    letter-spacing: 1.2px;
    margin-bottom: 50px;
}

.divAMCerceve > div {
    /* display: none; */
    /* position: absolute; */
    z-index: 100;
    margin-left: 10px;
    top: 50px;
    width: calc(100% + -10px);
    max-height: 280px;
    overflow: auto;
    color: #000;
}

.divAMCerceve a {
    display: block;
    width: 100%;
    border-bottom: solid 1px #ededed;
    padding: 10px 0;
    margin: 10px 0;
    font-size: 12px;
    letter-spacing: 0px;
    FONT-FAMILY: ZWFont2;
}

.cekAMSeviye1 {
    margin-left: 0px;
}

.cekAMSeviye2 {
    /* font-weight: bold; */
}

.cekAMSeviye3 {
}

.txtArama {
    padding: 20px 60px;
    border: solid 1px #dcdcdc;
    background: url(../img/BtnAra.png) no-repeat 20px center #fff;
    font-size: 12px;
    color: #000;
    /* letter-spacing:1.1px; */
}

.btnArama {
    padding: 12px 15px;
    background-color: #FFF!important;
    border: 1px solid #000 !important;
    color: #000!important;
    font-size: 12px;
    letter-spacing: 1.1px;
    margin: 0 5px;
    margin-top: 5px;
}

.divAMArama input[type=checkbox] + label, input[type=radio] + label {
    background-image: url(../img/toolCheck.png);
    margin: 4px 0;
}

.divAMKullanici {
    /* height: calc(100vh); */
    font-size: 15px;
    line-height: 35px;
    border: solid 1px #ededed;
    z-index: 2;
}

.txtAMDefault {
    padding: 2% 3%;
    margin-bottom: 2%;
    border: none;
    background-color: #ffffff;
    color: #333333;
    font-style: italic;
    /* border-radius:3px; */
    border: solid 1px #ededed;
    font-family: ZWFont1;
}

.btnAMDefault {
    padding: 10px 6px;
    background-color: #44b7a7 !important;
    color: #f3eeeb !important;
    font-family: ZWFont1;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 150%;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 13px;
}

.divAMKullanici > div {
    padding: 3% 4%;
    border-right: solid 1px #ededed;
}

.divAMKullanici > div:nth-of-type(2) {
    border-right: none;
}

.divAMKullanici > div > p {
    padding: 0% 0px;
    font-family: ZWFont2;
    font-size: 12px;
}

.divAMKullanici > div > div:first-of-type {
    margin-bottom: 2%;
    font-size: 15px;
    /* background:url(../img/icoUyelik1.jpg) no-repeat left center; */
    font-family: ZWFont2;
    /* display: none; */
}

.divAMKullanici > div:first-of-type > div:first-of-type {
    /* background-image:url(../img/icoUyelik2.jpg); */
}

.divAMKullanici > div > div:last-of-type > a:first-of-type {
    margin-right: 5px;
}

.divAMKullanici > div > div:last-of-type > a:last-of-type {
    margin-left: 5px;
    font-size: 12px;
    font-family: ZWFont2;
}

.divAMSepet {
    display: block;
    position: fixed;
    z-index: 101;
    right: -453px;
    top: 0px;
    padding: 20px 20px;
    width: 450px;
    height: calc(100vh);
    overflow: auto;
    border-left: solid 1px #ededed;
    background-color: #ffffff;
}

.divAMSepet > div {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    /* border-bottom: solid 1px #e5e5e5; */
    font-family: ZWFont2;
    font-size: 13px;
    color: #323438;
    line-height: 25px;
}

.divAMSepet > div:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -2px;
    width: 100%;
    height: 1px;
    border-bottom: solid 1px #fff;
}

.divAMSepet > div:last-of-type {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.divAMSepet > div:after {
    display: none;
}

.aMRightKapat {
    float: left;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/btnSSSil.png) no-repeat center center;
    background-size: contain;
}

.divAMSepetBaslik {
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    /* line-height: 30px; */
    font-size: 16px;
}

.divAMSepetBaslik > span:nth-of-type(2) {
    display: inline-block;
    /* width: 20px; */
    /* height: 30px; */
    /* background: url(../img/icoAMSepet.png) no-repeat center -2px; */
    color: #000000;
    font-family: ZWFont2;
}

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

.divAMSepetUrun > div > a {
    display: block;
    width: 100%;
}

.divAMSepetUrun > div > a > img {
    max-width: 100%;
    max-height: 90px;
}

.divAMSepetUrun > div:first-of-type > a {
    padding: 5px;
    background-color: #fff;
    text-align: center;
}

.divAMSepetUrun > div:last-of-type > a:first-of-type {
    font-family: ZWFont1;
    color: #333333;
    font-size: 12px;
}

.divAMSepetUrun > div:last-of-type > * {
    font-family: ZWFont2;
    color: #4a4a4a;
    line-height: 20px;
    /* margin-bottom: 10px; */
    font-size: 12px;
}

.divAMSepetUrun > div:last-of-type > div {
    position: relative;
    font-size: 12px;
    color: #f42837;
    font-family: ZWFont2;
    bottom: -15px;
}

.divAMSepetKargo {
    font-size: 14px;
    text-align: center;
}

.divAMSepetKargo > b {
    color: #ce0707;
    font-family: ZWFont2;
    font-size: 14px;
}

.divAMSepetToplam {
    font-size: 12px;
    line-height: 35px;
    font-family: ZWFont2;
}

.divAMSepetToplam > div:first-of-type {
    margin-bottom: 10px;
}

.divAMSepetToplam > div:first-of-type > b {
    float: right;
    font-size: 15px;
    color: #f42837;
    font-family: ZWFont2;
}

.divAMSepetToplam > div:last-of-type {
    margin-bottom: 30px;
}

.divAMSepetToplam > div:last-of-type > a {
    display: block;
    background-color: #1eb1e7 !important;
    text-align: center;
    line-height: 200%;
}

.divAMSepetBos {
    margin-top: 100px;
    text-align: center;
}

.divAMSepetBos > div:first-of-type::before {
    position: absolute;
    content: "";
    background: url(../img/icoSepet.png) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    left: 48%;
    top: -40px;
}

.divAMSepetBos > div:last-of-type {
    margin-top: 100px;
}

.btnScrollUp {
    cursor: pointer;
    display: none;
    position: fixed;
    right: 50px;
    bottom: 20px;
    width: 45px;
    height: 45px;
    background: url(../img/btnYukariGit.png) no-repeat #fff center center;
}

/**********************************/
/* ANASAYFA */
.divSlide {
    display: block;
    width: 100%;
    overflow: hidden;
}

.divSlide .owl-buttons > .owl-prev {
    background: url(../img/navleft2.png) no-repeat center;
    background-size: 40px;
}

.divSlide .owl-buttons > .owl-next {
    background: url(../img/navright2.png) no-repeat center;
    background-size: 40px;
}

.divSlideM {
    display: none;
    width: 100%;
    overflow: hidden;
}

.divAnaBanners {
    display: table;
    width: 100%;
    margin: 20px auto;
}

.aAnaBanner {
    float: left;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #000000;
}

/* .aAnaBannerL {float: left;display: block;position: relative;overflow: hidden;text-align: center;color: #000000;} */
.divAnaBannerR {
    margin: auto auto;
    background-color: #fff;
}

.divAnaBannerB {
    position: relative;
}

.divAnaBannerB > div {
    display: table;
    margin: auto auto;
}

.divAnaBannerB1 {
    font-size: 12px;
    font-family: ZWFont2;
    color: #323438;
    text-align: left;
}

.divAnaBannerB2 {
    font-size: 12px;
    font-family: ZWFont2;
    color: #adafb2;
}

.divAnaBannerB3 {
    font-size: 13px;
    font-family: ZWFont2;
    color: #f42837;
}

/*NESLIHAN*/
.divAnaBanners > .aAnaBanner:nth-of-type(1) {
    width: calc(50% - 10px);
    margin-left: 10px;
    float: right;
}

.divAnaBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB {
    display: block;
}

.divAnaBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB > .divAnaBannerB1 {
    font-family: ZWFont3;
    font-size: 85px;
    margin: auto;
    color: #000000;
}

.divAnaBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB > .divAnaBannerB2 {
    color: #4a4a4a;
    font-family: ZWFont1;
    letter-spacing: 2px;
    font-size: 13px;
    line-height: 27px;
    margin-bottom: 25px;
}

.divAnaBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB > .divAnaBannerB3 {
    color: #000000;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: ZWFont1;
    margin-top: 5%;
    margin-bottom: 5%;
}

.divAnaBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB > .divAnaBannerB3::after {
    position: absolute;
    content: "";
    background: url(../img/navright2.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 12px;
    margin-left: 20px;
}

.divAnaBanners > .aAnaBanner:nth-of-type(2) {
    width: calc(50% - 10px);
    margin-right: 10px;
}

.divAnaBanners > .aAnaBanner:nth-of-type(3) {
    width: calc(25% - 10px);
    margin-left: 10px;
}

.divAnaBanners > .aAnaBanner:nth-of-type(4) {
    width: calc(25% - 10px);
    margin-left: 10px;
}

.divGaleriDis {
    padding-bottom: 40px;
    display: block;
    width: 100%;
    margin: auto;
    /* border-bottom: 1px solid #ededed; */
}

.divGaleriBaslik {
    position: relative;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    font-family: ZWFont2;
    font-size: 11px;
    /* letter-spacing: 3px; */
}

.divGaleriBaslik > h2 {
    float: none;
}

.divGaleriBaslik > h2 a:first-of-type {
    font-size: 20px;
    font-family: ZWFont2;
    letter-spacing: 2px;
}

.divGaleriBaslik > a {
    display: none;
    font-family: ZWFont2;
    font-size: 13px;
    padding-right: 15%;
}

.satinAl {
    display: table;
    margin: auto;
    border: 1px solid;
    padding: 5px 20px;
    font-family: ZWFont2;
    font-size: 12px;
    color: #000000;
}

.owlGaleri {
    padding: 0px 0%;
}

.divGaleriIc {
    float: left;
    display: table;
    width: 100%;
    padding: 1%;
    position: relative;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.divGResim {
    overflow: hidden;
    position: relative;
    border-bottom: solid 1px #e7e7e7;
}

.divGResim img {
    position: absolute;
    bottom: 0px;
}

/**********************************/
/* URUNLER */
.divSlideKategori {
}

.divSlideKategori > div {
    border-top: 1px solid #ebebeb;
}

.divSlideKategori .owl-item .item div {
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 10px 0;
    font-family: ZWFont1;
    color: #282828;
}

.divSlideKategori .owl-item {
    width: 90px !important;
    margin-right: 11px;
    margin-top: 5px;
}

.divSlideKategori #owl-slide4 .owl-buttons {
    display: none;
}

.divKategoriSlide {
    display: block;
    width: 700px;
    margin: auto;
    overflow: hidden;
}

.divFiltreBaslik {
    font-family: ZWFont1;
    font-size: 12px;
    line-height: 32px;
}

.divKategoriBanner {
    position: relative;
    width: 99%;
    min-height: 330px;
    background-color: #e14041;
    text-align: center;
    color: #fff;
}

.divKategoriBanner > div {
    position: relative;
    padding: 5%;
    display: block;
}

.divKategoriBanner > div > .divKategoriBBaslik {
    font-family: ZWFont1;
    font-size: 20px;
    margin-top: 60px;
}

.divKategoriBanner > div > span {
    font-family: ZWFont2;
    font-size: 20px;
    line-height: 40px;
}

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

.divKategoriBanner2 > div > .divKategoriBBaslik {
    line-height: 40px;
    font-family: ZWFont1;
    font-size: 15px;
}

.divKategoriBanner2 > div > span {
    font-family: ZWFont2;
    font-size: 13px;
    line-height: 40px;
}

.divUrunler {
    display: block;
    margin: 0px;
    width: 100%;
}

.divUrunlerBaslik {
    position: relative;
    margin: 20px 0px 10px;
    font-size: 14px;
    text-align: left;
    color: #525457;
    font-family: ZWFont1;
    letter-spacing: 2px;
}

/*.divUrunlerBaslik:before { content: " "; position: absolute; top: 15px; left: 0px; width: 100%; border-top: solid 1px #000;  }*/
.divUrunlerBaslik a {
    position: relative;
    display: inline-block;
    background-color: #fff;
}

/*.divUrunlerBaslik a:before { content: " "; position: absolute; top: 0px; left: -20px; width: 20px; height: 30px; background-color: #fff; }
.divUrunlerBaslik a:after  { content: " "; position: absolute; top: 0px; right: -20px; width: 20px; height: 30px; background-color: #fff; }*/
/*.divUrunlerBaslikIcon { width: 70px; height: 20px; background: url(../img/icoReyonAlt.png) no-repeat center center; }*/
.owlUrunler .owl-item .item {
    margin-left: 0.5%;
}

.urunyok {
    font-size: 16px;
    text-align: center;
}

.divUrun {
    float: left;
    display: table;
    width: 100%;
    position: relative;
    /* background-color: #f7f3ee; */
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease;
}

.divUrun > figure > .divUVaryant {
    display: block !important;
    /* top: 30px; */
    max-height: 0;
    /* height: 0px; */
    transition: max-height 0.15s ease-out;
    /* overflow: hidden; */
}

.divUrun:hover > figure > .divUVaryant {
    max-height: 500px;
    transition: max-height 0.70s ease-in;
}

/*.divUrun:hover > .divUDetay > .divUVaryant { display: block !important; }*/
.divUResim {
    z-index: 0;
    overflow: hidden;
    position: relative;
    background-color: #f8f3ed;
}

.divuDResimDis {
    position: relative;
}

.divUReyon {
    position: absolute;
    top: 2%;
    right: 2%;
    text-align: right;
    z-index: 1;
}

.divUReyon > span {
    display: block;
    width: 45px;
    height: 45px;
    background-color: #fff;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    font-family: ZWFont2;
    font-size: 12px;
    color: #f03a3a;
    font-weight: bold;
    letter-spacing: 1px;
}

.divUDReyon {
    position: absolute;
    top: 2%;
    right: 0%;
    text-align: right;
    z-index: 1;
}

.divUReyon img {
    width: 50%;
}

.divUDReyon img {
    width: 50%;
}

.divRenkM {
    display: none;
}

.divUKargo {
    position: absolute;
    bottom: 7.5%;
    right: 0px;
    display: none;
    width: 25px;
    height: 140px;
    background: url(../img/imgUKargoBedava.png) no-repeat right bottom;
}

.divUStokYok {
    position: absolute;
    left: 0px;
    top: 0px;
}

.divUDStokYok {
    opacity: 0.6;
}

.divUIndirim {
    position: absolute;
    top: 0%;
    right: 15%;
    background-color: #ffffff;
    color: #000000;
    display: none;
}

.divUIndirim > span:first-child {
    font-size: 30px;
}

.divUDetay {
    padding: 0px 0px;
    text-align: left;
}

.divUVaryant {
    /* padding: 10px 0px 5px; */
    bottom: 0;
    z-index: 2;
    position: absolute;
    background-color: #f7f3ee;
    /* padding-bottom: 5px; */
    width: 100%;
}

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

.divURenk > a {
    position: relative;
    display: inline-block;
    margin: 0px 3px;
    width: 40px;
    height: 40px;
    background: no-repeat center center;
    background-size: cover;
    /* background-position-y: -5px; */
    background-color: #f7f3ee;
}

.divURenk > a:before {
    /* content:" "; */
    border: solid 1px #e4e4e4;
    padding: 9px;
    border-radius: 30px;
    width: 17px;
    height: 17px;
    position: absolute;
    left: -3px;
    top: -3px;
}

.divUBeden {
    font-size: 14px;
}

.divUBeden > span {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.divUBedenPasif {
    color: #bbbbbb;
}

.divUBedenPasif:after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 2px;
    border-top: 1px solid #bbbbbb;
    height: 50%;
    height: calc(50% - 1px);
    width: 110%;
    transform: rotateZ(-45deg);
}

.divUAd {
    width: calc(65% - 10px);
    display: block;
    font-size: 12px;
    font-family: ZWFont1;
    float: left;
    color: #323438 !important;
    margin-left: 10px;
    margin-top: 15px;
    text-transform: uppercase;
}

.divUKod {
    font-size: 12px;
    font-family: ZWFont2;
    display: none;
    color: #848484;
}

.divUFiyat {
    margin-right: 5px;
    float: right;
    width: calc(35% - 5px);
    text-align: right;
    margin-top: 15px;
}

.divUFiyat * {
}

.divUFiyat1 {
    font-size: 15px;
    font-family: ZWFont2;
    /* line-height: 35px; */
    color: #000000;
    font-weight: 600;
}

.divUFiyat2 {
    overflow: hidden;
    display: inline-table;
    font-size: 12px;
    color: #323438;
    position: relative;
    font-family: ZWFont2;
    margin-right: 5px;
}

.divUFiyat2:after {
    content: " ";
    border: 0.5px solid #323438;
    /* transform: rotateZ(-15deg); */
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 40%;
    opacity: 0.4;
}

.cbUFStok {
    font-size: 12px;
}

.cbUFStok > label {
    margin-top: 0px !important;
}

.divUUst {
    display: table;
    /* margin-bottom: 1%; */
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    border-top: 1px solid #ebebeb;
}

.divUUst1 {
    padding: 10px 0px 0px;
    color: #000;
}

.divUUst1 h1 {
    line-height: 35px
}

.divUUst1 ul > li {
    float: left;
    font-size: 12px;
    font-family: ZWFont2;
    letter-spacing: 0.5px;
    color: #000000;
    padding-left: 5px;
    /* letter-spacing: 1px; */
}

.divUUst1 div {
    line-height: 35px;
}

.divUUst2 {
    padding: 12px 10px;
    height: 45px;
}

.divUUst2 > span {
    position: absolute;
    top: 0px;
    font-family: ZWFont2;
    font-size: 11px;
}

.divUUst2Bg {
}

.divUUst1 select {
    border: none;
    width: 240px;
    font-family: ZWFont1;
    letter-spacing: 0.5px;
    font-size: 13px;
    background: url(../img/icoDDOk2.png) no-repeat right center;
    background-position-x: 130px;
    background-size: 20px;
}

.divUUst2 option {
    font-size: 15px;
}

.divUUst2 h1 {
    line-height: 35px;
    font-size: 15px;
}

.divUUst2 ul > li {
    float: left;
    font-size: 15px;
    font-family: ZWFont1;
}

.divUUstGorunum {
    font-family: ZWFont1;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.divUUstGorunum > * {
    display: inline-block;
    margin-bottom: -7px;
    width: 40px;
    text-align: center;
    height: 25px;
    background: no-repeat center center;
}

.divUUstGorunum1 {
    /* background-image: url(../img/icoUGoserim1.png) */
}

.divUUstGorunum1A {
    /*background-image: url(../img/icoUGoserim1A.png)*/
}

.divUUstGorunum2 {
    /*background-image: url(../img/icoUGoserim2.png)*/
}

.divUUstGorunum2A {
    /*background-image: url(../img/icoUGoserim2A.png)*/
}

.divUUstGorunum3 {
    border-left: solid 1px #ededed !important;
}

.divUUstGorunum3A {
    border-left: solid 1px #ededed !important;
}

.divMUUstGorunum > * {
    display: inline-block;
    margin-left: 0px;
    margin-bottom: -12px;
    width: 25px;
    height: 25px;
    background: no-repeat center center;
}

.divMUUstGorunum1 {
    background-image: url(../img/icoMUGoserim1.png)
}

.divMUUstGorunum1A {
    background-image: url(../img/icoMUGoserim1A.png)
}

.divMUUstGorunum2 {
    background-image: url(../img/icoMUGoserim2.png)
}

.divMUUstGorunum2A {
    background-image: url(../img/icoMUGoserim2A.png)
}

.divMUUst {
    display: none;
    margin-bottom: 2%;
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    line-height: 30px;
    text-align: center;
    font-family: ZWFont2;
    font-size: 14px;
}

.divMUUstFixed {
    position: fixed;
    z-index: 111;
    top: 0px;
    background-color: #fff;
    border-bottom: solid 1px #e7e7e7;
}

.divMUUst > div {
    padding: 7px 7px;
    border-right: solid 1px #ededed;
    text-align: left;
}

.divMUUst > div:last-of-type {
    padding: 0px 0px;
    border-right: none;
}

.divMUUst > div:nth-of-type(1) > a {
    display: inline-block;
    background: url(../img/icoMUDFiltre1.png) no-repeat right center;
    font-family: ZWFont2;
    width: calc(100% - 20px);
    font-size: 10px;
    background-size: 15px;
}

.divMUUst > div:nth-of-type(2) > a {
    display: inline-block;
    padding-left: 20px;
    background: url(../img/icoMUDFiltre1.png) no-repeat right center;
    line-height: 50px;
    font-family: ZWFont1;
    letter-spacing: 1Px;
    width: calc(100% - 20px);
    font-size: 12px;
}

#divFiltreBeden input[type=checkbox] + label,#divFiltreBeden input[type=radio] + label {
    width: 45px;
    height: 45px;
    padding-left: 10px;
    margin: 5px 5px 5px 0;
    text-align: center;
    background-image: none;
    background-color: #f3f1ed;
    border-radius: 100%;
    line-height: 45px;
    font-family: ZWFont1;
    font-size: 15px;
    color: #323438;
}

#divFiltreBeden input[type=checkbox]:checked + label, #divFiltreBeden input[type=radio]:checked + label {
    background-color: #000000;
    color: #ffffff;
}

#divFiltreBeden br {
    display: none;
}

#divFiltreBeden .divUFCerceveUzat {
    display: none;
}

.divUFiltre {
    font-size: 14px;
    padding: 0px 25px 0px 10px;
}

.divUFCerceve {
    display: inline-block;
    position: relative;
    margin-bottom: -5px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}

.divUFUzatH {
    max-height: 300px;
}

.divUFCerceve:last-of-type {
    /* border-bottom: none; */
    overflow: hidden;
}

.divUFCerceveBaslik, .divUFCerceveBaslikYatay {
    cursor: pointer;
    width: 100%;
    text-align: left;
    font-size: 13px;
    line-height: 35px;
    font-family: ZWFont1;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 3%;
    text-decoration: underline;
    padding-left: 15px;
}

.divUFCerceveBaslik:after {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 40px;
    background: url(../img/icoUFLUzat2.png) no-repeat left center;
    background-position-y: 17px;
    background-size: 10px;
}

.divUFCerceveBaslikYatay {
    writing-mode: inherit;
    padding: 0px 0px;
    height: inherit;
}

.divUFCerceveDetay {
    padding: 2% 0%;
    font-family: ZWFont2;
}

.divUFCerceveDetayDuz {
    padding: 2% 0%;
}

.divUKategoriAciklama {
    font-family: ZWFont2;
    font-size: 13px;
    line-height: 40px;
}

.divUFCerceveUzat {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 220px;
    padding: 10px 20px;
    width: 100%;
    max-width: 300px;
    background-color: #fff;
    padding-left: 0px;
}

.divUFCerceveUzat:after {
    content: "";
    position: absolute;
    z-index: 10;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 40px;
    background: url(../img/icoUFLUzat.png) no-repeat 100% center;
    background-size: 15px;
}

.divUFCerceveBosluk {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.divUFiltre select {
    width: 100%;
}

.divUFCerceve a {
    display: block;
    margin: 10px 10px;
    width: calc( 100% - 20px);
    font-family: ZWFont1;
    line-height: 27px;
}

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

.divUFCFiyatSlideF {
    position: relative;
    margin-bottom: 30px;
}

.divUFCFiyatSlideF1 {
    position: absolute;
    top: 15px;
    left: 10px;
    font-family: ZWFont1;
}

.divUFCFiyatSlideF2 {
    position: absolute;
    top: 15px;
    right: 10px;
    font-family: ZWFont1;
}

.aUFKategoriL1 {
    font-size: 13px;
    margin-left: 0px !important;
    font-family: ZWFont1;
    letter-spacing: 0.5px;
    text-decoration: underline;
}

.aUFKategoriL1A {
    text-decoration: underline;
    font-size: 16px;
    margin-left: 0px !important;
    font-weight: bold;
}

.aUFKategoriL2 {
    font-size: 13px;
    letter-spacing: 0.5px;
    font-family: ZWFont1;
}

.aUFKategoriL2A {
    font-size: 13px;
    text-decoration: underline;
}

.aUFKategoriL3 {
    margin-left: 20px !important;
    font-family: ZWFont1;
    color: #4c4c4c;
    font-size: 12px;
    letter-spacing: 1.1px;
}

.aUFKategoriL3A {
    margin-left: 20px !important;
    text-decoration: underline;
    font-size: 12px;
    letter-spacing: 1.1px;
    color: #4c4c4c;
}

.aUFKategoriL3::before {
    content: "";
    position: absolute;
    left: 7px;
    width: 5px;
    margin-top: 12px;
    height: 1px;
    border: 1px solid #4c4c4c;
}

.divUUrunler {
    display: block;
}

.divUUrunler .divUrunlerBaslik {
    margin: 0px;
}

.divUUrunlerG1 > .divUrun {
    margin-bottom: 1%;
}

.divUUrunlerG2 > .divUrun {
    width: 49%;
    margin: 0px 0.5% 1% 0.5%;
}

/*.divUUrunlerG2 > .divUrun:nth-of-type(even) { margin-right: 0px; }*/
.divUUrunlerG3 > .divUrun {
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1%;
}

/*.divUUrunlerG3 > .divUrun:nth-of-type(3n) { margin-right: 0px; }*/
.divUUrunlerG4 > .divUrun {
    width: 24.5%;
    margin: 0px 0.3% 0.3% 0%;
}

/*.divUUrunlerG4 > .divUrun:nth-of-type(4n) { margin-right: 0px; }*/
.divUUrunlerG5 > .divUrun {
    width: 18%;
    margin: 0px 2.5% 0% 0%;
}

.divUUrunlerG5 > .divUrun:nth-of-type(5n) {
    margin-right: 0px;
}

.divUPager {
    display: table;
    width: 100%;
    text-align: right;
}

.divUPager > td> table {
    margin: auto;
    margin-top: 10px;
}

.divUPager > a {
    display: inline-block;
    width: 50px;
    height: 40px;
    border: solid 1px #e7e7e7;
    border-right: 0px;
    line-height: 40px;
    text-align: center;
}

.divUPager > a:last-of-type {
    border-right: solid 1px #e7e7e7;
}

.divUPager > td > table span {
    display: inline-block;
    width: 50px;
    height: 40px;
    border: solid 1px #e7e7e7;
    line-height: 40px;
    text-align: center;
    background-color: #e7e7e7;
    color: #000;
    font-weight: bold;
}

.divUPager > td > table a {
    display: inline-block;
    width: 50px;
    height: 40px;
    border: solid 1px #e7e7e7;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
}

.aUPagerAktif {
    background-color: #e7e7e7;
    color: #000;
    font-weight: bold;
}

/**********************************/
/* URUN DETAY */
.divUDDis {
    display: inline-block;
    margin-top: 10px;
    background-color: #ffffff;
}

.divUDResimKucuk {
    margin-top: 15%;
}

.divUDResimKucuk > a {
    display: block;
    margin: 0px 15px 15px 0px;
}

.divUDResimBuyuk {
    background-color: #ffffff;
}

.aVideo {
    background: url(../img/icoUDVideoM.png) no-repeat center;
    display: block;
}

.aVideo img {
    opacity: 0.7;
}

.divUDResimBuyuk > a {
    display: block;
    width: calc(50% - 6px);
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.divUDResimBuyuk > .aUDResim3 {
    width: calc(33.3% - 5px)
}

.divUDResimBuyuk > .aUDResim4 {
    width: calc(25% - 5px)
}

.imgBgVideo {
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
}

.divUDSag {
    text-align: center;
    padding: 0 0% 0 3%;
}

.divUDSag > * {
    /* margin-top: 1.5%; */
    padding-bottom: 1.5%;
    margin-bottom: 1.5%;
}

.divUDSag > div:first-of-type {
    display: none;
    /* margin-top: 3%; */
    text-align: right;
    width: 100%;
    font-family: ZWFont2;
    color: #adafb2;
    font-size: 12px;
}

.divUDSpecG1 {
    display: table;
    background-color: #e7e7e7;
    text-align: center;
    font-size: 12px;
}

.divUDSpecG1 div {
    padding: 10px 0px;
    border-right: solid 1px #d2d2d2;
}

.divUDSpecG1 div:last-of-type {
    border-right: none;
}

.divUDSpecG1 img {
    margin-right: 5px;
    vertical-align: bottom;
}

.divUDAd {
    margin-left: 5px;
    /* margin-top: 25px; */
    width: 100%;
    float: left;
    text-align: center;
}

.divUDAd1 {
    font-size: 16px;
    font-family: 'ZWFONT1';
    color: #323438;
    letter-spacing: 1px;
}

.divUDAd2 {
    font-size: 13px;
    font-family: 'ZWFONT2';
    margin-top: 5px;
    display: block;
    color: #adafb2;
}

.divUDAd2 span:nth-of-type(1) {
    /* font-weight:bold; */
    /* display: none; */
    font-size: 12px;
    display: none;
}

.divUDAd2 span:nth-of-type(2) {
    /* text-decoration: underline; */
}

.divUDOzet {
    display: table;
    width: 100%;
    line-height: 250%;
    font-size: 13px;
    font-family: ZWFont2;
    color: #000000;
    text-align: left;
    margin-left: 5px;
}

.divUDOzet img {
    margin-right: 10px;
}

.divUDOzellik {
    font-family: ZWFont1;
    color: #000000;
}

.divUDOzet .divUDOzellik:before {
    content: "-";
    /* padding: 0px 0px; */
    font-size: 12px;
}

.divUDFiyat {
    float: none;
    font-family: 'ZWFONT1';
    display: table;
    margin-right: 20px;
    margin-top: 25px;
    text-align: center;
    margin: auto;
}

.divUDFiyatSatis {
    color: #44b7a7;
    font-size: 25px;
    text-align: center;
    float: left;
    font-family: Arial;
    font-weight: bold;
}

.divUDFiyatEtiket {
    color: #b2b2b2;
    font-size: 15px;
    text-decoration: line-through;
    text-align: center;
    margin-right: 20px;
    float: left;
    margin-top: 8px;
}

.divUDFiyatKargo {
    color: #323232;
    font-size: 12px;
    text-align: right;
}

.divUDFiyatIndirim {
    padding: 0px 10px;
    margin-top: 5px;
    background-color: #eeeeee;
    color: #323232;
    font-size: 24px;
}

.divUDFiyatIndirim span {
    font-size: 12px;
    font-weight: normal;
}

.divUDVaryant {
    font-size: 14px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.divUDVaryant > div {
    display: table;
    margin-top: 3%;
    padding: 2% 0;
    width: 100%;
    text-align: left;
}

.divUDVaryant > div > div {
    margin-top: 0px;
    text-align: center;
}

.divUDRenk {
}

.divUDRenk > div > a {
    cursor: pointer;
    display: inline-block;
    position: relative;
    background-position-y: 0px;
    margin: 3px;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    width: 50px;
    height: 75px;
    /* border: 1px solid #eeeeee; */
    /* border-radius: 30px; */
    background-size: contain;
}

.divUDRenkAD {
    padding: 2px;
    width: 50px;
    height: 30px;
    position: absolute;
    left: 0px;
    bottom: -40px;
    font-size: 10px;
    font-family: ZWFont2;
    text-align: center;
    color: #adafb2;
    line-height: 10px;
}

.divUDRenkKutuA {
    border-bottom: 2px solid #000000 !important;
}

.divUDBeden {
    display: table;
    margin-top: 5%;
    padding: 0px 0px 3% 0px;
    width: 100%;
    text-align: center;
}

.divUDBeden > div > h4 > div,.divUDBeden > div > h4 > a {
    position: relative;
    display: inline-block;
    border: solid 1px #000000;
    text-align: center;
    color: #333333;
    padding: 16px 18px;
    font-family: ZWFont1;
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: 10px;
    border-radius: 50%;
}

.divUDBedenA,.divUDBedenPA {
    color: #ffffff!important;
    background-color: #000000;
}

.divUDBedenP {
    border-color: transparent !important;
    color: #afafaf !important;
    background-color: #f9f8f6;
}

.divUDBedenP:after {
    content: "";
    position: absolute;
    top: -7px;
    right: -4px;
    border: 1px solid #ededed;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    background-image: url(../img/ud-zil.png);
    background-size: contain;
    background-color: transparent;
}

.divUDBedenP:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: -10px;
    border-top: 1px solid #999;
    height: calc(50% );
    width: 100%;
    transform: rotateZ( 45deg );
    content: "";
}

.divUDBedenPA:after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 22px;
    border-top: 1px solid #000;
    height: calc(50% - 1px);
    width: 60%;
    transform: rotateZ(-45deg);
}

.divUDBedenTablo {
    background-color: #eaeaea;
    text-align: center;
}

.divUDBedenTablo > a {
    display: inline-block;
    padding-left: 50px;
    background: url(../img/icoUDBedenTablo.png) no-repeat left top;
    line-height: 22px;
}

.divUDButon {
    display: table;
    width: 100%;
    margin: auto;
    text-align: center;
}

.btnUDSepet, .btnUDHizli {
    padding: 15px;
    background-color: #44b7a7!important;
    color: #ffffff !important;
    font-size: 13px;
    font-family: ZWFont1;
    width: 48%;
    margin: 1%;
    float: left;
    letter-spacing: 2px;
}

.btnUDHizli {
    background-color: #1980c0!important;
    color: #ffffff!important;
}

.divUDTelefon {
}

.divUDTelefon > a {
    position: relative;
    display: inline-block;
    padding-left: 50px;
    background: url(../img/icoUDTelefon.png) no-repeat left top;
    line-height: 22px;
    font-size: 11px;
    font-weight: bold;
}

.divUDTelefon > a:before {
    content: " ";
    position: absolute;
    top: -3px;
    left: 35px;
    height: 30px;
    border-right: solid 1px #000;
}

.divUDTabDis {
    display: table;
    width: 100%;
    margin: auto;
}

.divUDTab {
    display: table;
    width: 100%;
    margin-bottom: 40px;
    /* border-bottom: solid 1px #cbcbcb; */
    margin-top: 20px;
    font-family: ZWFont1;
    letter-spacing: 1px;
    padding: 5px;
}

.divUDTab > div:first-of-type {
    position: relative;
    line-height: 350%;
    font-size: 15px;
    font-family: ZWFont1;
    text-align: left;
    /* font-weight: bold; */
    text-decoration: underline;
    cursor: pointer;
    letter-spacing: 2px;
}

/*background: url(../img/icoUDTab.jpg) no-repeat right top;*/
/*.divUDTab > div:first-of-type:before { content: ""; position: absolute; top: 0px; right: 0px; width: 3.5%; height: 30%; border-top: solid 1px #cbcbcb; border-right: solid 1px #cbcbcb; }
.divUDTab > div:first-of-type:after { content: ""; position: absolute; top: 0px; right: 0px; width: 7%; height: 50%; background: url(../img/icoUDTab.png) no-repeat left bottom; }*/
.divUDTab > div:last-of-type {
    font-size: 13px;
    color: #323438;
    font-family: ZWFont2;
    text-align: left;
    line-height: 27px;
    letter-spacing: 0px;
}

.divUDTabDis img {
    max-width: 100%;
}

.divUDOnSiparis {
    font-size: 13px;
    color: red;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 5px;
    margin: 1%;
    display: none;
    text-align: left;
}

/**********************************/
/* S1SEPET */
.divSMenu {
    display: table;
    border-bottom: solid 1px #ededed;
    text-align: center;
    font-size: 12px;
    font-family: ZWFont2;
    letter-spacing: 1px;
}

.divSMenu a {
    position: relative;
    display: inline-block;
    padding: 10px 30px 25px;
    margin-right: 7%;
    color: #6d6d6d;
}

.divSMenu a:before {
    position: absolute;
    content: "1";
    background-color: #9d9d9d;
    z-index: 99;
    top: 35px;
    left: -22px;
    margin-left: 50%;
    color: #fff;
    text-align: center;
    line-height: 24px;
    width: 44px;
    height: 44px;
    border: 10px solid #e8e8e8;
    border-radius: 100%;
}

.divSMenu a:nth-of-type(1):before {
    position: absolute;
    content: "1";
}

.divSMenu a:nth-of-type(2):before {
    position: absolute;
    content: "2";
}

.divSMenu a:nth-of-type(3):before {
    position: absolute;
    content: "3";
}

.divSMenu a:last-of-type {
    margin-right: 0px;
}

.aSMenuAktif {
    color: #000 !important;
}

.aSMenuAktif:before {
    position: absolute;
    content: "1";
    background-color: #000 !important;
    z-index: 99;
    top: 35px;
    left: -22px;
    margin-left: 50%;
    color: #fff;
    text-align: center;
    line-height: 24px;
    width: 44px;
    height: 44px;
    border: 10px solid #e8e8e8;
    border-radius: 100%;
}

/*.divSMenu a:nth-of-type(1):before {background-image: url(../img/icoSM1.png);}
.divSMenu a:nth-of-type(2):before { background-image: url(../img/icoSM2.png) }
.divSMenu a:nth-of-type(3):before { background-image: url(../img/icoSM3.png) }
.divSMenu a:nth-of-type(4):before { background-image: url(../img/icoSM4.png) }
.divSMenu a:nth-of-type(5):before { background-image: url(../img/icoSM5.png) }*/
.divSOrta {
    display: block;
    background-color: #fff;
    padding: 2.5% 0;
    margin-bottom: 3%;
}

.divSOBaslik {
    position: relative;
    padding: 20px 0 50px;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 13px;
}

.divSOBaslik span {
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding-right: 10px;
}

.divSOBaslik:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #cecece;
    top: 27px;
    z-index: 0;
}

.divSOBaslik .cekOdemeSec > label {
    background: none !important;
    padding: 0px;
    margin: 0px;
    line-height: 15px;
}

.divSOSol {
    font-family: ZWFont2;
}

.divSOSag {
    font-size: 11px;
    font-family: ZWFont2;
}

.divSOSag > div {
}

.divSOSag > div:nth-of-type(1) {
    position: relative;
    padding: 20px 0 50px;
    color: #000;
    font-size: 12px;
    font-family: ZWFont2;
}

.divSOSag > div:nth-of-type(1) span {
    background-color: #fff;
    z-index: 1;
    position: relative;
}

.divSOSag > div:nth-of-type(1):after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #cecece;
    top: 27px;
    z-index: 0;
}

.divSOSag > div:nth-of-type(2) {
    /* padding: 0px 15px; */
    /* background-color: #ffffff; */
    /* border: solid 1px #dcdcdc; */
}

.divSOSag > div:nth-of-type(2) > div {
    display: inline-block;
    width: calc(100% - 10px);
    padding: 10px 15px;
    border: solid 1px #dcdcdc;
    margin: 2.5px 5px;
}

.divSOSag > div:nth-of-type(2) > div > div {
    display: table;
    line-height: 24px;
}

.divSOSag > div:nth-of-type(2) > div > div:last-of-type {
    font-size: 18px;
}

.divSOSag > div:nth-of-type(3) {
    color: #000000;
    font-family: ZWFont2;
    width: 100%;
    display: table;
}

.divSOSag > div:nth-of-type(3) > span {
    margin-right: -15px;
}

.divSOSag > div:nth-of-type(3) > a > span {
    display: block;
    margin: -5px 0px 10px 0px;
    padding-left: 33px;
    color: #000;
    font-size: 11px;
}

.divSOSag > div:nth-of-type(4) input {
    padding: 5% 15px;
    background-color: #44b7a7;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    width: calc(100% - 10px);
    margin: 5px;
    font-size: 13px;
}

.Onay .divSOSol {
    float: right;
}

.Onay .divSOSag {
    float: right;
}

.divSSepet {
    display: table;
    width: 100%;
    border-bottom: solid 1px #cecece;
    font-family: ZWFont2;
    font-size: 11.5px;
    letter-spacing: 1px;
}

.divSSepet .divSSepetSatir:last-of-type {
    border-bottom: none;
}

.divSSepetBaslik {
    display: table;
    width: 100%;
    /* background-color: #f8f8f8; */
    border: solid 1px #dcdcdc;
    line-height: 30px;
    margin: 5px 0;
}

.divSSepetBaslik > div {
    display: table-cell;
    padding: 8px 15px;
    /* border-right: solid 2px #fff; */
    vertical-align: middle;
    width: 15%;
}

.divSSepetBCheck {
    width: 60px !important;
    /* background-color: #ffffff; */
    /* border-right: solid 1px #ededed !important; */
    display: none;
}

.divSSepetBCheck label {
    padding-left: 15px !important;
}

.divSSepetBUrunAd {
    width: 40% !important;
}

.divSSepetBBFiyat {
    width: 10%;
    text-align: center;
}

.divSSepetBAdet {
    width: 10%;
    text-align: center;
}

.divSSepetBToplam {
    width: 10%;
    text-align: center;
}

.divSSepetBKargo {
    width: 35% !important;
    text-align: right;
}

.divSSepetBSil {
    width: 60px;
    text-align: center;
}

.divSSepetSatir {
    display: table;
    width: 100%;
    border-bottom: solid 1px #ededed;
    line-height: 30px;
    position: relative;
}

.divSSepetSatir > div {
    display: table-cell;
    padding: 15px 5px;
    vertical-align: middle;
    width: 15%;
}

.divSSepetSCheck {
    width: 60px !important;
    background-color: #ffffff;
    display: none;
}

.divSSepetSCheck label {
    padding-left: 15px !important;
}

.divSSepetSUrunAd {
    width: 40% !important;
}

.divSSepetSUrunAd > div {
    float: left;
}

.divSSepetSUrunAd > div:first-of-type {
    width: 120px;
}

.divSSepetSUrunAd > div:last-of-type {
    width: calc(100% - 120px);
}

.divSSepetSUrunAd a img {
    display: inline-block;
    margin-right: 5%;
    max-width : 100%;
}

.divSSepetSUrunAd a div {
    display: inline-block;
    font-family: ZWFont2;
}

.divSSepetSUrunAd a div div {
    font-weight: normal;
}

.divSSepetSUrunAd .divSSepetSAciklama {
    font-size: 12px;
    color: red;
    display: block;
}

.divSSepetSBFiyat {
    width: 10%;
    text-align: center;
}

.divSSepetSAdet {
    width: 10%;
    text-align: center;
}

.divSSepetSToplam {
    width: 10%;
    text-align: center;
}

.divSSepetSKargo {
    width: 35% !important;
    text-align: right;
    color: red;
}

.BtnSepetSil {
    position: relative;
    padding-left: 20px;
    font-size: 12px;
}

.BtnSepetSil:before {
    position: absolute;
    content: "";
    background: url(../img/icoDelte.png) no-repeat;
    background-size: contain;
    width: 13px;
    height: 16px;
    left: 0;
    top: 0;
}

.divSiparisUrunler .divUrunlerBaslik {
    margin: 20px 0px 0px 0px;
}

.divSiparisUrunler .divUVaryant {
    display: none;
}

.divSiparisUrunler .divUFiyat {
    text-align: center;
    margin-bottom: 5px;
    float: none;
    display: block;
    margin: auto;
}

.divSiparisUrunler .divUFiyat1 {
    font-size: 17px;
}

.divSiparisUrunler .btnUDSepet {
    padding: 10px;
    cursor: pointer;
    float: none;
    display: block;
    margin: auto;
    text-align: center;
}

.divSiparisUrunler .divUDetay {
    text-align: center;
    padding: 0px;
}

.divSiparisUrunler .divUKod {
    display: none;
}

.divSiparisUrunler .divUAd {
    display: none;
}

.divSiparisUrunler .divUFiyat2 {
    display: none;
}

.divSSepetSSil {
    width: 60px;
    text-align: center;
}

.txtSSAdet {
    line-height: 40px;
    border: none;
    background-color: transparent;
    width: 25px;
    color: #333333;
    font-size: 14px;
    text-align: center;
}

.btnSSSil {
    width: 25px;
    height: 25px;
    border: none;
    background: url(../img/btnSSSil.png) no-repeat center center;
}

.diSAlt {
    display: table;
    width: 100%;
    background-color: #fff;
    padding-top: 2.5%;
}

.diSAltBaslik {
    position: relative;
    padding: 20px 0 30px;
    color: #000;
    letter-spacing: 1px;
    font-size: 12px;
}

.diSAltBaslik span {
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding-right: 10px;
}

.diSAltBaslik:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #cecece;
    top: 27px;
    z-index: 0;
}

.btnSSFavori {
    background-color: #ededed !important;
    padding: 15px 50px 15px 20px;
    background: url(../img/btnSSFavori.png) no-repeat right center;
    font-size: 12px;
}

.cekSSHPaket {
    position: relative;
    margin-left: 2%;
    padding-left: 50px;
}

.cekSSHPaket label::after {
    content: "";
    position: absolute;
    left: 0px;
    top: -15px;
    width: 50px;
    height: 50px;
    background: url(../img/btnSSHPaket.png) no-repeat center center;
}

.divSSKupon {
    display: table;
    width: 100%;
}

.txtSSKupon {
    text-indent: 10px;
    height: 45px;
    border: 1px solid #ededed;
    background-color: transparent;
    width: calc(70% - 0px);
    color: #363636;
    font-size: 12px;
}

.btnSSKupon {
    float: right;
    height: 45px;
    width: 30%;
    background-color: #1980c0 !important;
    color: #fff !important;
    font-size: 13px;
    letter-spacing: 1px;
}

/**********************************/
/* S2ADRES */
.divSAdres {
    display: table;
    width: 100%;
}

.divSAdresBaslik {
    padding: 0px 15px;
    font-size: 12px;
    font-style: italic;
}

.divSAdresSecim {
    display: table;
    width: 100%;
    margin-top: 3%;
    padding: 0px 15px;
    font-size: 12px;
}

.divSAdresSecimDetay {
    padding: 10px 15px;
    margin-right: 20px;
    width: calc(50% - 10px);
    background-color: #ffffff;
    border: solid 1px #ededed;
    box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
}

div.divSAdresSecimDetay:nth-of-type(2) {
    margin-right: 0px;
}

.divSAdresSecimDetay > div:first-of-type {
    margin-bottom: 1.5%;
    padding-bottom: 1.5%;
    border-bottom: solid 1px #000;
    font-size: 15px;
}

.divSAdresSecimDetay > div:last-of-type {
    display: none;
    padding: 10px 15px;
    background-color: #f8f8f8;
    max-height: 200px;
    overflow-y: auto;
}

.divSAdresSecimDetay > a {
    display: table;
    position: relative;
    width: 100%;
    margin: 1.5% 0px;
    padding-left: 60px;
    background: url(../img/icoS2Secim1.png) no-repeat left center;
    font-family: ZWFont2;
}

.divSAdresSecimDetay > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    right: 0px;
    background: url(../img/icoS2Secim2.png) no-repeat right center;
}

.divSAdresSecimDetay > div > a {
    display: table;
    position: relative;
    width: 100%;
    margin: 1.5% 0px;
    padding-bottom: 1.5%;
    border-bottom: solid 1px #ededed;
}

.divSAdresSecimDetay > div > a:last-of-type {
    margin: 0px 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.divSAdresAlt {
    display: table;
    width: 100%;
}

.divSAdresAlt > div:first-of-type {
    padding: 0px 15px;
}

.btnSAYeni, .btnSAGuncelle {
    margin-right: 30px;
    padding: 20px 20px 20px 65px;
    margin-bottom: -3px;
    font-size: 12px;
    background: no-repeat left center;
}

.btnSAYeni {
    background-image: url(../img/btnS2Yeni.png);
}

.btnSAGuncelle {
    background-image: url(../img/btnS2Duzenle.png);
}

.divSAdresKayit {
    display: table;
    width: 100%;
}

.divSAdresKayit > div {
    float: left;
    margin: 5px;
    width: calc(50% - 10px);
    border: solid 1px #dcdcdc;
    min-height: 47px;
}

.divSAdresKayitTek {
    width: calc(100% - 10px) !important;
}

.divSAdresKayit > div > input, .divSAdresKayit > div > textarea, .divSAdresKayit > div > select {
    padding: 0px 20px;
    width: calc(100% - 50px);
    height: 45px;
    background-color: transparent;
    border: none;
    color: #000;
    line-height: 250%;
    font-size: 12px;
}

.divSAdresKayit > div > select {
    width: calc(100% - 10px);
    background-image: url(../img/icoS2Secim2.png);
}

.divSAdresKayitAlt {
    width: 94% !important;
    border: none !important;
}

.divSAdresKayitAlt > div {
    margin-top: 2%;
    padding: 1%;
    background-color: #fff;
}

.divSKargo {
    display: table;
    margin-top: 2%;
    width: 100%;
    font-size: 15px;
}

.divSKargo .divSKargoSatir:last-of-type {
    border-bottom: none;
}

.divSKargoBaslik {
    display: table;
    width: 100%;
    border-bottom: solid 1px #000;
    line-height: 30px;
    font-weight: bold;
}

.divSKargoBaslik > div {
    display: table-cell;
    padding: 10px 15px;
    border-right: solid 2px #fff;
    vertical-align: middle;
}

.divSKargoBCheck {
    width: 60px;
    background-color: #ffffff;
    border-right: solid 1px #000 !important;
}

.divSKargoBCheck label {
    padding-left: 15px !important;
}

.divSKargoBAd {
    width: calc(55% - 60px);
}

.divSKargoBFiyat {
    width: 20%;
    text-align: right;
}

.divSKargoBKOdeme {
    width: 25%;
    text-align: right;
}

.divSKargoSatir {
    display: table;
    width: 100%;
    border-bottom: solid 1px #fbeded;
    line-height: 30px;
    font-family: ZWFont2;
}

.divSKargoSatir > div {
    display: table-cell;
    padding: 30px 15px;
    border-right: solid 2px #fff;
    vertical-align: middle;
}

.divSKargoSatir > div > div > span {
    font-size: 11px;
}

.divSKargoSCheck {
    width: 60px;
    background-color: #ffffff;
    border-right: solid 1px #000 !important;
}

.divSKargoSCheck label {
    padding-left: 15px !important;
}

.divSKargoSAd {
    width: calc(55% - 60px);
}

.divSKargoSAd a {
    display: table;
    width: 100%;
    font-size: 14px;
}

.divSKargoSAd a img {
    display: inline-block;
    margin-right: 5%;
    max-width: 100%;
}

.divSKargoSBFiyat {
    width: 20%;
    text-align: right;
}

.divSKargoSKOdeme {
    width: 25%;
    text-align: right;
}

/**********************************/
/* S3ODEME */
.divSOdeme {
    display: table;
    width: 100%;
}

.divSOdemeTip, .divSOdemeTipAktif {
    display: table;
    width: 100%;
}

.divSOdemeTipAktif {
    border: solid 1px #ededed;
    background-color: #f8f8f8;
}

.divSOdemeTipBaslik {
    position: relative;
    padding: 20px 0 5px;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 13px;
}

.divSOdemeTipBaslik span {
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding-right: 10px;
}

.divSOdemeTipBaslik:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #cecece;
    top: 27px;
    z-index: 0;
}

.divSOdemeTipBaslik .cekOdemeSec > label {
    line-height: 15px;
}

.divSOdemeTipBaslik > div:last-of-type {
    font-size: 12px;
    font-style: italic;
    color: #6d6d6d;
    font-size: 12px;
    margin-top: 2%;
    font-weight: normal;
    letter-spacing: 0px;
}

.divSOdemeTipDetay {
    display: table;
    width: 100%;
    margin-top: 2%;
}

.divSOdemeTipDetayKKSol, .divSOdemeTipDetayKKSag {
    float: left;
    display: table;
    width: 100%;
}

.divSOdemeTipDetayKKSag {
    margin-top: 4%;
}

.divSOdemeTipDetayKKSol > div > div {
    float: left;
    margin: 5px;
    width: calc(100% - 10px);
    border: solid 1px #dcdcdc;
}

.divSOdemeTipDetayKKSol50 {
    width: calc(50% - 10px) !important;
}

.divSOdemeTipDetayKKSol33 {
    width: calc(33.3% - 10px) !important;
    border-left: 1px solid #dcdcdc !important;
    margin-right: 6px;
}

.divSOdemeTipDetayKKSol > div > div > input, .divSOdemeTipDetayKKSol > div > div > select {
    padding: 0px 5px;
    width: calc(100% - 50px);
    height: 45px;
    background-color: transparent;
    border: none;
    color: #000;
    line-height: 250%;
    font-size: 12px;
    font-family: ZWFont2;
}

.divSOdemeTipDetayKKSol > div > div > select {
    width: calc(100% - 20px);
    background-image: url(../img/icoS2Secim2.png);
}

.divSOdemeTipDetayH {
    display: table;
    width: 100%;
}

.divSOdemeTipDetayH .divSOdemeTipDetayHSatir:last-of-type {
    border-bottom: none;
}

.divSOdemeTipDetayHBaslik {
    display: table;
    width: 100%;
    border-bottom: solid 1px #000;
    line-height: 30px;
    font-weight: bold;
}

.divSOdemeTipDetayHBaslik > div {
    display: table-cell;
    padding: 10px 15px;
    border-right: solid 2px #fff;
    vertical-align: middle;
}

.divSOdemeTipDetayHBCheck {
    width: 60px;
    border-right: solid 1px #000 !important;
}

.divSOdemeTipDetayHBCheck label {
    padding-left: 15px !important;
}

.divSOdemeTipDetayHBAd {
    width: calc(35% - 60px);
}

.divSOdemeTipDetayHBBirim {
    width: 10%;
    text-align: center;
}

.divSOdemeTipDetayHBIban {
    width: 35%;
    text-align: center;
}

.divSOdemeTipDetayHBSube {
    width: 20%;
    text-align: center;
}

.divSOdemeTipDetayHSatir {
    display: table;
    width: 100%;
    border-bottom: solid 1px #fbeded;
    line-height: 30px;
}

.divSOdemeTipDetayHSatir > div {
    display: table-cell;
    padding: 30px 15px;
    border-right: solid 2px #fff;
    vertical-align: middle;
    font-family: ZWFont2;
}

.divSOdemeTipDetayHSCheck {
    width: 60px;
    border-right: solid 1px #000 !important;
}

.divSOdemeTipDetayHSCheck label {
    padding-left: 15px !important;
}

.divSOdemeTipDetayHSAd {
    width: calc(35% - 60px);
}

.divSOdemeTipDetayHSAd a {
    display: table;
    width: 100%;
}

.divSOdemeTipDetayHSAd a img {
    display: inline-block;
    max-width: 100%;
}

.divSOdemeTipDetayHSBirim {
    width: 10%;
    text-align: center;
}

.divSOdemeTipDetayHSIban {
    width: 35%;
    text-align: center;
}

.divSOdemeTipDetayHSSube {
    width: 20%;
    text-align: center;
}

.divSOdemeTipDetayHNot {
    margin-top: 2%;
    font-size: 15px;
}

.divSOdemeTipDetayHNot ul {
    padding-left: 40px;
    list-style: initial;
}

.divSOUyari {
    text-align: center;
    padding-bottom: 5px;
    font-weight: bold;
}

/**********************************/
/* S4ONAY */
.divSOnay .divSSepetSUrunAd a img {
    width: 15%;
    max-width: 60px;
}

.divSOnay {
    display: table;
    margin-top: 3%;
    width: 100%;
}

.divSOnaySecim {
    display: table;
    width: 100%;
    font-size: 14px;
    font-family: ZWFont2;
}

.divSOnaySecimDetay {
    float: left;
    display: table;
    margin-right: 20px;
    width: calc(50% - 10px);
}

div.divSOnaySecimDetay:nth-of-type(2) {
    margin-right: 0px;
}

div.divSOnaySecimDetay:nth-of-type(3) {
    width: 100%;
    margin-right: 0px;
}

.divSOnaySecimDetay > div:first-of-type {
    position: relative;
    margin-bottom: 1.5%;
    padding: 2% 1.5%;
    padding-left: 70px;
    background: url(../img/icoS4Secim1.png) #f5f5f5 no-repeat 20px center;
    font-size: 14px;
    font-weight: bold;
}

.divSOnaySecimDetay > div:first-of-type:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 100%;
    height: 1px;
    border-bottom: solid 1px #000;
}

.divSOnaySecimDetay > div:last-of-type {
    display: table;
    margin: 1.5% 0px;
    padding: 4% 1.5%;
    padding-left: 70px !important;
    width: 100%;
    background-color: #f5f5f5;
    line-height: 200%;
    font-family: ZWFont2;
    font-size: 12px;
}

div.divSOnaySecimDetay:nth-of-type(3) > div:first-of-type {
    background-image: url(../img/icoS4Secim2.png);
}

div.divSOnaySecimDetay:nth-of-type(3) > div:last-of-type {
    padding: 1% 1.5%;
    background-color: transparent;
}

div.divSOnaySecimDetay:nth-of-type(3) > div:last-of-type > div {
    margin-bottom: 1%;
    font-weight: bold;
}

div.divSOnaySecimDetay:nth-of-type(3) td {
    padding-right: 10px;
    vertical-align: top;
}

div.divSOnaySecimDetay:nth-of-type(3) img {
    padding-right: 20px
}

div.divSOnaySecimDetay:nth-of-type(3) table table tr > td:first-of-type {
    font-weight: bold;
}

.divSOSozlesme {
    color: #000 !important;
}

.divSOSozlesme > a {
    text-decoration: underline;
}

.divSOSozlesme > label {
    padding-right: 0 !important;
}

/**********************************/
/* S5SONUC */
.divSSonuc {
    display: table;
    width: 800px;
    text-align: center;
    font-size: 14px;
    line-height: 200%;
}

.divSSonuc > div > div {
    display: table;
    margin: auto auto;
    padding: 1% 1%;
}

.divSSonuc > div > div:first-of-type {
    margin: 3% auto 1% auto;
    font-weight: bold;
    color: #252f24;
    font-size: 18px;
}

.divSSonucOK > div:first-of-type {
    border-top: solid 1px #11b605;
}

.divSSonucOK > div:nth-of-type(2) {
    font-size: 15px;
    font-family: ZWFont2;
}

.divSSonucOK > div:nth-of-type(2) > span:first-of-type {
    color: #11b605;
}

.divSSonucOK > div:nth-of-type(3) {
    font-size: 13px;
}

.divSSonucHata > div:first-of-type {
    border-top: solid 1px #a20303;
}

.divSSonucHata > a {
    display: inline-block;
    padding: 5px 15px;
    background-color: #a20303;
    color: #fff;
    font-size: 13px;
}

.divSSonucHavale {
    padding: 2% 15%;
    background-color: #f8f8f8;
}

.divSSonucHavale > div:first-of-type {
    margin: 0px auto !important;
}

.divSSonucHavale > div:last-of-type {
    color: #626262;
    font-size: 12px;
    line-height: 150%;
}

/**********************************/
/* HABER */
.divHOrta {
    margin: 20px 0px;
    display: table;
}

.divHOrta > div {
    float: left;
    display: table;
    padding: 2.5% 3%;
}

.divMHUst {
    display: none;
    padding: 2% 0px;
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    font-family: ZWFont2;
    font-size: 14px;
}

.divMHUstFixed {
    position: fixed;
    z-index: 111;
    top: 0px;
    background-color: #fff;
    border-bottom: solid 1px #e7e7e7;
}

.divMHUst > div {
    padding: 5px 10px;
    border-right: solid 1px #e1e1e1;
}

.divMHUst > div:last-of-type {
    padding: 0px 0px;
    border-right: none;
}

.divMHUst > div:nth-of-type(1) > a {
    display: inline-block;
    padding-left: 30px;
    background: url(../img/iletisim-ok.png) no-repeat left center;
}

.divHFiltre {
    width: calc(25% - 60px);
    background-color: #f3f0ee;
    margin: 20px 30px;
    height: -webkit-fill-available;
}

.divHKategori {
    display: inline-block;
    margin-bottom: 10%;
    width: 100%;
}

.divHKategori:last-of-type {
    margin-bottom: 0px;
}

.divHKategoriBaslik {
    margin-bottom: 3%;
    padding-bottom: 3%;
    font-size: 16px;
    font-family: ZWFont1;
    color: #121314;
}

.divHKategoriDetay {
    padding: 0% 0%;
}

.divHKategoriDetay a {
    margin-bottom: 6%;
    color: #121314;
    padding: 6%;
    display: block;
    width: 100%;
    font-family: ZWFont2;
    font-size: 12px;
    border-bottom: solid 1px #d4cfcc;
}

.divHKategoriDetay a:last-of-type {
    padding-bottom: 0px;
    border-bottom: none;
}

.aHKategoriDetayA {
    font-weight: bold;
}

.divHSag {
    margin-bottom: 20px;
    width: 75%;
    background-color: #fff;
    font-family: ZWFont2;
    font-size: 12px;
    line-height: 25px;
    color: #121314;
}

.divHBaslik {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2%;
    font-family: ZWFont2;
}

/**********************************/
/* ILETISIM */
.divIForm {
}

.divIFBaslik {
    padding: 0px 0px;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    font-size: 20px;
    text-align: left;
}

.divIFKayit {
    display: table;
    width: 100%;
    padding: 2% 1% 0px 1%;
    padding-left: 0;
    padding-top: 0;
}

.divIFKayit > div {
    float: left;
    /* margin: 1% 3%; */
    width: calc(100% - 250px);
    border: solid 1px #ededed;
}

.divIFKayitTek {
    width: 94% !important;
}

.divIFKayit > div > input, .divIFKayit > div > select {
    padding: 0px 5px;
    width: calc(100%);
    height: 45px;
    background-color: transparent;
    border: none;
    color: #363636;
    line-height: 250%;
    font-size: 12px;
    font-family: ZWFont2;
}

.divIFKayit > div > select {
    width: calc(100% - 10px);
    background-image: url(../img/icoS2Secim2.png);
}

.divIFKayitGKod {
    background-color: #f5f5f5;
    border-bottom: none !important;
}

.divIFKayitGKod input {
    float: left;
    margin-top: 5px;
    width: calc(100% - 200px) !important;
}

.divIFKayitGKod img {
    float: right;
}

.divIFKayitButon {
    border: none !important;
    width: 250px!important;
}

.btnIFTemizle, .btnIFGonder {
    float: left;
    padding: 1% 0px;
    /* width: calc(50% - 5px) !important; */
    height: 45px !important;
    background-color: #000 !important;
    color: #fff !important;
    letter-spacing: 1px;
    width: 100%!important;
}

.btnIFGonder {
    float: right;
    background-color: #8d0303 !important;
}

.divIAdres {
}

.divIABaslik {
    font-family: ZWFont1;
    font-size: 16px;
    text-align: left;
    line-height: 200%;
    color: #121314;
}

.divIABaslik > div {
    font-size: 18px;
    font-weight: normal;
}

.divIAMagazalar {
    display: table;
    margin-top: 2.5%;
    font-size: 12px;
    width: 100%;
}

.divIAMagaza {
    float: left;
    display: table;
    width: 24%;
    margin-right: 1%;
}

div.divIAMagaza:last-of-type {
    margin-right: 0px;
}

.divIAMagaza > div {
    margin-top: 10px;
}

.divIAMagaza > div > a {
    color: #0c0ac4;
    text-decoration: underline;
}

.divIAMagazalar .divHSSSDetay2 {
    margin-top: 20px;
}

.divIAMagazalar .divHSSSDetay2 > iframe {
    width: 100% !important;
    height: 240px !important;
}

.divIAMagaza > div:first-of-type {
    margin-top: 25px;
    font-family: ZWFont2;
    font-size: 13px;
    text-decoration: underline;
}

/**********************************/
/* SSS */
.divHSSS {
    display: table;
    width: 100%;
    border-bottom: solid 1px #000;
}

.divHSSSBaslik {
    padding-left: 40px;
    background: url(../img/icoSSS1.png) no-repeat 10px center;
    font-size: 13px;
    display: block;
    width: 100%;
    line-height: 60px;
    color: #000000;
    font-family: ZWFont1;
    background-size: 15px;
}

.divHSSSBaslikAktif {
    background-image: url(../img/icoSSS2.png);
}

.divHSSSDetay {
    display: none;
    padding-left: 40px;
    font-size: 12px;
    font-family: ZWFont2;
    line-height: 40px;
    /* background-color: #ededed; */
}

/**********************************/
/* KURUMSAL */
.divKurumsal {
    display: table;
}


.divKurumsalSol {
    margin-right: -10%;
    background-color: #ffffff;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.divKurumsalB1 {
    position: relative;
    z-index: 0;
    padding-top: 4%;
    padding-left: 5px;
    font-family: 'ZWFont1';
    font-size: 20px;
    letter-spacing: 2px;
}

.divKurumsalB1::before {
    position: absolute;
    left: 0px;
    content: "";
    width: 150px;
    height: 20px;
    background-color: rgb(237, 237, 237);
    z-index: -1;
    margin-top: 15px;
}

.divKurumsalB2 {
    margin-top: 8%;
    padding: 10% 5% 10% 0;
    z-index: 2;
    background-color: #ffffff;
    position: relative;
    font-size: 14px;
}

.divKurumsalSag {
    position: relative;
    padding: 4%;
}

.divKurumsalB3 {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 35px;
    font-family: 'ZWFont1';
    line-height: 150%;
    letter-spacing: 2px;
    text-align: right;
}

/**********************************/
/* UYELIK */
.divKOrta {
    margin: 20px 0px;
    overflow: hidden;
    padding: 0 10%;
}

.divKOrta > div {
    float: left;
    display: table;
    padding: 2.5% 0 2.5% 6%;
}

.divKSol {
    margin-right: 20px;
    width: calc(35% - 20px);
    background-color: #fff;
}

.divKSag {
    width: 65%;
    background-color: #fff;
}

.divKSolBaslik {
    padding: 15px 0px;
    width: 100%;
    color: #121314;
    font-size: 15px;
    text-align: left;
    font-family: ZWFont1;
    line-height: 40px;
}

.divKSagBaslik {
    padding: 15px 20px;
    width: 100%;
    color: #121314;
    font-size: 15px;
    text-align: left;
    font-family: ZWFont1;
    line-height: 40px;
    padding-left: 0;
}

.divKKayit {
    display: table;
    width: 100%;
    padding: 10px 0px;
}

.divKKayit > div {
    float: left;
    margin: 10px 20px;
    width: 44%;
    /* border-bottom: solid 1px #c9c9c9; */
}

.divKKayitTek {
    width: 94% !important;
}

.divKKayit > div > input, .divKKayit > div > select {
    padding: 0px 5px;
    height: 40px;
    background-color: transparent;
    border: none;
    color: #000000;
    line-height: 250%;
    font-size: 12px;
    font-family: ZWFont2;
    width: 100%;
}

.divKKayit > div > input::placeholder {
    color: #000000;
    font-family: ZWFont2;
    font-size: 12px;
    font-weight: 400;
}

.divKKayit > div > select {
    width: calc(100%);
    background-image: none;
}

.divKKayitAlt {
    margin-top: 2%;
    padding: 1%;
}

.divKKayitGKod {
    background-color: #f5f5f5;
    border-bottom: none !important;
}

.divKKayitGKod input {
    float: left;
    margin-top: 0px;
    text-indent: 10px;
}

.divKKayitGKod img {
    float: right;
}

.divKKayitButon {
    border-bottom: none !important;
    margin: auto!important;
    float: none !important;
    width: 55%!important;
}

.divKKayitButon > a {
    font-size: 12px;
    text-decoration: underline;
    font-family: ZWFont1;
    line-height: 38px;
}

.divKKayitSozlesme {
    margin: 10px 20px!important;
    /* min-height: 55px; */
    font-family: ZWFont2;
    width: 94%!important;
}

.divKKayitSozlesme > label {
    padding-right: 0 !important;
}

.btnKRenk1, .btnKRenk2, .btnKRenk3 {
    font-family: ZWFont1!important;
    float: left;
    padding: 1% 0px;
    width: calc(100% - 0px) !important;
    height: 45px !important;
    background-color: #44b7a7 !important;
    color: #fff !important;
    letter-spacing: 2px;
}

.btnKRenk2 {
    background-color: #1980c0 !important;
    margin-top: 35px;
}

.btnKRenk3 {
    background-color: #3f5d9b !important;
}

.divKSolForm {
}

.divKSolForm .divKKayit > div {
    margin: 2% 0px !important;
    width: 50% !important;
}

.divKSolForm .divKKayitTek {
    margin: 10px 0px !important;
    width: 100% !important;
}

.divKGiris1, .divKGiris2, .divKGiris3, .divKGiris4, .divKGiris5 {
    border: 1px solid #000;
    position: relative;
    /* padding-left: 80px !important; */
    /* background: url(../img/icoKGiris1.png) no-repeat 20px center; */
}

.divKGiris2 {
    /* background-image: url(../img/icoKGiris2.png); */
}

.divKGiris3 {
    /* background-image: url(../img/icoKGiris3.png); */
}

.divKGiris4 {
    /* background-image: url(../img/icoKGiris4.png); */
}

.divKGiris5 {
    /* background-image: url(../img/icoKGiris5.png); */
}

/* .divKGiris1:before, .divKGiris2:before, .divKGiris3:before, .divKGiris4:before, .divKGiris5:before { content: ""; position: absolute; left: 70px; top: 0px; width: 1px; height: 45px; border-right: solid 1px #c9c9c9; } */
.divKSagForm {
    /* margin-top: 5px; */
}

/**********************************/
/* SIPARISLERIM */
.divKSiparis {
    display: table;
    margin-top: 2%;
    width: 100%;
}

.divKSiparis .divKSiparisSatir:last-of-type {
}

.divKSiparisBaslik {
    display: table;
    width: 100%;
    line-height: 30px;
    font-weight: bold;
    font-family: ZWFont1;
    background-color: #f3f0ee;
}

.divKSiparisBaslik > div {
    display: table-cell;
    padding: 5px 10px;
    vertical-align: middle;
}

.divKSiparisB25 {
    width: 25%;
}

.divKSiparisB20 {
    width: 20%;
}

.divKSiparisB15 {
    width: 15%;
}

.divKSiparisB10 {
    width: 10%;
    text-align: right;
}

.divKSiparisSatir {
    display: table;
    width: 100%;
    border-bottom: solid 1px #fbeded;
    line-height: 20px;
    font-family: ZWFont2;
    font-size: 12px;
}

.divKSiparisSatir > div {
    display: table-cell;
    padding: 15px 10px;
    border-right: solid 2px #fff;
    vertical-align: middle;
}

.divKSiparisS25 {
    width: 25%;
}

.divKSiparisS20 {
    width: 20%;
}

.divKSiparisS15 {
    width: 15%;
}

.divKSiparisS10 {
    width: 10%;
    text-align: right;
}

/* BarkodLERIM */
.divKBarkod {
    display: table;
    margin-top: 2%;
    width: 100%;
}

.divKBarkod .divKBarkodSatir:last-of-type {
}

.divKBarkodBaslik {
    display: table;
    width: 100%;
    border-bottom: solid 1px #000;
    line-height: 30px;
    font-weight: bold;
}

.divKBarkodBaslik > div {
    display: table-cell;
    padding: 5px 5px;
    border-right: solid 2px #fff;
    vertical-align: middle;
    text-align: center;
}

.divKBarkodB30 {
    width: 30%;
}

.divKBarkodB20 {
    width: 20%;
}

.divKBarkodB15 {
    width: 15%;
}

.divKBarkodB10 {
    width: 10%;
    text-align: right;
}

.divKBarkodSatir {
    display: table;
    width: 100%;
    border-bottom: solid 1px #fbeded;
    line-height: 20px;
}

.divKBarkodSatir > div {
    display: table-cell;
    padding: 5px 5px;
    border-right: solid 2px #fff;
    vertical-align: middle;
    text-align: center;
}

.divKBarkodS30 {
    width: 30%;
}

.divKBarkodS20 {
    width: 20%;
}

.divKBarkodS15 {
    width: 15%;
}

.divKBarkodS10 {
    width: 10%;
    text-align: right;
}

.divTaksitSec {
    position: relative;
    padding: 20px 45px;
}

.divTaksitSec:before {
    position: absolute;
    content: "";
    background: url(../img/icoTaksit.png);
    width: 27px;
    height: 17px;
    left: 10px;
    background-size: contain;
}

/**********************************/
/* TAKSIT TABLOSU */
.divTBaslik {
    padding: 15px 0px;
    font-size: 18px;
    color: #000;
    text-align: center;
}

.divTTablo {
    display: table;
    width: 100%;
    font-family: Arial;
}

.divTTabloBaslik {
    display: table;
    width: 100%;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    color: #1f1f1f;
    line-height: 30px;
    font-weight: bold;
}

.divTTabloBaslik > div {
    display: table-cell;
    padding: 10px 15px;
    border-right: solid 1px #e5e5e5;
    vertical-align: middle;
}

.divTTabloBLogo {
    width: 15%;
    max-width: 150px;
}

.divTTabloBTaksit {
    width: 10%;
    text-align: center;
}

.divTTabloSatir {
    display: table;
    width: 100%;
    border-bottom: solid 1px #e3e3e3;
    line-height: 20px;
    text-align: center;
    color: #636262;
    font-size: 14px;
}

.divTTabloSatir > div {
    display: table-cell;
    padding: 10px 15px;
    border-right: solid 1px #e5e5e5;
    vertical-align: middle;
}

.divTTabloSLogo {
    width: 15%;
    max-width: 150px;
    background-color: #eeeeee;
}

.divTTabloSLogo img {
    max-width: 100%;
    max-height: 30px;
}

.divTTabloSTaksit {
    width: 10%;
}

/**********************************/
.divSHaberSayfa {
    padding: 5px;
    width: 100%;
    font-family: ZWFont2;
    font-size: 12px;
    color: #000;
    letter-spacing: 1px;
}

.divSHaberBaslik {
    margin: 5px 0px;
    text-align: center;
}

.divSHaberSecenek {
    margin: 5px;
}

.divSHaberSecenek > table {
    margin: auto;
    font-weight: bold;
}

.divSHaberInput {
    margin: 5px;
}

.divSHaberInput input {
    padding: 3% 3%;
    margin-bottom: 2%;
    font-size: 16px;
    border-radius: 3px;
    letter-spacing: 2px;
    text-align: center;
    color: #000;
    width: 100%;
    border: solid 1px #ccc;
    font-family: ZWFont2;
}

.divSHaberButon {
    margin: 5px;
}

.divSHaberButon > input {
    padding: 15px;
    background-color: #000000 !important;
    color: #ffffff !important;
    font-size: 18px;
    letter-spacing: 1px;
    width: 100%;
}

.divSHaberSayfa .divKKayitSozlesme {
    width: 100% !important;
}

.divStoryBg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000;
    opacity: 0.8;
}

.divStoryDis {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    font-family: Arial;
}

.divStoryKapat {
    position: absolute;
    right: -25px;
    top: -10px;
    z-index: 11;
    cursor: pointer;
    font-size: 30px;
    color: #fff;
}

.divStoryIcerik {
    position: relative;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
}

.divStoryMedia {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 11;
}

.divStoryLink {
    cursor: pointer;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.25)),to(transparent));
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.25),transparent);
    background: linear-gradient(to top,rgba(0,0,0,.25),transparent);
    bottom: 0;
    height: 20%;
    left: 0;
    z-index: 12;
    position: absolute;
    width: 100%;
    text-align: center;
}

.divStoryLink > a {
    position: absolute;
    bottom: 15px;
    color: #fff;
    left: 0px;
    width: 100%;
    font-size: 14px;
    z-index: 12;
}

.divStoryGizli {
    display: none;
}

.divStoryGeri {
    background-image: url('../img/navleftM1.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -30px;
    background-size: contain;
}

.divStoryIleri {
    background-image: url('../img/navrightM1.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: -12px;
    top: 50%;
    margin-top: -30px;
    background-size: contain;
}

.btnMInstagram {
    background-image: url('../img/btninstagramprofil.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    float: left;
    display: block;
    margin-top: 1px;
    margin-right: 9px;
    border-radius: 50%;
}

.btnMInstagramA {
    background-image: url('../img/btninstagramprofil.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    float: left;
    display: block;
    margin-top: 1px;
    margin-right: 10px;
    border-radius: 50%;
}

.divUDInstagram {
    text-align: left;
    font-family: ZWFont2;
    font-size: 11px;
    margin-top: 25px;
    position: relative;
    display: block;
    height: 50px;
    /* margin: auto; */
    text-align: center;
    margin-top: 5px;
}

.divUDStory {
    cursor: pointer;
}

.divUDPost {
    float: left;
    cursor: pointer;
}

.divUDGelenPost {
    float: right;
}

.divUDYoutube > div:first-of-type > a:first-of-type {
    background-image: url('../img/youtubeud.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    position: absolute;
    height: 28px;
    left: 2px;
    top: 8px;
    display: block;
    z-index: 99;
}

.divUDYoutube > div:first-of-type > a:last-of-type {
    position: relative;
    /* width: 90%; */
    float: left;
    /* height: 40px; */
    text-decoration: underline;
    /* border-radius: 4px; */
    font-size: 11px;
    /* left: 20px; */
    font-family: ZWFont1;
    font-size: 11px;
    line-height: 40px;
    padding-left: 50px;
    top: 5px;
    /* -webkit-box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8); */
    -moz-box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8);
    /* box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8); */
    letter-spacing: 1px;
}

.divUDPost a {
    line-height: 30px;
}

.divUDStory a {
    line-height: 30px;
}

.divBGbtnInstagram {
    background-image: url('../img/instagramborder.png');
    width: 40px;
    height: 40px;
    background-size: contain;
    position: absolute;
    top: -3px;
    left: -4px;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.divUDBGbtnInstagram {
    background-image: url('../img/instagramborder.png');
    width: 38px;
    height: 38px;
    background-size: contain;
    position: absolute;
    top: 0px;
    z-index: 99;
    left: 0;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.divUDStory > div {
    position: relative;
}

.divUDStory > div:first-of-type a {
    background-image: url('../img/btninstagramprofil.png');
    background-repeat: no-repeat;
    width: 37px;
    height: 37px;
    float: right;
    display: block;
    margin-top: -5px;
    margin-right: 10px;
    border-radius: 50%;
}

.divUDPost > div:first-of-type > a:first-of-type {
    background-image: url('../img/btninstagramud.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    position: absolute;
    height: 35px;
    left: 2px;
    top: 1px;
    display: block;
    z-index: 99;
}

.divUDPost > div:first-of-type > a:last-of-type {
    position: relative;
    /* width: 90%; */
    float: left;
    /* height: 40px; */
    text-decoration: underline;
    /* border-radius: 4px; */
    font-size: 11px;
    /* left: 20px; */
    font-family: ZWFont1;
    font-size: 12px;
    line-height: 40px;
    padding-left: 50px;
    top: 1px;
    /* -webkit-box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8); */
    -moz-box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8);
    /* box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8); */
    letter-spacing: 1px;
}

.divUDGelenPost > div:first-of-type > a:first-of-type {
    background-image: url(../img/btnudgelenpost.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    position: absolute;
    height: 35px;
    left: 2px;
    top: 1px;
    border-radius: 50%;
    background-color: #ffffff;
    display: block;
    z-index: 99;
}

.divUDGelenPost > div:first-of-type > a:last-of-type {
    position: relative;
    float: left;
    /* height: 40px; */
    text-decoration: underline;
    /* border-radius: 4px; */
    font-size: 11px;
    /* left: 20px; */
    font-family: ZWFont1;
    font-size: 12px;
    line-height: 40px;
    padding-left: 50px;
    padding-right: 30px;
    top: 1px;
    /* -webkit-box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8); */
    -moz-box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8);
    /* box-shadow: 0px 0px 3px 3px rgba(229,229,229,0.8); */
    letter-spacing: 1px;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotateZ('360deg');
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}

/**********************************/
/* ANIMASYON */
@keyframes divSepetZil {
    0% {
        transform: rotate(0);
    }

    0.3% {
        transform: rotate(30deg);
    }

    1% {
        transform: rotate(-28deg);
    }

    1.6% {
        transform: rotate(34deg);
    }

    2.3% {
        transform: rotate(-32deg);
    }

    3% {
        transform: rotate(30deg);
    }

    3.6% {
        transform: rotate(-28deg);
    }

    4.3% {
        transform: rotate(26deg);
    }

    5% {
        transform: rotate(-24deg);
    }

    5.6% {
        transform: rotate(22deg);
    }

    6.3% {
        transform: rotate(-20deg);
    }

    7% {
        transform: rotate(18deg);
    }

    7.6% {
        transform: rotate(-16deg);
    }

    8.3% {
        transform: rotate(14deg);
    }

    9% {
        transform: rotate(-12deg);
    }

    9.6% {
        transform: rotate(10deg);
    }

    10.3% {
        transform: rotate(-8deg);
    }

    11% {
        transform: rotate(6deg);
    }

    11.6% {
        transform: rotate(-4deg);
    }

    12.3% {
        transform: rotate(2deg);
    }

    13% {
        transform: rotate(-1deg);
    }

    13.6% {
        transform: rotate(1deg);
    }

    14.3% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

/**********************************/
/* RESPONSIVE */
@media screen and (max-width: 1600px) {
    .divKOrta {
        padding: 2%;
    }

    .divUDTab > div:first-of-type {
        line-height: 45px;
    }

    .divUDBeden > div > h4 > div,.divUDBeden > div > h4 > a {
    }

    .navMenuUst > ul {
        margin: 0;
    }

    /*.divAltAciklama2 { padding: 10px 15px; }
    .divAltAciklama2 img { height: 40px; }*/
    .divSOSag {
        font-size: 12px;
    }

    .divSOSag > div:nth-of-type(2) > div {
        line-height: 18px;
    }

    .divSOSag > div:nth-of-type(2) > div:last-of-type {
        line-height: 24px;
    }

    .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type {
        font-size: 20px;
    }

    .divUDBeden > div > h4 > div, .divUDBeden > div > h4 > a {
        padding: 14px 16px;
    }
}

@media screen and (max-width: 1400px) {
    body {
        font-size: 12px;
    }

    .divUDetay {
        padding: 10px 0;
    }

    .ulUstSabit li {
        margin-right: 10px;
    }

    .ulUstSabit li:before {
        margin-right: 10px;
    }

    .navMenuUst > ul > li > a {
        padding: 0 16px 0 0;
        line-height: 45px;
    }

    .divContainer {
        width: calc(100% - 50px) !important;
    }

    .navMenuUst > ul {
        margin: 0;
    }

    .divUDBeden > div > h4 > div, .divUDBeden > div > h4 > a {
        padding: 12px 14px;
    }

    .tblAltAciklama1 {
        border-spacing: 5px;
        font-size: 13px;
    }

    .divMenuAltDetay > div {
        width: 100%;
    }

    .divSOSag > div:nth-of-type(2) > div {
        line-height: 16px;
    }

    .divSOSag > div:nth-of-type(2) > div > div:last-of-type {
        font-size: 16px;
    }

    .divSOSag > div:nth-of-type(2) > div:last-of-type {
        line-height: 18px;
    }

    .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type {
        font-size: 18px;
    }

    .divSSepetSBFiyat {
        font-size: 16px;
    }

    .divSSepetSToplam {
        font-size: 16px;
    }

    .divSOrta {
        padding: 2.5% 1%;
    }

    .divSSepetSatir > div {
        font-size: 12px;
    }

    .txtSSAdet {
        font-size: 16px;
        line-height: 40px;
    }

    .divKOrta > div {
        padding: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .divKOrta {
    }

    .divKOrta > div {
        padding: 10px 10px 10px 20px;
    }

    .divKKayit > div {
        margin: 1.5%;
    }

    .divMenuUstTool {
        margin-right: 5px;
    }

    /* .owlUrunler .owl-item:nth-of-type(3n+1) .item { margin-right: 4.5%; }
    .owlUrunler .owl-item:nth-of-type(3n+2) .item { margin-right: 3%; margin-left: 1.5%; }
    .owlUrunler .owl-item:nth-of-type(3n+3) .item { margin-right: 0px; margin-left: 4.5%; } */
    .divGaleriBaslik > h2 {
        width: 100%;
    }

    .divGaleriBaslik > a {
        padding: 0;
        font-size: 10px;
        letter-spacing: 0px;
    }

    .divGaleriBaslik > h2 a:first-of-type {
        padding: 0;
    }

    .divSM {
        width: 50%;
    }

    .divSM > a:nth-of-type(7), .divSM > a:nth-of-type(8) {
        float: left;
        width: 100%;
    }

    .divSOSag {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .divSOSag > div:nth-of-type(2) {
    }

    .divSOSag > div:nth-of-type(2) > div:last-of-type > div:last-of-type {
        font-size: 14px;
        letter-spacing: 0px;
    }

    .divSSepetBaslik > div {
        padding: 5px 10px;
    }

    .divSSepetBCheck, .divSSepetBSil {
        width: 50px;
    }

    .divSSepetSatir > div {
        padding: 5px 10px;
    }

    .divSSepetSCheck, .divSSepetSSil {
        width: 50px;
    }

    .divSSepetSBFiyat {
        font-size: 13px;
    }

    .divSSepetSToplam {
        font-size: 13px;
    }

    .txtSSAdet {
        font-size: 16px;
        line-height: 30px;
    }

    .divSSepetSAdet {
        font-size: 16px;
    }

    .divHBaslik {
        font-size: 16px;
    }

    /* ILETISIM */
    .divIAMagaza {
        width: 49%;
    }

    div.divIAMagaza:first-of-type {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .divIAMagaza > div:first-of-type {
        margin-top: 10px;
    }

    /**********************************/
    /* UYELIK */
    .divKGiris1, .divKGiris2, .divKGiris3, .divKGiris4, .divKGiris5 {
        /* padding-left: 60px !important; */
        background-position: 10px center !important;
    }

    .divKGiris1:before, .divKGiris2:before, .divKGiris3:before, .divKGiris4:before, .divKGiris5:before {
        left: 50px;
    }

    /**********************************/
    /* SIPARISLERIM */
    .divKSiparisSatir > div {
        padding: 5px 10px;
    }

    .divKSiparisS20, .divKSiparisS10 {
        font-size: 13px;
    }

    .navMenuUst > ul {
        margin: 0;
    }

    /**********************************/
}

@media screen and (max-width: 1000px) {
    .btnScrollUp {
        right: 15px;
        width: 30px;
        height: 30px;
        background-size: contain;
    }

    .divUReyon > span {
        width: 35px;
        height: 35px;
        font-size: 11px;
        line-height: 41px;
        letter-spacing: 0px;
    }

    .divUUst1 ul > li {
        font-size: 10px;
    }

    .divSlideKategori .owl-item .item div {
        font-size: 10px;
        letter-spacing: 0px;
    }

    .divUDTab > div:last-of-type {
        font-size: 11px;
    }

    .divUDAd1 {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .divUDAd2 {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .btnUDPaylas {
        font-size: 11px;
        letter-spacing: 0px;
    }

    .divUDGelenPost > div:first-of-type > a:last-of-type {
        font-size: 11px;
        letter-spacing: 0px;
    }

    .divEBultenDetay > div:first-of-type {
        font-size: 14px;
    }

    .divSlideUrunFiyat {
        font-size: 12px;
        font-family: ZwFont2;
    }

    .divSlideUrunAd {
        font-size: 8px;
        font-family: ZwFont2;
    }

    #owl-slide3 .item > div:first-of-type a:last-of-type {
        padding: 3.5% 3%;
        font-size: 10px;
    }

    .lblSagIcerik {
        font-size: 10px;
        letter-spacing: 1px;
        line-height: 24px;
    }

    .lblSagBaslik {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .textCenter .divAnaBannerB1 > span {
        font-size: 11px;
        letter-spacing: 0px;
    }

    .divIFKayitButon {
        width: 100px!important;
    }

    .divKSiparisSatir {
        line-height: 32px;
    }

    .divHKategoriDetay a {
        padding: 10px 0;
    }

    .divKOrta {
        padding: 20px 50px;
    }

    .divKSagBaslik {
        padding: 15px 10px;
    }

    .divKKayitSozlesme {
        margin: 10px 0 !important;
    }

    .divKKayitSozlesme input[type=checkbox] + label {
        line-height: normal!important;
    }

    .divKKayitButon {
        width: 100%!important;
    }

    .divUDSag > div:first-of-type {
        display: none;
    }

    .divYukle > a {
        left: 0;
    }

    .divUDAd {
        margin-top: 20px;
        margin-left: 0;
        width: 100%;
    }

    .divUDVaryant > div {
        padding: 0;
    }

    .divUDFiyat {
        text-align: center;
        /* padding-left: 5px; */
    }

    .divUDPost > div:first-of-type > a:last-of-type {
        padding-left: 47px;
        font-size: 11px;
        letter-spacing: 0px;
    }

    .divUDKargo {
        width: 100%;
        float: left;
        margin-bottom: 0;
    }

    .divUDKargo span {
        width: 170px;
        text-align: left;
        padding-left: 10px;
    }

    .divAMSepetBaslik > span:first-child {
        /* margin-left: -15px; */
    }

    .divAMSepetBaslik > span:first-child > span {
        right: 83px;
    }

    .divUDSag {
        /* padding-right: 0; */
        padding: 3% 0;
    }

    .divAnaBannerB > div {
    }

    .divUUst1 {
        padding: 4px 6px 0px;
    }

    .divKategoriBanner > div > .divKategoriBBaslik {
        margin-top: 20px;
    }

    .divKategoriBanner > div > span {
        font-size: 15px;
    }

    .divKategoriBanner2 > div > span {
        font-size: 9px;
    }

    .divKategoriBanner2 > div > .divKategoriBBaslik {
        line-height: 0px;
    }

    .divGaleriDis {
        /* border: none; */
        padding-bottom: 0px;
    }

    .divSM > a:nth-of-type(7), .divSM > a:nth-of-type(8) {
        margin: 0;
    }

    .divKategoriBanner {
        width: 100%;
        padding: 5%;
        min-height: auto;
    }

    .btnMAra, .btnMKullanici, .btnMSepet {
        margin-left: 0;
        background-size: contain;
        height: 25px;
        /* line-height: 40px; */
    }

    .divEBulten {
        display: none
    }

    .aUFKategoriL2A {
        font-size: 14px;
    }

    .aUFKategoriL1 {
        font-size: 14px;
    }

    .aUFKategoriL2 {
        font-size: 12px;
    }

    .aUFKategoriL1A {
        font-size: 14px;
    }

    .divContainer {
        width: 100% !important;
    }

    .divOrta {
        /* margin-top: 8px; */
    }

    .divAltMenuCerez {
        width: 95%;
    }

    .divUKod {
        font-size: 10px;
    }

    /*.divUAd a  {white-space: nowrap; text-overflow: ellipsis}*/
    .divMenuUstSabit {
        padding: 0px 10px;
    }

    .divMenuUstMesaj {
        line-height: 25px;
        letter-spacing: 2px;
    }

    .divMLeftBaslik {
        display: block;
    }

    .divMLeftAltGoster {
        display: block;
    }

    .divMenuIc {
        /*margin: 10px auto -45px auto; padding: 0px 0px 15px 0px;*/
        /* margin-top:10px; */
        padding: 0px;
        background-color: #1eb1e7;
    }

    .divMMenu {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .aLogo {
        width: 100px;
        height: 50px;
        background-image: url(../img/logoM.png);
        background-size: cover;
        background-size: cover;
    }

    .aLogo:before {
        content: " ";
        position: absolute;
        width: 100%;
        border-bottom: solid 1px #ededed;
        left: 0px;
        top: 50px;
    }

    .aLogo:after {
        display: none;
        content: " ";
        position: absolute;
        width: 100%;
        border-bottom: solid 1px #ededed;
        left: 0px;
        top: 97px;
    }

    .divMenuUstTool {
        margin-top: 10px;
        margin-right: 10px;
    }

    .divMenuUstTool > * {
        content: " ";
        margin-left: 10px;
    }

    .divMenuUstTool > *:first-child {
        margin-left: 0px;
    }

    .navMenuUst {
        display: block;
        margin: 0px 0px 0px 0px;
    }

    .navMenuUst > ul {
        padding: 0px 0px 0px 0px;
        width: 100%;
    }

    .navMenuUst > ul > li {
        padding: 0px 0px;
        width: 100%;
        border-bottom: solid 1px #fff;
        position: relative;
    }

    .navMenuUst > ul > li:after {
        content: " ";
        position: absolute;
        left: 0px;
        bottom: 1px;
        width: 100%;
        height: 1px;
        border-bottom: solid 1px #ededed;
    }

    .navMenuUst > ul > li > a {
        display: block !important;
        margin-right: 0px;
        padding: 0px;
        font-size: 13px;
        margin-left: 10px;
    }

    .navMenuUst > ul > li > div {
        position: relative;
        top: 0px;
        left: 0px;
        margin-top: 0px;
        padding-top: 0px;
        width: 100%;
    }

    .navMenuUst > ul > li > div > div > ul > li:first-child {
        display: block;
    }

    .navMenuUst > ul > li > div > div {
        width: 100%;
        background-color: #fff;
        min-width: 100%;
    }

    .navMenuUst > ul > li > div > div > * {
        display: block;
        padding: 0px 20px;
        max-height: 350px;
        overflow: auto;
    }

    .navMenuUst > ul > li > div > div > ul > li:first-of-type a {
        /*padding:0px;*/
    }

    .navMenuUst > ul > li > div > div > ul > li > a {
        font-size: 12px;
    }

    .divSM {
        position: relative;
        /* margin: 2% auto 1.5%; */
        /* width: 100%; */
        /* display:  table; */
        text-align: left;
        float: none;
        margin: auto;
        width: 100%;
    }

    .divSM > a {
        float: inherit;
        margin: 0% 0;
        line-height: normal;
        font-size: 13px;
    }

    .divSM > a:nth-of-type(1) {
        display: block;
        color: #333333;
        font-size: 13px;
        line-height: 30px;
        font-family: ZWFont2;
    }

    .divSM > a:nth-of-type(2) {
        display: block;
        color: #333333;
        font-size: 13px;
        line-height: 30px;
        font-family: ZWFont2;
    }

    .divSM > a:nth-of-type(3) {
        float: left;
        margin: 0 15px;
        position: absolute;
        left: 220px;
        top: 20px;
        padding-left: 0;
    }

    .divSM > a:nth-of-type(4) {
        width: 100%;
        float: left;
        padding-left: 10px;
        font-size: 12px !important;
        height: 60px;
        line-height: 60px;
        border-bottom: solid 1px #e6e6e6;
    }

    .divSM > a:nth-of-type(5) {
        position: absolute;
        top: 80px;
        left: 180px;
        float: left;
        margin: 0 15px;
        padding-left: 0;
    }

    .divSM > a:nth-of-type(6) {
        position: absolute;
        top: 80px;
        left: 220px;
        float: left;
        margin: 0 15px;
        padding-left: 0;
    }

    .divSM > a:nth-of-type(7) {
        border-top: 1px solid #e6e6e6;
    }

    .divSM > a:nth-of-type(8) {
    }

    .aSMInstagramM {
        background-image: url(../img/ico-instagram.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px !important;
        height: 20px !important;
    }

    .aSMFaceM {
        background-image: url(../img/ico-face.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20px !important;
        height: 20px !important;
        background-position: center;
    }

    #owl-galeri1 .owl-next {
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 99;
        background: url(../img/navrightM.png) no-repeat center;
        width: 30px;
        height: 45px;
        display: block;
        margin-top: -20px;
        background-size: contain;
        border-radius: inherit;
    }

    #owl-galeri1 .owl-prev {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 99;
        background: url(../img/navleftM.png) no-repeat center;
        width: 30px;
        height: 40px;
        display: block;
        background-size: contain;
        margin-top: -20px;
        border-radius: inherit;
    }

    .divAMArama > div {
        width: 100%;
    }

    .divAMDefault {
        top: 94px;
        z-index: 9999;
    }

    .divAMCerceve {
        margin-right: auto;
        margin-bottom: 5px;
        background: url(../img/icoDDOk.png) no-repeat right center #ffffff;
        padding: 3px 5px;
        background-size: 20px;
    }

    .divAMCerceve > div {
        display: none;
    }

    .divMenuAltSabit {
        margin-top: 0px;
    }

    .txtArama {
        margin-bottom: 5px;
        padding: 15px 50px;
    }

    .tblAltAciklama1 {
        border-spacing: 0px;
        font-size: 12px;
        letter-spacing: 0px;
    }

    .tblAltAciklama1 td {
        float: left;
        width: 50%;
        padding: 5px 0px;
        border-right: solid 1px #fff;
        border-bottom: solid 1px #fff;
    }

    .tblAltAciklama1 td:nth-of-type(even) {
        border-right: solid 1px #fff;
    }

    .tblAltAciklama1 td:last-of-type {
        width: 100%;
    }

    .tblAltAciklama1 img {
        height: 30px;
    }

    .divUDBeden {
        padding: 5% 0px 7% 0px;
        margin-top: 0;
    }

    .divUDBeden > div > h4 > div,.divUDBeden > div > h4 > a {
    }

    .divHKategoriBaslik {
        font-size: 15px;
        font-weight: bold;
    }

    .divEBulten {
        width: 100%;
        margin: 10px 0px;
        min-width: 100%;
    }

    /* .divEBultenBaslik { font-size: 14px; }*/
    /*.divEBultenBaslik:before { top: 10px; }*/
    .divEBultenDetay > div:nth-of-type(3) {
        width: 90%;
    }

    .txtEBulten {
        line-height: 40px;
        width: 80%;
        font-size: 10px;
    }

    .btnEBulten {
    }

    .divAltAciklama2 {
        margin-top: 0px;
        padding-top: 20px;
    }

    .divAltAciklama2 img {
        max-height: 30px;
        text-align: center;
        margin: auto;
    }

    .ds {
        line-height: 30px;
    }

    /*.divAltAciklama2 h6 { display: table; margin: auto auto; }
    .divAltAciklama2 div { position: absolute; left: 50%; margin-left: -115px; bottom: -17px; color: #fff; line-height: 100%; }*/
    .divMenuAltDetay {
        margin-top: 0px;
        padding-top: 0px;
        text-align: left;
    }

    .divMenuAltDetay > div > div {
        margin: 0px 0px 0px 0px;
        width: 100%;
        border-bottom: solid 1px #e6e6e6;
        padding: 10px;
    }

    /*.divMenuAltDetay > div > div:last-of-type { margin: 0px 0px 0px 0px; background-color: #fcfcfc; }*/
    .divMenuAltDetay > div > div > div {
        display: none;
        background-color: #fff;
    }

    .divMenuAltDetay > div > div > a {
        padding: 5px 0px;
    }

    .divMenuAltDetay > div > div > a:first-of-type {
        margin-bottom: 0px;
        border-bottom: none;
        font-size: 12px;
        line-height: 30px;
    }

    /*.ds { display: block !important; padding: 15px; }
    .ds > a { display: initial !important; }*/
    .divSlide {
        display: none;
    }

    .divSlideM {
        display: block;
    }

    .aAnaBanner {
        width: 100%;
        margin: 10px 0px 0px 0px !important;
    }

    .divAnaBanners {
        width: 100%;
        margin: 0px 0px;
    }

    .divAnaBannerB {
        margin: 10px 0px;
    }

    .divAnaBanners .aAnaBanner:nth-of-type(1) .divAnaBannerB, .divAnaBanners .aAnaBanner:nth-of-type(2) .divAnaBannerB {
        /* margin-top: 0px; */
    }

    /* .divAnaBanners .aAnaBanner:nth-of-type(2), .divAnaBanners .aAnaBanner:nth-of-type(3), .divAnaBanners .aAnaBanner:nth-of-type(4), .divAnaBanners .aAnaBanner:nth-of-type(5) {width: 48%!important;margin: 5px 0px 0px 0px !important;} */
    .divAnaBanners > .aAnaBanner:nth-of-type(1) {
        width: calc(100%);
        padding: 3%;
    }

    .divAnaBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB > .divAnaBannerB2 {
        text-align: center;
        font-size: 11px;
        letter-spacing: 1px;
    }

    .divAnaBanners > .aAnaBanner:nth-of-type(2) {
        width: calc(100%);
    }

    .divAnaBanners > .aAnaBanner:nth-of-type(3) {
        width: calc(50% - 5px);
        margin-right: 5px !important;
    }

    .divAnaBanners > .aAnaBanner:nth-of-type(4) {
        width: calc(50% - 5px);
        margin-left: 5px!important;
    }

    .divAnaDuyuruIc {
        width: 99%;
        margin-top: 5px;
    }

    .divAnaDuyuruIc > div:nth-of-type(1) > div:nth-of-type(1) {
        padding: 10%;
    }

    .divAnaDuyuruIc > div:nth-of-type(1) > div:nth-of-type(2) {
        width: 60%;
    }

    .divAnaDuyuru .owl-buttons {
        margin-left: calc(100% - 180px);
        display: none;
    }

    .divAnaAltBanners {
        margin-top: 0;
    }

    .divAnaAltBanners > .aAnaBanner:nth-of-type(1) {
        width: 100%;
    }

    .divAnaAltBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB1 {
        float: none;
    }

    .divAnaAltBanners > .aAnaBanner:nth-of-type(1) > .divAnaBannerB span::after {
        content: '';
        padding-left: 0px;
    }

    .divAnaAltBanners > .aAnaBanner:nth-of-type(2) {
        width: 100%;
    }

    .divAnaAltBanners > .aAnaBanner:nth-of-type(2) .divAnaBannerB1 {
        float: none;
        padding-left: 0px;
    }

    #owl-slide3 .item > div:first-of-type {
        display: table;
        padding: 5%;
        text-align: center;
    }

    /* .owlUrunler .owl-item:nth-of-type(2n+1) .item { margin-right: 3%; }
    .owlUrunler .owl-item:nth-of-type(2n+2) .item { margin-right: 0%; margin-left: 3%; } */
    .divUrunlerBaslik {
        margin: 20px 0px;
        font-size: 12px;
        padding-left: 15px;
    }

    .divUrunlerBaslik:before {
        top: 10px;
    }

    .divUDetay {
        padding: 0px 6px;
    }

    .divUKargo {
        background-image: url(../img/imgUKargoBedavaM.png);
    }

    .divUKargo span {
    }

    .divUVaryant {
    }

    .divUrun:hover > figure > .divUVaryant {
        max-height: 500px;
        transition: max-height 0.70s ease-in;
    }

    .divUrun > figure > .divUVaryant {
        max-height: 50px;
    }

    .divURenk > a {
        width: 30px;
        height: 30px;
    }

    .divUAd {
        font-size: 10px;
        margin-left: 3px;
        width: 100%;
        text-align: center;
    }

    .divUFiyat {
        margin-top: 2px;
        width: 100%;
        text-align: center;
    }

    .divUFiyat * {
        margin: 1px;
        font-size: 11px;
    }

    .divUFiyat1 {
        display: inline-block;
        font-size: 11px;
    }

    .divUFiyat2 {
        font-size: 14px;
        display: inline-block;
    }

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

    .divRenkM {
        display: none;
        position: absolute;
        bottom: 0;
        left: 5px;
    }

    .divRenkM > a {
        display: block;
        padding: 3px 15px 3px 10px;
        border-radius: 5px;
        background-color: #bdafaf;
        border: 1px solid #a97d7d;
        color: #f9f5f5;
        font-size: 12px;
        letter-spacing: 1px;
        font-style: italic;
    }

    .divUUst {
        line-height: 32px;
    }

    .divUUst1, .divUUst2 {
        font-size: 12px;
        height: 40px;
    }

    .divMUUst {
        margin-bottom: 0;
        display: block;
    }

    .divMUUst select {
        border: none;
        width: 100%;
        height: 30px;
        padding: 0px;
        display: inline-block;
        background: url(../img/icoMUDFiltre1.png) no-repeat right center;
        font-family: ZWFont2;
        font-size: 10px;
        -webkit-appearance: none;
        background-size: 15px;
    }

    .divMUUst > div:last-of-type {
        padding: 7px 7px
    }

    .divUFCerceve {
        padding: 0px 0px;
    }

    .divUFCerceveBaslik, .divUFCerceveBaslikYatay {
        line-height: 300%;
        font-size: 12px;
        padding-left: 10px;
        width: calc(100% - 15px);
        margin-left: 15px;
    }

    .divUFCerceveBaslikYatay {
        padding: 3% 0px;
    }

    .divUFCerceveDetay, .divUFCerceveDetayDuz {
        max-height: 250px;
        overflow: auto;
        background-color: #fff;
        width: calc(100% - 15px);
        margin-left: 15px;
    }

    .divUFCerceveUzat {
        display: none;
    }

    .divUFCerceveDetay {
        padding: 2% 0%;
        padding-left: 10px;
    }

    .divUFCerceveDetayDuz > img {
        margin: 0px 0px 15px 0px !important;
    }

    /* GECICI */
    .divUDDis {
        padding: 0px 10px;
        margin-top: 0;
    }

    .divUDSpecG1 {
        font-size: 11px;
    }

    .divUDSpecG1 img {
        display: none;
    }

    .divUDSpecG1 div {
        float: initial;
        display: table-cell;
        width: auto !important;
    }

    .divUIndirim {
        top: 8%;
    }

    .divUDBeden > div > h4 > div, .divUDBeden > div > h4 > a {
        padding: 10px 12px;
    }

    .divUIndirim > span:first-child {
        font-size: 19px;
    }

    .divGaleriBaslik {
        margin-top: 0px;
        font-size: 9px;
        /* letter-spacing:1px; */
        line-height: 25px;
        text-align: center;
    }

    .divGaleriBaslik > h2 a:first-of-type {
        font-size: 14px;
    }

    .btnMAra, .btnMKullanici, .btnMSepet {
        width: 25px;
    }

    .divMenuSepet > span {
        /* bottom:3px; */
        right: 7px;
    }

    .divUFiltre {
        font-size: 14px;
        padding: 0px 0px;
    }

    .btnUDSepet, .btnUDHizli {
        /* width:85%; */
        font-size: 11px;
    }

    .divAMKullanici > div > div:first-of-type {
        margin-bottom: 2%;
        padding-left: 0%;
        font-size: 12px;
    }

    .divAMKullanici > div > p {
        font-size: 11px;
        line-height: 25px;
    }

    /* S1SEPET */
    .divSSepet {
        border-bottom: none;
    }

    .divSMenu {
        margin-top: 0px;
        font-size: 13px;
        padding: 20px 0;
    }

    .divSMenu a {
        margin-right: 0px;
        padding: 5px;
        width: 100%;
        display: none;
    }

    .aSMenuAktif {
        display: block !important;
        padding: 5px 50px !important;
        text-align: left;
    }

    .divSMenu a:before {
        height: 30px;
        width: 30px;
        left: 10px;
        margin-left: 0;
        top: 0;
        border: none;
    }

    .divSSepetBaslik {
        display: none;
    }

    .divSSepetSatir > div {
        float: left;
        padding: 5px 3px 0;
        line-height: 200%;
        font-size: 11px;
        letter-spacing: 0px;
    }

    .divSSepetSCheck, .divSSepetSSil {
        float: right !important;
        text-align: right;
    }

    .divSSepetSCheck {
        border-right: none !important;
    }

    .divSSepetSUrunAd {
        width: 100% !important;
        /* position:relative; */
    }

    .divSSepetSUrunAd > div:first-of-type {
        width: 70px;
        margin-right: 10px;
    }

    .divSSepetSUrunAd > div:last-of-type {
        width: calc(100% - 80px);
    }

    .divSSepetSBFiyat {
        width: calc(100% - 80px)!important;
        text-align: left;
        margin-left: 80px;
    }

    .divSSepetSBFiyat * {
        display: inline-block;
    }

    .divSSepetSAdet {
        width: calc(100%)!important;
        text-align: left;
        margin-left: 80px;
        display: none !important;
    }

    .divSSepetSToplam {
        width: calc(50% - 50px)!important;
        display: none !important;
    }

    .divSSepetSKargo {
        width: 100% !important;
        font-size: 12px !important;
        text-align: center;
        color: red;
        font-weight: bold;
    }

    .diSAlt {
        margin-bottom: 15px;
    }

    .txtSSAdet {
        text-align: left;
        font-size: 11px;
    }

    .btnSSFavori {
        width: 100%;
    }

    .cekSSHPaket {
        display: table;
        margin: 20px 0px;
        width: 100%;
    }

    .cekSSHPaket label::after {
        top: -10px;
    }

    .divSSKupon {
        width: 100%;
    }

    .txtSSKupon {
        height: 35px;
    }

    .btnSSKupon {
        height: 35px;
        font-size: 13px;
    }

    .divSOSag > div:nth-of-type(1) {
        padding: 20px 0 20px;
    }

    .divSOSag > div:nth-of-type(2) > div {
        padding: 10px;
    }

    .divSOSag > div:nth-of-type(2) > div:last-of-type {
        font-size: 11px;
    }

    .BtnSepetSil {
        position: absolute;
        right: 1%;
        top: 50%;
        font-size: 11px;
    }

    /**********************************/
    /* S2ADRES */
    .divSAdresBaslik {
        padding: 0px 0px;
    }

    .divSAdresSecim {
        padding: 0px 0px;
    }

    .divSAdresSecimDetay {
        margin-right: 0px;
        margin-top: 2%;
        width: calc(100% - 10px);
    }

    .divSAdresAlt > div:first-of-type {
        padding: 0px 0px;
    }

    .divSAdresKayit > div {
        width: 96%;
    }

    .divSAdresKayitAlt > div {
        font-size: 11px;
    }

    .divSKargo {
        border-bottom: none;
    }

    .divSKargoBaslik {
        display: none;
    }

    .divSKargoBCheck, .divSKargoSCheck {
        width: 35px;
    }

    .divSKargoSatir > div {
        padding: 5px 3px;
        line-height: 200%;
    }

    .divSKargoSCheck {
        border-right: none !important;
    }

    /**********************************/
    /* S3ODEME */
    .divSOBaslik {
        padding: 20px 0 20px;
    }

    .divSOdemeTipBaslik > div:last-of-type {
        padding-left: 0px;
    }

    .divSOdemeTipDetay {
        padding: 3%;
        padding-top: 0;
    }

    .divSOdemeTipBaslikBilgi {
        position: absolute;
        right: 0;
        top: 18px;
        background-color: #fff;
        z-index: 1;
        padding: 0 10px;
    }

    .divSOdemeTipDetayKKSol, .divSOdemeTipDetayKKSag {
        width: 100%;
    }

    .divSOdemeTipDetayKKSol50 {
        width: calc(100% - 10px) !important;
    }

    .divSOdemeTipDetayH {
        border-bottom: none;
    }

    .divSOdemeTipDetayHBaslik {
        display: none;
    }

    .divSOdemeTipDetayHBCheck, .divSOdemeTipDetayHSCheck {
        width: 35px;
    }

    .divSOdemeTipDetayHSatir > div {
        padding: 5px 3px;
        line-height: 200%;
    }

    .divSOdemeTipDetayHSCheck {
        border-right: none !important;
    }

    .divSOdemeTipBaslik > div:last-of-type {
        display: none;
    }

    /**********************************/
    /* S4ONAY */
    .divSOnaySecim {
        font-size: 12px;
    }

    .divSOnaySecimDetay {
        margin-right: 0px;
        width: 100%;
    }

    .divSOnaySecimDetay > div:first-of-type {
        font-size: 14px;
    }

    .divSOnaySecimDetay > div:last-of-type {
        padding: 2% !important;
    }

    div.divSOnaySecimDetay:nth-of-type(3) > div > table > tbody > tr > td {
        float: left;
        padding-right: 0px;
        width: 100%;
    }

    /**********************************/
    /* S5SONUC */
    .divSSonuc {
        width: 100%;
    }

    .divSSonucHavale {
        padding: 2%;
    }

    /**********************************/
    /* HABER */
    .divHOrta {
        margin: 0px 0px;
    }

    .divMHUst {
        display: block;
    }

    .divHFiltre {
        display: none;
        background-color: #ffffff;
    }

    .divHKategori {
        margin-bottom: 0px;
    }

    .divHKategoriDetay {
        /* max-height: 200px; */
        overflow-y: auto;
    }

    .divHSag {
        width: 100%;
    }

    div.divHSag:last-of-type {
        margin-bottom: 0px;
    }

    /**********************************/
    /* ILETISIM */
    .divIFKayit {
        padding: 0px 0px;
        margin-bottom: 50px;
    }

    .divIFKayit > div {
        width: calc(100% - 100px);
    }

    .divIAMagaza {
        margin: 0px 0px 30px 0px !important;
        width: 100%;
    }

    div.divIAMagaza:last-of-type {
        margin: 0px 0px 0px 0px !important;
    }

    /**********************************/
    /* SSS */
    .divHSSSDetay {
        padding-left: 0px;
    }

    /**********************************/
    /* KURUMSAL */
    .divKurumsalSol {
    }

    .divKurumsalB1 {
        padding-top: 0;
        padding-left: 0;
    }

    .divKurumsalB2 {
        margin-top: 15px;
        padding: 1% 0;
        font-size: 12px;
    }

    .divKurumsalB3 {
        top: 5%;
        right: 5%;
        font-size: 20px;
    }

    .divKurumsalSag {
        padding: 2%;
    }

    /**********************************/
    /* UYELIK */
    .divKSol {
        padding: 0!important;
        margin-right: 0px;
        width: 100%;
    }

    .divKSag {
        padding: 0!important;
        width: 100%;
    }

    .divKKayit > div {
        width: 100%;
        margin: 10px 0;
    }

    .divKSiparisSatir > div {
        padding: 0px 10px;
    }

    .divKSiparisS20, .divKSiparisS25, .divKSiparisS15 {
        float: left;
        width: 100%;
    }

    .divKSiparisS10 {
        display: none !important;
    }

    /* TAKSIT TABLOSU */
    .divTTabloBaslik {
        line-height: 20px;
    }

    .divTTabloBaslik > div {
        padding: 5px 3px;
    }

    .divTTabloSatir {
        line-height: 20px;
        font-size: 12px;
    }

    .divTTabloSatir > div {
        padding: 5px 3px;
    }

    /**********************************/
    .divUDInstagram {
        /* position:absolute; */
        /* width:100%; */
        /* top:-50px; */
        /* margin:auto; */
    }

    .divuDResimDis {
    }

    .btnMInstagram {
        width: 30px;
        height: 30px;
        background-size: contain;
        margin-top: -2PX;
        margin-right: 1px;
    }

    .btnMInstagramA {
        width: 30px;
        height: 30px;
        background-size: contain;
        margin-top: -2PX;
        margin-right: 1px;
    }

    .divBGbtnInstagram {
        width: 36px;
        height: 36px;
        top: -5px;
        left: -3px;
    }

    .divUReyon img {
        width: 35%;
    }

    .divUDStory a {
        width: 30px;
        height: 30px;
        background-size: contain;
        margin-top: -2PX;
        margin-right: 1px;
    }

    .divUDPost a {
    }

    .divUDTaksit > a {
        font-size: 11px;
    }
}

@media screen and (max-width: 768px) {
    .divAnaBannerB > div {
        font-size: 11px;
        text-align: left;
    }

    .textCenter .divAnaBannerB1 {
        font-size: 18px;
        letter-spacing: 2px;
        width: 70%;
    }

    .textCenter .divAnaBannerB2 {
        font-size: 9px;
    }

    .divKategoriSlide {
        width: 100%;
    }

    .divSlideKategori .owl-item {
        width: 70px!important;
    }

    .divUDPost {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .divUFiyat {
        margin-right: 5px;
    }

    .divAMSepetBaslik > span:first-child > span {
        right: 25px;
    }

    .divAMSepet {
        width: 100%;
        right: -100%;
    }

    /*.owlUrunler .owl-item:nth-of-type(n) .item { margin-right: 0px; margin-left: 0px; }*/
    .divAnaBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerB > .divAnaBannerB1 {
        font-size: 55px;
    }

    .divAnaBanners > .aAnaBanner:nth-of-type(1) .divAnaBannerR > img {
        display: block;
        max-width: 70%;
        height: auto;
        margin: auto;
    }
}

@media screen and (max-width: 375px) {
    /*.owlUrunler .owl-item:nth-of-type(n) .item { margin-right: 0px; margin-left: 0px; }*/
}

/**********************************/
/* IE EDGE */
@supports (-ms-ime-align: auto) {
    .divSM > a:nth-of-type(1), .divSM > a:nth-of-type(2) {
        height: 140px;
    }
}

/**********************************/
/* IE +9 */
@media screen\0 {
    .divSM > a:nth-of-type(1), .divSM > a:nth-of-type(2) {
        height: 140px;
    }

    /*.divUFCerceveBaslikYatay { writing-mode: lr-bt; }*/
}

/**********************************/