.bodynone {
    position: fixed;
    margin: 0 auto 0 auto;
    width: 100%;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Light.woff2') format('woff2'),
    url('../fonts/Roboto-Light.woff') format('woff'),
    url('../fonts/Roboto-Light.ttf') format('truetype'),
    url('../fonts/Roboto-Light.svg#Roboto Light') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../fonts/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto-Regular.ttf') format('truetype'),
    url('../fonts/Roboto-Regular.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Bold.woff2') format('woff2'),
    url('../fonts/Roboto-Bold.woff') format('woff'),
    url('../fonts/Roboto-Bold.ttf') format('truetype'),
    url('../fonts/Roboto-Bold.svg#Roboto') format('svg');
}

* {
    font-family: 'Roboto' !important;
}


body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    touch-action: pan-x pan-y;
}

html {
    overflow-x: hidden;
}

@font-face {
    font-family: 'asgaltregular';
    src: url('../fonts/asgalt-regular-webfont.woff2') format('woff2'),
    url('../fonts/asgalt-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cleopatraregular';
    src: url('../fonts/cleopatra-webfont.woff2') format('woff2'),
    url('../fonts/cleopatra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'AvenirNextLTPro-Bold';
    src: url('../fonts/Avenir/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir/AvenirNextLTPro-Bold.otf') format('opentype'),
    url('../fonts/Avenir/AvenirNextLTPro-Bold.woff') format('woff'), url('../fonts/Avenir/AvenirNextLTPro-Bold.ttf') format('truetype'), url('../fonts/Avenir/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Comfortaa';
    src: url('Comfortaa-Bold.woff2') format('woff2'),
    url('Comfortaa-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}*/

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

div, input, textarea {
    outline: 0 !important;
}

h1, h2, h3, h4, h5, h6, strong, b, p {
    margin: 0;
    padding: 0;
}

hr {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

.clear {
    clear: both;
}

table, tr, td {
    border-collapse: collapse;
    border: 0;
}

pre {
    padding: 0;
    margin: -30px 0 0 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

html {
    overflow-x: hidden;
}

p {
    margin: 0;
    padding: 0;
}

.w100, .w50, .w33 {
    float: left;
    box-sizing: border-box;
    position: relative;
}

.w100 {
    width: 100%;
}

.w50 {
    width: 50%;
}

.w33 {
    width: 33.3333333333%;
    min-height: 1px;
}

.h100, .h50, .h33, .h25 {
    float: left;
    position: relative;
    box-sizing: border-box;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.textL {
    text-align: left;
}

.textR {
    text-align: right;
}

.textC {
    text-align: center;
}

.padding0 {
    padding: 0;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding25 {
    padding: 25px;
}

.margin0 {
    margin: 0;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.margin25 {
    margin: 25px;
}

.marginT5 {
    margin-top: 5px;
}

.marginT10 {
    margin-top: 10px;
}

.marginT25 {
    margin-top: 25px;
}

.marginB5 {
    margin-bottom: 5px;
}

.marginB10 {
    margin-bottom: 10px;
}

.marginB25 {
    margin-bottom: 25px;
}

/* Header */
#ust {
    background-color: #ffffff;
    z-index: 102;
    border-bottom: thin solid #e0e0e0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#ust_kahve-2 {
    width: 30%;
    height: 30px;
    float: right;
}

#menu {
    width: 100%;
    float: left;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
}

.sm-facebook {
    background-position-x: 0 !important;
    margin-right: 5px;
}

.sm-twitter {
    background-position-x: -34px !important;
}

.sepet-bosluk {
    margin-top: 20px;
    color: #fff !important;
    font-size: 12px !important;
}

#login_sepet {
    display: none;
}

.buton-renk {
    background-color: #e3aab6;
}

.uye-bosluk {
    float: left !important;
    position: relative;
    right: 0;
    z-index: 20;
    font-family: MyriadPro-Regular, serif;
    font-size: 11px !important;
}

.menu-kaldir {
    display: none;
}

.float-left {
    float: left !important;
    position: relative;
    z-index: 50 !important;
    top: 10px;
    font-family: MyriadPro-Regular, serif;
    font-size: 11px !important;
}

.sepet-icon {
    height: 100%;
    padding: 4px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.sepet-icon img {
    width: 20px;
    display: block;
    margin: 0 auto;
}

.sepet-icon span {
    position: absolute;
    top: 11px;
    right: -3px;
    background: #cea36f;
    border-radius: 50%;
    width: 18px !important;
    height: 18px;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sepet-bg {
    float: right;
    width: auto;
    position: relative;
    margin: 0 0 0 15px;
}

.sepet-bg a {
    display: block;
    float: left;
}


.alt_menu-2 {
    top: 0 !important;
}

.menu_cizgi {
    width: auto;
    height: 23px;
    padding-top: 7px;
    float: left;
    display: block;
    color: #5f3e32;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
}

.stokyoknew {
    width: 100%;
    position: absolute;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    line-height: 40px;
    text-align: center;
    z-index: 5;
    top: calc(50% - 20px);
    left: 0;
}

#ust_kahve {
    width: 71%;
    height: 25px;
    float: right;
}

.logo {
    display: block;
    float: left;
    width: 200px;
}

.logo div:nth-child(1) {
    font-family: 'asgaltregular' !important;
    font-size: 50px;
    text-transform: uppercase;
    color: #cb9e67;
}

.logo div:nth-child(2) {
    font-family: 'cleopatraregular' !important;
    font-size: 67px;
    position: relative;
    top: -34px;
    left: -2px;
    color: #655241;
}

#logo {
    width: 200px;
    transition: 0.3s;
    margin: 5px 0;
    height: 95px;
    position: relative;
    left: 30px;
    padding: 0 20px 0 0;
    border-right: thin solid #e0e0e0;
}

#logo img {
    transition: 0.3s;
}

.logo h1 {
    font-size: 14px;
    font-family: 'Comfortaa', cursive;
    font-weight: bold;
    text-transform: uppercase;
    color: #dd879a;
    position: absolute;
    left: 123px;
    top: 17px;
    margin: 0;
    letter-spacing: 1px;
}

.techo {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 100;
}

#alt_menu_dis {
    width: 100%;
    position: relative;
    z-index: 101;
    border-bottom: thin solid #888888ad;
    border-top: thin solid #888888ad;
    margin: 10px 0 0 0;
}

.alt_menu_dis {
    top: 0 !important;
    margin: 0 !important;
    position: fixed !important;
    background: white;
    padding: 10px 0;
}

.alt_menu_dis #mobil_menu {
    margin: 0 !important;
}

.is_stuck {
    border-bottom: solid 1px #05778c;
}

#alt_menu {
    width: 100%;
    float: left;
    z-index: 10;
    position: relative;
    transition: 0.5s;
}

.alt_menu {
    width: auto;
    float: left;
    padding: 15px 12px;
    display: block;
    text-decoration: none;
    font-size: 12px;
    color: #3f3f3f;
    text-transform: uppercase;
    font-family: 'Roboto-Bold' !important;
}

.alt_menu_cizgi {
    width: auto;
    height: 35px;
    float: left;
    padding-top: 20px;
    font-size: 14px;
    color: #5f3e32;
    font-weight: bold;
}

.hvrBord {
    border-bottom: 2px solid #655241;
    position: relative;
}

.hvrBord::before {
    content: '';
    background-image: url(../images/upsvg.svg);
    background-size: 75%;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: -10px;
    float: left;
    left: 50%;
    transform: translate(-50%);
}

.alt_menu_ic {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fffffff5;
    position: absolute;
    height: 350px;
    min-height: 350px;
    top: 48px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    border: thin solid #e0e0e0;
    border-top: none;
    margin-top: -1px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.alt_menu_ic_dis {
    width: 50%;
    float: left;
    margin: 10px 0px;
    padding: 0 60px;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.alt_menu_kategori_alan {
    width: 33.3333333%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    border-right: 1px solid #e6bbae;
}

.menu_kategori_grup {
    width: 200px;
    padding: 10px 0;
    margin: 0 13px;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: left;
    float: left;
}

.menu_kategori_grup a svg {
    height: 7px;
    width: 7px;
}

.alt_menu_ic a {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 10px;
    color: #2f2e2f;
    font-family: 'Roboto-Bold' !important;
}

.icmdImg {
    width: 50%;
    float: left;
    height: 350px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
}

.icmdImg img {
    max-width: 100%;
    max-height: 100%;
    float: right;
}

.alt_menu_ic a:hover {
    color: #828282;
}

.alt_menu_resim {
    width: 180px;
    height: 100%;
    max-height: 100%;
    float: right;
    box-sizing: border-box;
    padding: 10px;
}

.alt_menu_resim img {
    float: right;
    max-width: 100%;
    max-height: 100%;
}

#golge {
    width: 100%;
    padding-bottom: 222px;
    position: absolute;
    z-index: 150;
    top: 150px;
    left: 0;
    background: rgba(51, 51, 51, 0.6);
    opacity: 0;
    display: none;
}

#golge_ortala {
    width: 1080px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.ortala {
    width: 1200px;
    margin: 0 auto;
}

.temizle {
    clear: both;
}

#ana_cycle {
    width: 100%;
    height: 400px;
    float: left;
    position: relative;
    z-index: 5;
    background: url("../images/banner-bg.png") no-repeat right;
}

.kaftan_kirala {
    width: 201px;
    height: 256px;
    float: left;
    position: relative;
    z-index: 10;
    margin-top: -220px;
    margin-left: 525px;
}

.banner_alt {
    width: 197px;
    height: 75px;
    float: left;
    background-image: url("../images/banner-alt-bg.png");
    background-repeat: no-repeat;
    margin: 0 32px;
}

.banner_alt:hover {
    background-image: url("../images/banner-uzeri.png");
}

.banner_alt1 {
    background-position: 0 center;
}

.banner_alt2 {
    background-position: -197px center;
}

.banner_alt3 {
    background-position: -394px center;
}

.banner_alt4 {
    background-position: -591px center;
}

.banner_alt5 {
    background-position: -560px center;
}

.icerik {
    width: 100%;
    height: auto;
}

.icerik2 {
    width: 70%;
    height: auto;
    margin: 2% 15%;
    display: flex;
    display: -webkit-flex;
}

.icerik-kutu {
    width: 33.3333333%;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
}

.icerik2 img {
    width: 33%;
    padding: 10px 4%;
    display: block;
    margin: 0 auto;
}

.icerik2 span {
    font-weight: bold;
    font-family: MyriadPro-Regular, serif;
}

.memet-42 {
    width: 100%;
    height: 350px;
}

#basa_don {
    width: 108px;
    height: 67px;
    position: fixed;
    bottom: 5%;
    right: 15px;
    display: none;
    background: no-repeat url("../images/yukari.png");
    z-index: 20;
}

#basa_don:hover {
    cursor: pointer;
    -webkit-background-image: url("../images/yukari-uzeri.png");
    -moz-background-image: url("../images/yukari-uzeri.png");
    -o-background-image: url("../images/yukari-uzeri.png");
    background-image: url("../images/yukari-uzeri.png");
}

#sosyal3 {
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
    border-top: solid 2px #07758c;
    border-bottom: solid 2px #c9ad55;
}

#sosyal3 a {
    float: left;
    display: block;
    margin: 8px;
}

#sosyal2 {
    float: right;
    display: none;
}

#sosyal2 a {
    float: left;
    display: block;
    width: 35px;
    height: 30px;
    padding: 8px 0;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    color: #aeaeae;
}

#sosyal2 a:hover {
    background: #e3a9b6;
    color: #f7f7f7;
}

#sosyal_dis {
    width: 960px;
    height: 75px;
    float: left;
    margin: 10px 45px 10px 45px;
    border: solid 1px #c5b29d;
}

#sosyal {
    width: 470px;
    height: 30px;
    margin-top: 25px;
    margin-left: 25px;
    float: left;
}

#sosyal p {
    margin-left: 10px;
    margin-top: 4px;
    float: left;
    font-family: gothic, serif;
    font-weight: bold;
    font-size: 14px;
    color: #897364;
}

.sosyal {
    width: 24px;
    height: 24px;
    float: left;
    display: block;
    margin-left: 2px;
    margin-right: 2px;
}

.sosyal img {
    border: 0;
}

#haberdar_dis {
    width: 1100px;
    height: 40px;
    float: left;
    margin-top: 5px;
}

#haberdar {
    width: 500px;
    height: 40px;
    float: left;
    margin-top: -20px;
}

#haberdar_baslik {
    width: 100%;
    height: 20px;
    float: left;
    font-family: Avenir, serif;
    font-size: 16px;
    color: #637a9d;
}

.input_haberdar {
    width: 250px;
    height: 22px;
    padding-left: 5px;
    padding-top: 2px;
    font-family: arial, 'lucida console', sans-serif;
    font-size: 11px;
    float: left;
    outline: 0;
    border: 0;
    position: relative;
    z-index: 10;
    border-right: solid 1px #fff;
    background: #ececec;
    color: #666;
}

.input_haberdar:focus {
    background: #2b5586;
    color: #fff;
}

.gonder_haberdar {
    width: 60px;
    height: 25px;
    padding-top: 2px;
    float: left;
    text-align: center;
    color: #fff;
    outline: none;
    border: 0;
    font-family: arial, 'lucida console', sans-serif;
    font-size: 11px;
    position: relative;
    z-index: 10;
    background: #2b5586;
}

.gonder_haberdar:hover {
    cursor: pointer;
    color: #dedede;
}

#adres {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    color: #666666;
}

.mapsC {
    width: 100%;
    float: left;
    position: relative;
}

.mmap {
    width: 100%;
    float: left;
    position: relative;
}

.mmap iframe {
    width: 100%;
    height: 600px;
}

.mapsCnct {
    width: 96%;
    height: 220px;
    float: left;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
    background: white;
    box-sizing: border-box;
    padding: 20px 0;
}

#adres a {
    font-family: Avenir, serif;
    font-size: 14px;
    color: #666666;
    margin: 0 2px;
}

#form {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
    margin: 50px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: thin solid #6552417a;
}

#form img {
    margin-left: 2px;
    margin-top: 2px;
    float: left;
}

#form form {
    width: 70%;
    /* align-items: center; */
    /* justify-content: space-around; */
    /* display: flex; */
    /* flex-wrap: wrap; */
}

#form textarea {
    width: 100%;
    height: 130px !important;
    border-radius: 0;
    border: 0;
    background: none;
    box-shadow: 0 0 black;
    padding: 0 10px;
}

#form input {
    border: none;
    background: none;
    box-shadow: none;
    height: 100%;
    padding: 0 10px;
}

#form input::placeholder {
    color: #495057;
}

#form textarea::placeholder {
    color: #495057;
}

#form div {
    margin: 5px 0;
    float: left;
    width: 100% !important;
    height: 40px;
    float: left;
    letter-spacing: 1px;
    background: white;
    border-bottom: thin solid #a2a0a0e6;
}

#formBaslik {
    width: 100% !important;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
}

.form {
    height: 18px;
    padding: 0;
}

.icerik_ortala {
    width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#icerik_sol {
    width: 22%;
    height: auto;
    float: left;
    margin: 30px 0 0 10px;
}

#icerik_sag {
    width: 76%;
    height: auto;
    float: right;
    margin: 30px 0 0 0px;
}

#icerik_alt {
    width: 100%;
    float: left;
    margin: 40px 0;
    text-align: right;
    font-family: arial, 'lucida console', sans-serif;
    font-size: 13px;
    color: #000000;
}

.ana_alt {
    width: 535px;
    height: 265px;
    float: left;
    display: block;
    margin: 10px 0 30px 0;
}

#sayfa_alt {
    width: 100%;
    height: 70px;
    padding: 5px 0 5px;
    border-top: solid 1px #637a9d;
    border-bottom: solid 1px #637a9d;
}

.ssl {
    width: 440px;
    height: 70px;
    float: right;
    margin-top: 2px;
    margin-right: 20px;
}

.copy {
    width: 100%;
    float: left;
    margin: 15px 0;
    text-align: center;
    font-family: arial, 'lucida console', sans-serif;
    font-size: 10px;
    color: #838485;
}

.techno_yazi {
    width: 100%;
    height: 25px;
    margin-top: 10px;
    text-align: center;
    display: block;
    font-family: arial, 'lucida console', sans-serif;
    font-size: 10px;
    color: #838485;
    float: left;
    text-decoration: none;
}

.techno_yazi a {
    color: #5f3e32;
    text-decoration: none;
}

.techno_yazi:hover {
    color: #5f3e32;
    text-decoration: underline;
}

#ic_menu {
    height: 20px;
    float: left;
    display: flex;
    align-items: center;
    margin: 50px 0 0 0;
    width: 100%;
    padding: 10px 10px;
}

.ic_menu_cizgi {
    font-family: Avenir, serif;
    font-size: 14px;
    color: #000000;
    margin-right: 5px;
    margin-left: 5px;
    float: left;
}

.ic_menu {
    width: auto;
    float: left;
    display: block;
    text-decoration: none;
    font-size: 11px;
    color: #000000b3;
    text-transform: uppercase;
    font-family: Ubuntu, MyriadPro-Regular, sans-serif;
}

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

#sayfa_baslik {
    width: 100%;
    height: 35px;
    float: left;
    text-align: left;
    margin-left: 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    color: #333;
    /*border-bottom: thin solid #e0e0e0;*/
}

#sayfa_metin {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 40px;
    font-size: 14px;
    color: #333;
}

#sayfa_metin span {
    font-family: Avenir, serif !important;
}

#sayfa_metin p {
    font-family: Avenir, serif !important;
    background-color: rgb(0 0 0 / 0%) !important;
    font-size: 14px !important;
}

#sayfa_metin table {
    font-family: 'Ubuntu-Regular', sans-serif;
}

.sayfa-metin-baslik {
    padding: 5px;
    background-color: #655241;
    font-family: 'Ubuntu-Medium', sans-serif;
    color: #fff;
    margin-bottom: 10px;
}

.yorum {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: dashed 1px #9e9e9e;
}

.yorum_baslik {
    width: 75%;
    height: 20px;
    float: left;
    margin-bottom: 5px;
    font-size: 12px;
    color: #215ec5;
}

.yorum_tarih {
    width: 25%;
    height: 20px;
    float: left;
    margin-bottom: 5px;
    font-size: 12px;
    color: #215ec5;
    text-align: right;
}

.yorum_metin {
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
    color: #333;
}

.lazy-loaded {
    background: url("../images/loading.gif") no-repeat center center;
}

#loading {
    width: 200px;
    height: 66px;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%);
    /*background: #ffffff;*/
    z-index: 999999999999999;
    display: none;
    padding: 20px;
    text-align: center;
}

#ucret_kisim {
    width: 100%;
    position: relative;
}

#odemesonuc {
    width: 480px;
    min-height: 180px;
    position: fixed;
    top: 25%;
    left: 50%;
    transform: translate(-50%);
    background: #ffffff;
    z-index: 1002;
    display: none;
    padding: 20px;
}

#sonuckapat {
    width: 60px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    background-color: #000000;
    border-color: #000000;
}

#sonuckapat:hover {
    cursor: pointer;
}

#overlay {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    /* IE filter */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6; /* Mozilla extension */
    khtml-opacity: 0.6; /* Safari/Conqueror extension */
    opacity: 0.6; /* CSS3 */
    z-index: 99999999999999;
    background: #fff;
    display: none;
}

#tel_banner {
    width: 205px;
    height: 55px;
    position: absolute;
    top: 10px;
    right: 40px;
}

#arama {
    width: 49%;
    position: relative;
}

#arama svg {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -70px;
    top: 13px;
    fill: #535353;
}

#arama > #search {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
}

.input_arama {
    -ms-flex: 1 1 100%;
    height: 45px;
    width: 100%;
    padding: 0 15px;
    font-size: 12px;
    float: left;
    outline: 0;
    border: none;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    background: transparent;
    color: #000000;
}

.input_arama::-webkit-input-placeholder {
    color: #8d8d8d;
    font-family: Avenir, serif;
}

.gonder_arama {
    width: 40px;
    height: 32px;
    margin-top: 0;
    float: left;
    outline: none;
    border: 0;
    display: none;
    z-index: 15;
    background: url(../images/ara-gonder.png) no-repeat center #e3aab6;
}

.gonder_arama:hover {
    cursor: pointer;
}

.alt_linkler {
    width: 150px;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
}

.alt_link_baslik {
    width: 100%;
    height: 20px;
    float: left;
    font-family: arial, 'lucida console', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
}

.alt_link {
    width: 100%;
    height: 18px;
    float: left;
    text-decoration: none;
    font-family: arial, 'lucida console', sans-serif;
    font-size: 11px;
    color: #333;
}

.alt_link:hover {
    text-decoration: underline;
    color: #333;
}

.sdn {
    float: right;
    display: block;
    margin-top: 20px;
}

#banner_ic {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}

#banner_ic img {
    max-width: 100%;
}

.kargo_nerede {
    width: 146px;
    height: 55px;
    float: right;
    display: block;
    margin-right: -30px;
    margin-top: -5px;
}

.kargo_nerede img {
    max-width: 60px;
    float: left;
    margin-left: 8px;
    margin-top: 37px;
}

#aktif_ust {
    display: block;
}

#mobil_login_sepet {
    display: none;
}

#mobil_uye_giris {
    width: 100%;
    height: 45px;
    margin: 4px 0 5px 0;
    color: white;
    padding: 10px;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

#mobil_yeni_uye {
    width: 100%;
    height: 45px;
    padding: 10px;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

#mobil_menu {
    display: none;
}

#mobil_slider {
    display: none;
}

.mobil_kaftan_kirala {
    display: none;
    width: 100%;
    height: 40px;
    float: left;
    line-height: 40px;
    background: #6f1825;
    margin: 10px 0 0 0;
    color: white;
    text-align: center;
    text-decoration: none;
}

#mobil_urun_cesit {
    display: none;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}

#mobil_urun_cesit .sat_mobil {
    width: 100%;
    max-width: 500px;
    margin: 5px auto;
    padding: 12px 0;
    background: rgba(197, 178, 157, 0.48);
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
    font-family: MyriadPro-Regular, sans-serif;
    font-size: 14px;
}

#mobil_urun_cesit .sat_mobil b {
    display: block;
}

#urun_stok {
    width: 34.9% !important;
}

#mobil_taksit_dis {
    display: none;
    width: 100%;
    height: auto;
    float: left;
}

.mobil_taksit {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.73);
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}

.mobil_banka_logo {
    width: 100%;
    height: 25px;
    float: left;
    padding: 10px 0 10px 0;
    margin: 2px 0 10px 0;
    border: 1px solid rgba(255, 0, 0, 0.18);
}

.mobil_taksit_sayisi {
    width: 100%;
    height: 25px;
    float: left;
    margin: 0 0 10px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.18);
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    padding: 10px 0 0 0;
    font-size: 15px;
    font-weight: bold;
}

.mobil_taksit_tutar {
    width: 49.8%;
    height: 24px;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, 0.23);
    font-size: 14px;
}

.mobil_toplam_tutar {
    width: 49.8%;
    height: 24px;
    font-size: 14px;
    float: left;
}

#mobil_iletisim {
    display: none;
}

#mobil_baslik_iletisim {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 17px;
    margin: 0 0 20px 0;
}

#mobil_adres {
    width: 20%;
    height: auto;
    float: left;
}

#mobil_adres_icerik {
    width: 80%;
    float: left;
    height: auto;
    margin: 0 0 10px 0;
}

#mobil_iletisim {
    width: 100%;
    height: auto;
    float: left;
}

#bedenler {
    float: left;
    height: 35px;
    margin: 5px 0 0 0;
}

.beden {
    float: left;
    margin: 0 5px;
    height: 35px;
    padding: 0 10px;
    line-height: 35px;
    border: solid 1px #dedede;
    cursor: pointer;
}

.beden label {
    margin: 0;
    float: left;
    cursor: pointer;
}

.beden input {
    display: none;
}

.beden_checked {
    background: #b19a81 !important;
}

#mobil_sepet {
    display: none;
    width: 100%;
    height: auto;
    float: left;
    padding: 25px;
    box-sizing: border-box;
}

#mobil_urun_resim {
    width: 100%;
    height: 200px;
    text-align: center;
    margin: 0 0 10px 0;
}

#mobil_urun_resim img {
    max-width: 100%;
    max-height: 100%;
}

.mobil_sepet_icerik {
    width: 65%;
    float: left;
    height: 40px;
    font-size: 9px;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.mobil_sepet_icerik:nth-child(2n+0) {
    border-right: 1px solid #f1f1f1;
    width: 32%;
}

.sepet_mob {
    width: 100%;
    height: auto;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid rgb(241 241 241);
    margin: 10px 0;
}

#banner_ana {
    margin-top: 20px;
}

#swiper_sol {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
}

#swiper_sag {
    width: 30%;
    float: right;
    display: none;
}

#swiper_sol .swiper-wrapper,
#swiper_sag .swiper-wrapper {
    margin-bottom: 0;
}


#swiper_sol .swiper-slide img,
#swiper_sag .swiper-slide img {
}

.icerik-baslik-home-collection {
    width: 100%;
    height: 65px;
    padding: 20px 0;
    text-align: center;
    position: relative;
}

.icerik-baslik-home-collection:after {
    content: '';
    width: 100%;
    height: 5px;
    float: left;
    border: 1px solid #c7c7c7;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
}

.icerik-baslik-home-collection h5 {
    width: 200px;
    line-height: 50px;
    background: #fff;
    color: #cb9e67;
    font-family: AmericanTypewriter-CondensedLight, sans-serif;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* Footer */
.footer {
    background: #3f3f3f;
}

.footer-copyright {
    width: 100%;
    float: left;
    margin-bottom: -20px;
    text-align: -webkit-left;
    text-align: -moz-left;
    text-align: left;
    font-family: Ubuntu-Light, sans-serif;
    font-size: 13px;
    color: #ffffff94;
    padding-top: 22px;
}

.footer-nav {
    display: -moz-inline-block;
    display: inline-block;
    padding-left: 9px;
}

.footer-nav a:after {
    margin: 0 3px;
    border-right: 1px solid;
    opacity: .7;
    content: "";
}

.footer-copyright a {
    display: inline-block !important;
}

.footer-copyright .technoone-logo {
    float: right;
    color: #ffffff94;
}

.footer-copyright .technoone-logo span {
    display: -moz-inline-block;
    display: inline-block;
    font-family: 'Roboto-Bold' !important;
}

.footer-ic {
    width: 1200px;
    margin: auto;
    padding: 40px 0;
    display: table;
    position: relative;
}

.footer-ic > div span, .footer-ic > div a, .footer-ic > div strong {
    display: block;
    color: #ffffff94;
}

.footer-ic .foo-iletisim {
    width: 30%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    padding-right: 50px;
    font-size: 12px;
    font-family: Ubuntu, MyriadPro-Regular, sans-serif;
}

.footer-ic .foo-iletisim strong, .footer-ic .foo-iletisim span, .foo-iletisim a {
    box-sizing: border-box;
    padding-left: 16px;
}

.foo-iletisim a:hover {
    color: #cda398;
}

.footer-ic .foo-iletisim strong {
    padding-bottom: 7px;
    font-family: 'Roboto-Bold' !important;
}

.footer-ic .urun-firsatlari {
    width: 70%;
    float: left;
    padding-bottom: 30px;
    display: none;
}

.footer-ic .urun-firsatlari .f-kutu {
    width: 25%;
    float: left;
}

.footer-ic .urun-firsatlari .f-kutu img {
    float: left;
    width: 32px;
    margin-right: 10px;
}

.footer-ic .urun-firsatlari .f-kutu h5 {
    text-transform: uppercase;
    color: #575757;
    font-family: MyriadPro-Regular, serif;
    font-size: 14px;
    margin: 0;
}

.footer-menu {
    width: 70%;
    float: left;
}

.footer-menu .foo-link {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding-left: 45px;
    margin: 20px 0 40px 0;
}

.footer-menu .foo-link > strong {
    padding-bottom: 7px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Roboto-Bold' !important;
}

.footer-menu .foo-link > a {
    font-size: 9px;
    font-family: Ubuntu-Light, sans-serif;
    text-transform: uppercase;
    line-height: 1.8;
    letter-spacing: 2px;
}

.footer-menu .foo-link > a:hover {
    color: #cda398;
}

.footer-ic .sosyal-medya {
    position: absolute;
    right: 6%;
    bottom: 15px;
    height: 30px;
    box-sizing: border-box;
    font-size: 12px;
}

.footer-ic .sosyal-medya span {
    float: left;
    line-height: 30px;
    padding-right: 12px;
}

.footer-ic .sosyal-medya a {
    width: 30px;
    height: 30px;
    float: left;
    background: no-repeat url("../images/icons/social-media-icons.png");
    background-size: 98px;
}

.home_urun_kutu-2 .saydam_panel-2 {
    width: 60%;
    height: 70%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgb(78 77 77 / 75%);
    text-align: center;
    box-sizing: border-box;
    padding: 30px;
    color: #fff;
}

.home_urun_kutu-2 > img {
    width: 100%;
    max-height: 450px;
}

.home_alt .home_urun_kutu-2 {
    width: calc(100% / 3 - 15px);
    height: auto;
    float: left;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin: 7px;
}

.saydam_panel-2 h1 {
    text-align: right;
    text-transform: uppercase;
    font-family: Avenir, serif;
    font-size: 24px;
    color: #ffffff;
}

.home_en-alt {
    width: 100%;
    position: relative;
    float: left;
    padding: 10px 0;
    margin-bottom: 20px;
}

.saydam_panel-alt-2 {
    width: 24.5%;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    background: rgba(158, 112, 122, 0.8);
    box-sizing: border-box;
    padding: 30px;
    color: #fff;
}

.saydam_panel-alt-2 img {
    margin: 20px;
}

.saydam_panel-alt-2 h1 {
    text-align: right;
    text-transform: uppercase;
    font-family: Ubuntu-Medium, sans-serif;
    font-size: 24px;
    color: #ffffff;
}

.home_en-alt h1 {
    text-align: right;
    font-size: 28px;
}

.home_en-alt a {
    width: 85%;
    position: absolute;
    bottom: 10%;
    left: 20px;
    font-family: Ubuntu-Bold, sans-serif;
}

.home_urun_kutu-2 .saydam_panel-2 h1 {
    font-family: MyriadPro-BoldCond, sans-serif;
    font-size: 38px;
    text-align: center;
}

.home_urun_kutu-2 .saydam_panel-2 h1:nth-child(2) {
    text-align: left;
    text-transform: uppercase;
    font-family: Ubuntu-Medium, sans-serif;
    font-size: 25px;
    position: relative;
}

.home_urun_kutu-2 .saydam_panel-2 span {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 30px 0;
}

.home_urun_kutu-2 .saydam_panel-2 span:nth-child(2) {
    font-family: MyriadPro-Regular, sans-serif;
    font-size: 13px;
    text-align: center;
}

.home_urun_kutu-2 .saydam_panel-2 a {
    width: 80%;
    position: absolute;
    bottom: 12%;
    left: 10%;
    font-family: Ubuntu-Bold, sans-serif;
    transition: 0.4s;
    font-size: 15px;
}

.home_en-alt img {
    width: 100%;
    height: 300px;
}

#urun_ayrinti_kisiye_ozel textarea {
    color: black;
    display: none;
}

#sepetgg {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.button {
    outline: none !important;
}

.opacity {
    margin-top: 0;
    background: #00000000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.saydam_panel a {
    font-family: Ubuntu-Bold, sans-serif;
    position: absolute;
    width: 80%;
    bottom: 12%;
}

.urun_saydam_260 a {
    font-family: Ubuntu-Bold, sans-serif;
}

.urun_saydam_260 a {
    font-family: 'Ubuntu-Bold', sans-serif;
}

.fb-orta .metin-kutu a {
    font-family: 'Ubuntu-Bold', sans-serif;
}

.fb-orta .metin-kutu span {
    font-family: 'Ubuntu-Light', sans-serif;
}

.fb-orta .metin-kutu h1 {
    font-family: 'Ubuntu-Bold', sans-serif;
}

.fb-orta .metin-kutu .baslik {
    font-family: 'Ubuntu-Regular', sans-serif;
}

.urun_saydam_260 h1 {
    font-family: 'Ubuntu-Medium', sans-serif;
}

::-webkit-input-placeholder {
    font-family: 'Ubuntu-Medium', sans-serif;
}

::-moz-placeholder {
    font-family: 'Ubuntu-Medium', sans-serif;
}

::-ms-input-placeholder {
    font-family: 'Ubuntu-Medium', sans-serif;
}

::placeholder {
    font-family: 'Ubuntu-Medium', sans-serif;
}

#urun_ayrinti_baslik {
    font-family: 'Ubuntu', 'MyriadPro-Regular', sans-serif;
}

#urun_ayrinti_kisa_metin {
    font-family: 'Ubuntu', 'MyriadPro-Regular', sans-serif;
}

.ukm {
    width: 100%;
    float: left;
    margin: 0px 0 0px 0;
    padding: 10px 20px;
    min-height: 60px;
    box-sizing: border-box;
    font-size: 13px;
    overflow: scroll;
}

#urun_ayrinti_kisa_metin span {
    color: #3333338c;
    width: auto;
    font-size: 13px;
    float: left;
    margin: 10px 20px 10px 0;
}

#urun_ayrinti_kisa_metin span:nth-child(2) {
    color: #000000c9;
    letter-spacing: 1px;
    font-size: 12px;
}


#urun_ayrinti_fiyat .normal_fiyat {
    font-family: 'Ubuntu', 'MyriadPro-Regular', sans-serif;
}

#urun_ayrinti_fiyat .indirimli_fiyat {
    font-family: 'Ubuntu', 'MyriadPro-Regular', sans-serif;
}

#urun_ayrinti_fiyat .mtn_kdv_dahil {
    font-family: 'Ubuntu', 'MyriadPro-Regular', sans-serif;
}

#sepete_ekle {
    font-family: 'Ubuntu', 'MyriadPro-Regular', sans-serif;
}

.urun_renk_div {
    margin: 10px 0 20px 0;
    font-size: 16px;
    color: #969696;
}

.urun_renk_div label {
    margin-right: 10px;
    width: 10%;
    float: left;
    display: none;
}

.urun_renk_div select {
    border-color: #cac4be;
    background: #fff;
    color: #969696;
    width: 100%;
    padding: 10px 0;
    height: 40px;
}

.footer_card {
    width: 100%;
    float: left;
    margin: 30px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_card img {
    max-width: 5%;
    margin: 0 20px;
    filter: invert(1);
}

.ust-genel {
    height: 30px;
    margin: 0 0 5px 0;
}

#genel_icerik {
    margin-top: 160px;
}

.altMfix {
    position: absolute !important;
    width: auto !important;
    min-width: 50%;
}

.menuHovered {
    background: #fff;
    color: #969696;
}

#disUst {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: thin solid #e0e0e0;
    margin: 5px 0;
}

.crcCat {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 30px 0 0px 0;
    overflow: hidden;
}

.circle {
    width: 120px;
    height: 120px;
    position: relative;
    margin-right: 0;
}

.circle a {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 2px;
    box-sizing: border-box;
}

.pulse {
    pointer-events: none;
    display: flex;
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #6552418c;
    position: relative;
}

.pulse span {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #cb9e67;
    transition: transform ease .642s;
    animation: pulse ease 2s infinite;
}

.pulse p {
    opacity: 0;
    white-space: nowrap;
    transform: translateY(400%);
    transition: .3s;
}

.circleDs.hvr-shrink .circle:hover p {
    opacity: 1;
}

.pulse span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.pulse span:nth-child(2) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    border: 1px solid #cb9e67;
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale3d(1.25, 1.25, 1.25);
        -moz-transform: scale3d(1.25, 1.25, 1.25);
        -ms-transform: scale3d(1.25, 1.25, 1.25);
        -o-transform: scale3d(1.25, 1.25, 1.25);
        transform: scale3d(1.25, 1.25, 1.25);
        opacity: 0;
    }
}

.dre1 {
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid #165dad;
    top: 0;
    left: 0;
    border-radius: 50%;
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.circleDs {
    position: relative;
}

.circleTitle {
    position: absolute;
    bottom: -25px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #565354;
    text-transform: uppercase;
}

#kargoBedava {
    width: 100%;
    background: #565354;
    text-align: center;
    color: white;
    display: none;
    font-size: 14px;
    padding: 5px 0;
    letter-spacing: 1px;
}

#wrap {
    width: 100%;
    float: left;
}

#urnlrTitle {
    width: 100%;
    border-bottom: thin solid #817f7f;
    margin: 50px 0 40px 0;
    font-size: 22px;
    text-transform: uppercase;
    color: #817f7f;
    font-weight: bold;
}

#urunlers {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
}

#filtrele {
    width: 20%;
    float: left;
    position: relative;
    background: #f8f8f8;
    margin: 10px 0 0 0;
    padding: 0 0 15px 0;
}

.urn {
    width: calc(100% / 4 - 20px);
    height: 390px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    padding: 10px;
    cursor: pointer;
    color: #5f5d5d;
    box-sizing: border-box;
    border-radius: 3px;
    transition: 0.3s;
    border: thin solid #0000000f;
    box-shadow: 0px 1px 11px 0px #0000000d;
}

.proDesc {
    width: 100%;
    float: left;
    position: relative;
    height: auto;
    background: white;
    /*border-top: thin solid #cecccc;*/
}

.urn:hover {
}

.urn:hover .indirims {
}


.urnImg img {
    max-width: 100%;
    max-height: 100%;
    backface-visibility: hidden;
    transition: visibility ease 0.2s, opacity ease .2s;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.urnImg:hover img:nth-child(1) {
    visibility: hidden;
    opacity: 0;
}

.urnImg img:nth-child(2) {
    visibility: hidden;
    opacity: 0;
    /*width: 100%;
     max-height: 100%; */
    top: 0;
    position: absolute;
    left: 50%;
}

.urnImg:hover img:nth-child(2) {
    visibility: visible;
    opacity: 1;
}

.urnImg {
    width: 100%;
    height: 290px;
    overflow-x: hidden;
    box-sizing: border-box;
    text-align: center;
    margin: 0 0 10px 0;
    /* border-bottom: thin solid #cecccc; */
    position: relative;
}

.urntitle {
    font-size: 11px;
    width: 100%;
    height: 36px;
    float: left;
    margin: 5px 0;
    text-align: center;
    color: #655241;
}

.urnPrice {
    width: 60%;
    margin: 5px auto 0 auto;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.urunYok {
    width: 100%;
    float: left;
    margin: 70px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}

.urunYok div {
    width: 100%;
    float: left;
    font-size: 30px;
    color: #595959c4;
    margin: 30px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.urunYok svg {
    height: 130px;
    width: 130px;
}

.urnPrice span {
    text-decoration: line-through;
    color: #cb9e67;
    font-size: 13px;
    margin: 0 10px;
    float: right;
}

.rightCategory {
    width: calc(100% / 2 - 8px);
    float: left;
    margin: 10px 0 5px 0;
}

.leftCategory {
    width: calc(100% / 2 - 8px);
    float: left;
    margin: 10px 0 5px 0;
}

.indirims {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    font-size: 11px;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    color: white;
    background: #cb9e67;
    transition: 0.3s;
}

.rB1 {
    height: 350px;
    background: #71260e;
    margin: 0 0 10px 8px;
    overflow: hidden;
}

.rB2 {
    height: 350px;
    background: #6f6f6f;
    overflow: hidden;
    margin: 15px 0 0 8px;
}

.rB11 {
    height: 350px;
    background: #71260e;
    margin: 0 8px 10px 0;
    overflow: hidden;
}

.rB22 {
    height: 350px;
    background: #6f6f6f;
    overflow: hidden;
    margin: 15px 8px 0 0;
}

.rB21 {
    height: 715px;
    background: #6f6f6f;
    overflow: hidden;
    margin: 0 0 0 8px;
}

.lB1 {
    height: 715px;
    background: #903b4e;
    margin: 0 8px 0px 0;
    overflow: hidden;
    position: relative;
}

.lB2 {
    height: 350px;
    background: #251518;
    margin: 15px 8px 0 0;
    overflow: hidden;
}

#uiT {
    width: 100%;
    float: left;
    margin: 0;
    font-size: 18px;
    color: #000000e6;
    font-weight: bold;
}

.bb {
    background-color: #636363;
    transition: 0.2s;
}

.more {
    height: 45px;
    width: 48%;
    margin: 0 10px 0 0;
    font-size: 14px;
    float: left;
    display: flex;
    text-align: center;
    color: black;
    align-items: center;
    text-decoration: underline;
    justify-content: center;
    transition: 0.3s;
    background: #65524133;
    border-radius: 35px;
}

.more:hover {
}

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

#adr {
    width: 100%;
    float: left;
    margin: 20px 0 30px 0;
}

.urunSlide {
    width: 80%;
    position: relative;
    max-height: 600px;
    overflow: hidden;
    float: left;
}

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

.urunSlideRtl {
    width: 20%;
    /*max-height: 585px;*/
    height: 585px;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0 5px;
    box-sizing: border-box;
}

#kredikart {
    width: 100%;
    float: left;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.indirim_yuzde {
    float: left;
    font-family: Avenir, serif;
    font-size: 13px;
    margin: 15px 10px;
    line-height: 0;
    font-weight: bold;
    color: #ffffff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #cb9e67;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}

.indirim_yuzde div:nth-child(1) {
    font-size: 23px;
    letter-spacing: -1px;
    position: relative;
    top: 10px;
}

.indirim_yuzde div:nth-child(2) {
    font-size: 7px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    top: -3px;
    left: 2px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    background-image: none !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#lg {
    display: flex;
    align-items: center;
    width: 210px;
}

.lt {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 5px 40px;
    display: flex;
    align-items: center;
}

.cnTitle {
    width: 30%;
    float: left;
    font-size: 12px;
}

.cnDesc {
    width: 70%;
    float: left;
    font-size: 12px;
}

.gnd {
    border: none !important;
    text-transform: uppercase;
    float: right !important;
    position: relative;
    margin: 10px 0px 0 0;
    background: #655241 !important;
    width: 180px;
}

.cnDesc svg {
    height: 20px;
    fill: #655241;
}

.swRTL {
    width: 100%;
    height: 150px;
    padding: 10px 5px 0 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-clip: content-box;
    box-sizing: border-box;
}

.swpsld {
    /*width: 100%;*/
    height: auto;
    max-width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-clip: content-box;
}

.kampanyali {
    font-size: 14px;
    margin-top: 30px;
    margin-left: 5px;
    float: left;
    box-sizing: border-box;
    color: #3b3b3b !important;
    padding: 0 0 0 10px;
    float: right !important;
    margin: 10px 0px !important;
}

.alt_menu_ic_disBaslk {
    font-size: 13px;
    float: left;
    position: relative;
    text-align: left;
    width: 100%;
    padding: 10px;
    height: 30px;
    text-decoration: underline;
    font-weight: bold;
}

#signForm input {
    margin: 4px 0;
    text-indent: 5px;
    padding: 8px 0;
}

#signForm label {
    margin: 0 5px;
}

.kaydoll {
    padding: 10px 30px !important;
    background: #655241 !important;
    border: none !important;
}

.kaydolNone {
    padding: 10px 30px !important;
    background: #655241 !important;
    color: white !important;
    border: none !important;
    margin: 4px 0 0 10px;
}

.avb {
    position: absolute;
    right: 20%;
    bottom: 10%;
    border: 2px solid white;
    padding: 7px 40px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
}

.avb:hover {
    background: #655241;
    border: 2px solid #655241;
    transition: 0.3s;
}

.divorder {
    width: 100%;
    float: left;
    border-top: thin solid #bab7b7;
}

.avb::before {
    content: '';
    position: absolute;
    width: 50px;
    background: white;
    height: 3px;
    bottom: 0;
    left: 50%;
    transition: 0.3s;
    transform: translate(-50%);
}

.sE {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    clear: both;
    padding: 6px 0;
    border: thin solid #cecccc;
    transition: 0.3s;
    border-radius: 3px;
    display: none;
}

.sE:hover {
    border: thin solid #655241;
    background: #655241;
    color: white;
}

.kazanc {
    width: 100%;
    text-align: center;
    margin: 6px 0;
    font-size: 13px;
    padding: 2px 0;
    background: #655241;
    color: white;
    border-radius: 8px;
    display: none;
}

#fltr {
    position: absolute;
    width: 100%;
    bottom: -40px;
    background: black;
    color: white;
    padding: 5px 0;
    text-align: center;
    border: thin solid black;
    transition: 0.3s;
    cursor: pointer;
}

#fltr:hover {
    border: thin solid black;
    background: white;
    color: black;
}

#giris_slider {
    width: 100%;
    float: left;
    position: relative;
}

.giris_slider:nth-child(1) {
    background: #655241;
}

.giris_slider:nth-child(2) {
    background: #cb9e67;
}

#giris_box {
    width: 500px;
    min-height: 600px;
    position: absolute;
    left: calc(50% - 250px);
    top: 85px;
    font-size: 14px;
    padding: 20px 10px;
    background: #fff;
    border-radius: 3px;
}

#giris_box h1 {
    text-align: center;
    margin: 10px 0 30px;
    font-size: 24px;
    font-family: 'Centuria-bold';
}

#giris_box div {
    width: 100%;
    float: left;
    margin: 10px 0;
    padding: 0 50px;
    box-sizing: border-box;
    font-size: 12px;
}

#giris_box div input {
    width: 100%;
    height: 40px;
    float: left;
    box-sizing: border-box;
    outline: 0;
    border: 1px solid #bdbdbd;
    background: 0 0;
    padding: 0 0 0 5px;
    border-radius: 3px;
    font-size: 14px;
}

#giris_box div label {
    width: 100%;
    float: left;
    margin: 0 0 5px;
    color: #727276;
    font-family: 'Centuria-bold';
}

#giris_box input[type=submit] {
    width: 100%;
    background: #655241;
    color: #fff;
    box-sizing: border-box;
    border: 0;
    height: 40px;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
}

#giris_box #sifremi_unuttum {
    width: 120px;
    color: #313131;
    padding: 0;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    margin: 10px;
}

#giris_box #cizgi {
    width: calc(100% - 40px);
    height: 1px;
    background: #d8d8d8;
    margin: 10px 20px;
}

#giris_box #text {
    text-align: center;
    padding: 0;
    line-height: 20px;
    color: #727276;
    letter-spacing: .5px;
}

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

#giris_box #hesap_olustur {
    width: 150px;
    background: #cb9e67;
    color: #fff;
    height: 40px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    display: inline-block;
    margin: 0;
}

.giris_slider {
    width: 50%;
    height: 750px;
    float: left;
    overflow: hidden;
}


.s-hidden {
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font: normal 11px/22px Arial, Sans-Serif;
    color: black;
    border: 1px solid #ccc;
    width: 100%;
}

.styledSelect {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 7px 10px;
    color: #000000c7;
    text-transform: uppercase;
    font-size: 12px;
}

.styledSelect:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #0000009e transparent transparent transparent;
    position: absolute;
    top: 17px;
    right: 6px;
}

.styledSelect:active, .styledSelect.active {
    background-color: #eee;
}

.alert-danger {
    color: #595959 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.swal2-icon.swal2-info {
    border-color: #cb9e67 !important;
    color: #cb9e67 !important;
}

.options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border: 1px solid #ccc;
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
    padding: 0 6px;
    margin: 0 0;
    padding: 6px 10px;
    text-transform: uppercase;
}


.options li:hover {
    background-color: #cb9e67;
    color: white;
}

.swal2-container {
    z-index: 99999999999999 !important;
}

.prf img {
    width: 52% !important;
}

.lgt img {
    width: 52% !important;
    margin: 1px 0 0 0 !important;
}

.prf span {
}

.lgt span {
    width: 46px !important;
}

#sptRes {
    width: 90%;
    margin: 20px auto 30px auto;
}

#sptRes img {
    max-width: 100%
}

#urunAlt2 {
    width: 100%;
    float: left;
    position: relative;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#urunAlt2 img {
    max-width: 100%;
}

#sptOnzCls {
    width: 20px;
    position: absolute;
    right: 10px;
    top: 25px;
    cursor: pointer;
}

.lobEffect {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20px;
}

.lbh {
    position: relative;
    transition: 0.3s;
    cursor: pointer;
}

.lobTitle h2 {
    font-family: 'Roboto Light' !important;
    color: white;
    font-size: 27px;
    text-transform: none;
    text-transform: uppercase;
}

.lobTitle {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000080;
    display: flex;
    text-align: center;
    align-items: end;
    flex-wrap: wrap;
    font-size: 60px;
    letter-spacing: 3px;
    color: white;
    justify-content: center;
}

.lobLink {
    display: block;
    padding: 5px 5px;
    width: 180px;
    color: white;
    float: left;
    font-family: 'asgaltregular' !important;
    font-size: 24px;
    text-align: center;
    position: relative;
    text-transform: uppercase;
}

.lobLink:before {
    content: '';
    width: 95px;
    background: #ffffffb8;
    height: 1px;
    top: 14px;
    position: absolute;
    left: -60%;
}

.lobLink:after {
    content: '';
    width: 95px;
    background: #ffffffb8;
    height: 1px;
    top: 14px;
    position: absolute;
    right: -60%;
}

.lbh img {
    transition: 0.3s;
}

.lbh:hover img {
    transform: scale(1.1);
}

.lti {
    transform: translate(-50%);
    top: 40%;
    left: 50%;
    position: absolute;
    width: 100%;
    height: auto;
}

.katFilter {
    width: 73%;
    float: right;
    margin: 10px;
    display: none
}

#araFunc {
    width: 20%;
    float: right;
    z-index: 1;
    right: 5px;
    position: absolute;
    border-bottom: thin solid #0000005e;
}

.secenekFunc {
    width: 100%;
    float: right;
    height: 28px;
    position: relative;
    cursor: pointer;
    line-height: 28px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.filterBaslik2 i {
    float: right;
    transform: rotate(90deg);
    font-size: 20px;
    position: relative;
    top: 7px
}

.filterBaslik2 svg {
    float: right;
    transform: rotate(0deg);
    position: relative;
    top: 5px;
    width: 14px;
    height: 20px;
    fill: #655241;
}

.acilanFunc {
    width: 100%;
    line-height: initial;
    left: 0;
    float: left;
    position: absolute;
    top: 32px;
    background: #000;
    color: #fff;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: max-height .3s
}

.acilanFunc div {
    border-top: thin solid #ffffff61;
    padding: 11px 10px;
    text-transform: uppercase;
    visibility: hidden;
    transition: .5s;
    opacity: 0;
    width: auto;
    font-size: 10px
}

.acilanFunc div:hover {
    text-indent: 10px;
}

.acilanFunc-active {
    visibility: visible;
    opacity: 1;
    max-height: 300px;
    background: #313131;
    transition: .4s
}

.disabled {
    display: none;
}

.acilanFunc-div-active {
    visibility: visible !important;
    transition-delay: .3s !important;
    opacity: 1 !important
}

.abone {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    box-sizing: border-box;
}

#ebulten {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #00000087;
    padding: 80px;
    box-sizing: border-box;
}

#bultenYazi {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 24px;
    font-family: 'Roboto' !important;
}

#social a {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    cursor: pointer;
    float: left;
}

#social svg {
    width: 30px;
    height: 30px;
    fill: #aeaeae;
}

#social {
    width: 80%;
    float: left;
    margin: 10px 0;
    text-align: center;
}

#bultenInp {
    width: 25%;
}

#bultenInp input {
    width: 100%;
    height: 40px;
    background: none;
    border: thin solid white;
    color: white;
    font-size: 18px;
    text-align: center;
    position: relative;
    top: -10px;
}

#bulten_btn {
    border: thin solid white;
    background: white;
    padding: 10px 0px;
    width: 140px;
    transition: 0.3s;
    text-align: center;
    font-size: 12px;
    margin: 10px auto;
    cursor: pointer;
}

#bulten_btn:hover {
    border: thin solid #cea36f;
    background: #cea36f;
    color: white;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: .25em solid rgb(206 163 111 / 49%) !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #dcbe99 !important;
}

.swal2-icon.swal2-success {
    border-color: #dcbe99 !important;
    color: #dcbe99 !important;
}

.swal2-timer-progress-bar {
    background: rgb(101 82 65 / 40%) !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #655241c7 !important;
}

.swal2-icon.swal2-error {
    border-color: #87786b !important;
    color: #6d5a4b !important;
}

.swal2-styled.swal2-confirm {
    background-color: #cb9e67 !important;
}

.swal2-styled.swal2-cancel {
    border: thin solid #655241 !important;
    background-color: #fff0 !important;
    color: #655241 !important;
}

#mobilMenu {
    display: none;
    cursor: pointer;
}

#mobMenu {
    visibility: hidden;
    opacity: 0;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    transition: 0.3s;
}

#mobMenu svg {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 30px;
    top: 30px;
}

.mobMenuActv {
    visibility: visible !important;
    opacity: 1 !important;
}

.odemeSonuc {
    width: 100%;
    float: left;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.odemeSonuc svg {
    fill: #00E676;
    width: 70px;
}

.odemeSonucic {
    width: 70%;
    margin: 0 0 0 60px;
    font-size: 15px;
    color: #233746;
}

.ddtSonuc {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 13px;
    color: #505f6a;
    padding: 0 20px;
}

.ddtSonuc div {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.swal2-styled.swal2-confirm {
    border-radius: 0 !important;
}

.swal2-popup {
    border-radius: 0 !important;
}

.alert {
    font-size: 18px !important;
}

input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #cb9e67;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #cb9e67;
}

.tbt2 {
    color: #cb9e67 !important;
}

#hesabim_icerik {
    width: calc(100% - 350px);
    float: right;
    box-sizing: border-box;
}

#register_box {
    width: 80%;
    float: left;
    font-size: 12px;
    padding: 30px 0;
    box-shadow: 0 0 20px 20px #7b7b7b0a;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    font-family: 'Centuria-bold';
}

.hesabim_bilgi_box {
    width: 80%;
    float: left;
    font-size: 12px;
    position: relative;
}

.hesabim_bilgi_box h1 {
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    float: left;
    margin: 50px 0 0;
    font-family: 'Centuria-bold';
}

#siparisler, .hesabim_bilgi_box p {
    font-size: 12px;
    width: 100%;
    float: left;
    margin-top: 10px;
}

#register_box input[type=date], #register_box input[type=email], #register_box input[type=password], #register_box input[type=text] {
    width: 195px;
    height: 30px;
    outline: 0;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #d1cccc;
    padding: 0 0 0 5px;
    border-radius: 0;
    margin: 5px 0;
    float: left;
    font-size: 13px;
}

.profil_tick {
    display: none;
    position: absolute;
    margin-top: 10px;
}

.profil_tick i, .profil_tick1 i, .profil_tick2 i, .profil_tick3 i {
    margin: 0 0 0 10px;
    font-size: 20px !important;
    height: 25px;
    line-height: 25px;
    color: #e4147e;
}

.profil_tick1 {
    display: none;
    position: absolute;
    margin-top: 10px;
}

.profil_tick2 {
    display: none;
    position: absolute;
    margin-top: 20px;
    margin-left: 10px;
}

.profil_siparis_sorgula {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 40px;
    padding-left: 10px;
}

.profil_siparis_sorgula a {
    display: inline-block;
    padding: 10px 40px;
    color: white;
    background: #655241;
}


#sozlesme_con {
    width: 100%;
    display: flex;
    float: left;
    margin: 0 0 20px;
    height: 50px;
    align-items: center;
}

#sozlesme_con input {
    margin: 0px 10px !important;
}

#uyelikForm {
    width: 70%;
    margin: 0 auto;
}

.altkisaYol {
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 60px;
    background: #cb9e67;
    position: fixed;
    bottom: 0;
    z-index: 99999;
}

.altkisaYol div {
    width: calc(100% / 4);
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.altkisaYol svg {
    width: 20px;
    height: 30px;
    fill: white;
}

.altkisaYol a {
    display: block;
    color: white;
    font-size: 12px;
}

.altkisaYol span {
    width: 100%;
    float: left;
    position: relative;
    top: 5px;
}

.altkisaYol span:last-child {
    left: -5px;
}

.araForm {
    width: 100% !important;
    position: absolute;
    height: 100%;
    background: #655241;
}

.araForm form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.araForm input {
    width: 90% !important;
    color: white !important;
}

.imgMask {
    position: absolute;
    transform: translate(-50%) rotate(0deg);
    bottom: 0;
    left: 54%;
    width: 121px;
    height: 52px;
    opacity: 0.4;
}

.imgMask img {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

.urunAyrintiMobil {
    display: none;
}

.uom {
    display: none;
}

.sepetM2 {
    width: 100%;
    float: left;
    position: relative;
    height: 110px;
    overflow: hidden;
    margin: 10px 0;
    border-bottom: thin solid #24364647;
    padding: 10px 0;
}

.s_ursil {
    width: 30px !important;
    float: left !important;
    height: 100% !important;
    margin: 0 0 0 0 !important;
    background-size: 65% !important;
}

#mobil_urun_resim2 {
    width: 20%;
    float: left;
    margin: 0 10px;
    height: 110px;
}

#mobil_urun_resim2 img {
    max-width: 100%;
}

.mobil_sepet_icerik2 {
    width: 60%;
    float: left;
    font-size: 13px;
    margin: 0 0 20px 0;
}

.mobil_sepet_icerik2 {
    width: 60%;
    float: left;
    font-size: 13px;
    margin: 0 0 4px 0;
    font-weight: 100;
    color: #243646;
}

.msi {
    border: 0;
    position: relative;
    top: 5px;
    border-right: none !important;
}

.profil_tick {
    display: none;
    position: absolute;
    margin-top: 10px
}

.profil_tick1 {
    display: none;
    position: absolute;
    margin-top: 10px
}

.profil_tick2 {
    display: none;
    position: absolute;
    margin-top: 20px;
    margin-left: 10px
}

.profil_tick3 {
    display: none;
    position: absolute;
    margin-top: 20px;
    margin-left: 10px;
    left: 560px;
}

.profil_tick i, .profil_tick1 i, .profil_tick2 i, .profil_tick3 i {
    margin: 0 0 0 10px;
    font-size: 20px !important;
    height: 25px;
    line-height: 25px;
    color: #e4147e
}

.whatsapp_div {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 4vh;
    height: 4vh;
    z-index: 111111111111;
}

.whatsapp_div a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.whatsapp_div a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}