:root {
  --mainColor: #3e3e3e;
  --logoColor: #cdbfa0;
}
.campaignBlock { background: #ac7d45;    text-align: center;}

.cartItem {height: 90px;float: left;width: 100%;border-bottom: 1px solid #dadada;padding-bottom: 10px;margin-bottom: 10px;}
.cartImage {float: left;width: 100px;height: 100%;display: inline-flex;justify-content: center;align-items: center;}
.cartImage img {max-width: 100%;max-height: 88px;}
.cartItemInfo { float: left;width: calc(100% - 100px);position: relative;height: 100%;}
.cartItemInfo .cartDelete { position: absolute; right: 0; bottom: 0;}
.cartTotal {width: 100%;overflow: hidden;}
.headerOpenBasket .btn.btn-checkout {color: #fff;width: 100%;display: block; background: #68be47;font-size: 17px;height: 37px;display: flex;justify-content: center;align-items: center;font-weight: 700;margin: 10px 0 0;}
.headerOpenBasket:after {border-bottom: #ced6e0 solid 7px;border-left: transparent solid 7px;border-right: transparent solid 8px;position: absolute;content: "";width: 0;height: 0;top: -8px;right: 20px;}
/*DropdownMenu*/
.hLogin>em {width: 100%;position: absolute;top: 98%;height: 20px;display: none;}
.hTopBanner {float: left;width: 50%;line-height:18px;color: #fff;}
.fSocialss a:before {font-size: 18px;}
.percentWidth.headerTop {background: #e8e8e8;padding: 5px;color: #fff;}
.fSocialss {float: right;margin-left: 10px;}
div#hLogInfo ul { display: none;position: absolute;background: #fff;border: 1px solid#fedefd;width: 150px;top: 45px;z-index: 999;right: 0px;text-align: left;padding: 10px;line-height: 18px;}
div#hLogInfo:hover ul {display: block;}
.fSocialss a {padding: 0px 5px;}
.hTopBanner.text-left e {padding-left: 15px;}
.header-account {margin-top: 20px;}
ul.header-top-nav>li:hover .hLoginOpen {display: block;}
.hLoginOpen:before {border-bottom: var(--mainColor) solid 7px;border-left: transparent solid 7px;border-right: transparent solid 8px;position: absolute;content: "";width: 0;height: 0;top: -8px;right: 63px;z-index: 9;}
.hLoginOpen:after {border-bottom: var(--mainColor) solid 7px;border-left: transparent solid 7px;border-right: transparent solid 8px;position: absolute;content: "";width: 0;height: 0;top: -10px;right: 63px;}
.hLoginOpen {position: absolute;top: 55px;background: #fff;z-index: 9999;border-right: 1px solid #ced6e0;width: 315px;padding: 10px;right: 0px;border-left: 1px solid #ced6e0;border-bottom: 1px solid #ced6e0;border-top: 3px solid var(--mainColor);display: none;}
.hCent02 {float: right;width: 35%;padding-left: 10px;margin-top: 5px;position: relative;}
.headerOpenBasket {position: absolute;background: #fff;z-index:9999;width: 340px;right: 0;border-bottom: 1px solid #ced6e0;padding: 10px;top: calc(100% + 0px);display: none;border-right: 1px solid #ced6e0;border-left: 1px solid #ced6e0;border-top: 3px solid var(--mainColor);}
.cartest span {margin:35px 0}
.cartImages {    float: left;    width: 100px;    height: 100%;    display: inline-flex; display: -webkit-inline-flex;
display: -ms-inline-flexbox;   justify-content: center;    align-items: center;}
.cartImages img {    max-width: 100%;    max-height: 88px;}
.cartItem {height: 90px;float: left;width: 100%;padding-bottom: 10px;margin-top: 10px;}
.cartInfo {    float: left;    width: calc(100% - 100px);    position: relative;    height: 100%;}
.cartInfo span a {    display: flex;    font-size: 13px;}
.cartInfo .cartDelete {    position: absolute;    right: 0;    bottom: 0;}
.cartInfo span.bottom {    position: absolute;    bottom: 0;    font-size: 14px;    font-weight: 700;}
.headerOpenBasket:before {border-bottom: var(--mainColor) solid 7px;border-left: transparent solid 7px;border-right: transparent solid 8px;position: absolute;content: "";width: 0;height: 0;top: -8px;right: 46px;z-index: 9;}
.headerOpenBasket:after {border-bottom: var(--mainColor) solid 7px;border-left: transparent solid 7px;border-right: transparent solid 8px;position: absolute;content: "";width: 0;height: 0;top: -10px;right: 46px;}
.cartTotal {width: 100%;overflow: hidden;margin-bottom: 10px;}
.cartTotalTxt {font-size: 16px;font-weight: 500;float: left;color: #666;}
.sepetici:hover .headerOpenBasket {display: block;}
.cartTotalVal {    float: right;    font-size: 16px;    font-weight: 700;    color: #000;}
.headerOpenBasket .btn.btn-checkout {color: #fff;width: 100%;display: block;background: var(--mainColor);font-size: 17px;height: 37px;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; justify-content: center;align-items: center;font-weight: 700;margin: 10px 0 0;border-radius: 3px;}
.hCent02>#CartWrp>em {    width: 100%;    position: absolute;    top: 98%;    height: 20px;    display: none;}
.hCent02>#CartWrp:hover>em {    display: block;}
.hCent02:hover .headerOpenBasket {    display: block;}
.hUyelikTitle span {font-size: 14px;font-weight: 600;margin-bottom: 10px;display: block;width: 100%;float: left;}
a.userBtn {/* background: url(../images/profile.png)no-repeat; */height: 46px;display: block;text-align: center;font-size: 12px;font-weight: 400;border-radius: 3px;}
a.new-userBtn {height: 46px;display: block;border: 1px solid#dadada;line-height: 46px;text-align: center;font-size: 14px;font-weight: 400;border-radius: 3px;}
.hUyelikInput.hMail { margin-bottom: 10px;}
.hUyelikInput input {padding: 0;margin: 0;width: 100%;-webkit-user-select: 1px solid #ccc;text-indent: 0px;border-radius: 0px;background: #f2f2f2;color: #7b7b7b;font: 14px/38px 'Raleway', sans-serif;text-indent: 5px;height: auto;border: 1px solid #ced6e0;}
.hUyelikInput.hMail {margin-bottom: 10px;}
.hatirla {margin-top: 5px;float: left;width: 100%;padding: 10px 0px;}
.hRemember {float: left;}
.hUnttm {float: right;color: #cdbfa0;font-size: 14px;padding-top: 5px;}
.hUyeText {float: left;width: 100%;padding: 5px 0px;text-align: center;}
.girisim {float: left;width: 50%;padding: 0px 5px;}
.hUyeText span {width: 100%;color: #282828;font-size: 14px;}
.hUyeText p {color: #282828;font-size: 14px;padding-top: 10px;}
.hGoNewUser {float: left;width: 50%;padding: 0px 5px;}
a.userBtn span {background: url(../images/profile.png?v=1)no-repeat center; height: 27px;width: 100%;display: block;margin-bottom: 5px;}
.hGoNewUser a {color: #fff;width: 100%;display: block;background:var(--mainColor);font-size: 14px;height: 38px;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center;font-weight: 700;margin: 10px 0;border-radius:3px;}
.girisim .submit {background: var(--logoColor);color: #fff;border: none;height: 38px;font-size: 14px;margin: 10px 0;width: 100%;font-weight: 700;letter-spacing: 0.5px;border-radius:3px;}
/*#DropdownMenu*/
ul.headerDropdown-menu img {    float: right;display: none;}
.searchHeader {position: relative;margin-top: 20px;}
.user-control-mobil i {margin-right: 7px;}
.hSearch>div {float: right;width: 75px;height: 100%;position: relative;display: flex;justify-content: center;align-items: center;background: #f5f5f5;position: absolute;right: 0;top: 0;border-radius: 30px;}
.arama_btn {width: 100%;height: 48px;position: absolute;left: 0;right: 0;bottom: 0;background: none;border: 0;}
input.autosearchbox {border-radius:3px; width: 100%; border: 2px solid var(--mainColor); line-height: 46px;height: 46px;text-indent: 20px;outline: none;font: 400 14px/46px 'Roboto';color: #af9c9a;}
button.submit_button {position: absolute;right: 16px;top: 0px; z-index:999; background: var(--mainColor);border: none;height: 46px;width: 60px;color: #fff;border-radius: 0px 3px 3px 0px;}
header {
  box-shadow: 0 0 10px 2px rgba(146, 146, 146, 0.20);
  margin-bottom: 29px;
  }
.searchHeader>p {font: 400 13px/46px 'Roboto';text-indent: 22px;color: #af9c9a;}
.headerDropdown-menu>ul {min-width: 289px;display: inline-block;float: left;}
li.tum-urunler {position: absolute;right: 33%;bottom: 9px;}
li.tum-urunler a {font-weight: 700 !important;}

.productnotfound {width:100%; margin:50px 0 250px 0; padding:25px 0; background:var(--logoColor); color:#fff; text-align:center; font-size:18px; }

a.header-top-logo img {max-width: 100%;margin-top: 21px;margin-bottom: 0px;}
.header-account>p {color: #655a59;font: 500 13px/13px 'Roboto';margin-bottom: 10px;display: flex;flex-direction: row;}
.header-account>p>i {color: #c09a6d;font-size: 13px;font-weight: 700;margin-left: 7px;}
ul.header-top-nav>li {display: inline-block;flex-grow: 1;text-align: center;}
ul.header-top-nav>li>a {}
ul.header-top-nav>li:last-child {margin: 0px;}
a.user-mobil {color: var(--mainColor) !important;}
a.navCloseBtn {position: absolute;right: 0px;top: 0px;}
a.user-mobil i {font-size: 21px;}
li.sepetici b {display: block;}
a.basket-btn {display: block;width: 100%;/* height: 30px; *//* position: relative; */}
a.fav-btn {background: url(../images/heart-bg.png) no-repeat center;width: 100%;height: 28px;display: block;margin-bottom: 5px;}
a.basket-btn>span {display: block;position: relative;background: url(../images/basket-icon.png?v=1) no-repeat center;width: 100%;height: 28px;padding-top: 11px;padding-left: 10px;color: #fff;margin-bottom: 5px;}
a.fav-btn i {color: var(--mainColor);font-size: 18px;}
.headerNav .col-md-12.col-md-12.hidden-xs.hidden-sm {padding: 0px;}
.headerNav-wrp {border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 5px; background: #e8e8e8;}
ul.header-nav>li {float: left; font-weight: 500;}
ul.header-nav>li>a {display: block;text-transform: uppercase;transition: all .4s;color: var(--mainColor); padding: 20px 10px }
ul.header-nav>li>a:hover {background:black; color:#fff }
ul.header-nav {margin: 0;padding: 0;float: left;width: 100%;}
.headerNav-wrp .col-md-12.col-md-12.hidden-xs.hidden-sm {padding: 0px;}
a.heart-day {background: url(../images/sevgili-bg.png) 6px 14px no-repeat;line-height: 57px !important;text-indent: 10px;}
ul.headerDropdown-menu {position: absolute;left: 0px;top: 56px;background-repeat: no-repeat !important;opacity: 0;visibility: hidden;transition: all .4s;border: 1px solid #f4f4f4; text-align: left;z-index: 999;padding: 10px 20px;width: 100%;background-position: calc(100% - 15px) calc(100% - 11px) !important;background: #f4f4f4; min-height: 275px;}

.headerDropdown-menu>ul>li {transition: all .4s; padding:0; margin:0; }
.headerDropdown-menu ul li  a {padding:10px; margin:0px; display:block; color: var(--mainColor)}
.headerDropdown-menu>ul>li:hover a {background:var(--mainColor); color:#fff}
ul.header-nav > li:hover > a {background: var(--mainColor); color:#fff}

ul.header-nav>li:hover>ul {opacity: 1;visibility: visible;}


ul.header-top-nav {display: flex;flex-direction: row;}
*{font-family:'Roboto'}
nav#menu {display: none;z-index: 9999;}
.mm-opened nav#menu {display: block !important;background: #c09a6d;}
a.navCloseBtn {position: absolute;right: 0px;top: 0px;z-index: 9999;color: var(--mainColor);font-size: 24px;right: 10px;top: 7px;}
.user-control-mobil ul {position: absolute;z-index: 99;border: 1px solid #dadada;padding: 10px;display: none;background: #fff;min-width: 102px;}
.user-control-mobil ul li a {color: #655a59;font-size: 13px;line-height: 32px;}
#google_translate_element{width: 50%;  float: left;}
.para-secenek {    list-style: none;}
/* Media */
@media(max-width: 991px and min-width:768px) {
ul.header-top-nav>li {margin-right:7%;}
}
@media(max-width: 767px) {
  .mblhesap{    border: 1px solid#5a0e11;  width: 170px; font-size:18px;  position: absolute;  top: 28px;  background: #fff;    z-index: 999;  display: none; box-shadow: -2px 2px 5px 0px #3333336e; right: 6px; padding: 7px;}
  .hLoginOpen{    top: 33px;width: 300px;right: 25px;}
  ul.header-top-nav>li {/* float: left; */line-height: 20px;padding-top:20px;}
  .percentwidthHeaderTop {float:  left;width:  100%;text-align:  center;padding:  0px 15px;}
.percentwidthHeaderTop p {/* background: #280303; */padding: 15px 0px;font-size:  13px;color: rgb(255, 255, 255);font-family: 'Roboto';font-weight:500;background: #737373 url(http://site1.projeshop.com/custom/product_display/15496348641alt1.png);background-blend-mode: multiply;}
header {padding-top:  5px!important;margin-bottom: 20px!important;}
  .mm-menu .mm-listview>li .mm-next:after {border-color:  #fff!important;}
  .searchHeader>form {display:  none;}
  a.basket-btn>span {position: absolute;top: -13px;left: 15px;width: 15px;height: 16px; line-height:14px; border-radius: 30px;line-height: 15px;background: var(--mainColor);text-align: center;padding: 0px; font-family: tahoma; font-size:11px}
 body.search-active header {/*margin-bottom: 65px!important;*/}
  li.sidrgiris {border-top: 1px solidvar(--mainColor)!important;background: var(--mainColor)!important;padding: 0px 20px;text-align: right;line-height:45px!important;}
  .phonemenuye {display: block;margin: 20px;}
.phonemenuye ul li {line-height: 50px;/* text-indent: 70px; */background: none;padding-left: 0;}
.phonemenuye ul li a {color: #fff;}
  li.sidruyeol {margin: 0px 20px!important;background: #25c8e9!important;text-align: center;}
li.sidruyeol a {color: #fff!important;}
  li.sidr_close_area a i {background: url(../images/geridon.png)no-repeat; width: 33px;height: 35px;display: inline-block;background-position-y: 10px;}
li.sidrgiris a {color: #fff!important;font-size:22px!important;padding:0px!important;}
  a.basket-btn {width:24px;display:inline-block;position: relative; font-size:20px}
  .mm-panels {background: #c09a6d !important;}
.mm-listview>li>a, .mm-listview>li>span {color: #fff!important;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {color: #fff!important;}
.searchHeader>p {display:  none;}
    li.sidr_close_area {background: var(--mainColor)!important;border-bottom: 1px solidvar(--mainColor)!important;padding: 0px 20px;text-align: right;line-height:45px!important;height:45px!important;}
li.sidr_close_area a {color: #fff!important;}
.girisim {display: block;padding: 5px 20px;float: left;width: 100%;}
.girisim input {width: 100%;padding: 15px;background: #fdbc1a!important;border: 1px solid#fdbc1a!important;}
.hatirla {display: inline-block;margin: 5px;text-align: left;float: none;padding: 0px 20px;}
.hatirla a {color: #bfafaf!important;float: left;}
.hFaceLogin {display: block;margin: 5px 20px;text-align: center;}
.hFaceLogin a {color: #fff!important;}
  .hSearch {display: none;position: absolute;top: 70px;z-index: 999999;width: 93%;}
  .hUyelikInput input {padding: 0;margin: 0;width: 100%;-webkit-user-select: 1px solid #ccc!important;text-indent: 0px;border-radius: 0px!important;background: #f2f2f2!important;color: #7b7b7b!important;font: 14px/38px 'futura-mediumregular';text-indent: 5px;height: auto;border: 1px solid #ced6e0;background-color:f2f2f2!important;}
.hUyelikBox {margin: 10px 20px;display: block;}
  ul.header-top-nav {float: left;width: 100%;display: inherit;}
li.mobil-nav-btn.visible-xs {float: left;width: 11%; }
a.mobileAcordBtn.searchBtn {height: 18px;display: block; font-size:21px}
.right-menu i {display:inline-block;  font-size:22px ;padding-right: 10px; color:var(--mainColor)}
a.basket-btn {float: right;margin-left: 10px;}
a.mobileAcordBtn.searchBtn.hidden-lg.hidden-md {float: left;width: 20px;margin-left: 10px;}
li.visible-xs.right-menu {float: right;}
li.hSepet {float: right;}
li.visible-xs.right-menu a {}
li.hSepet {float: right;margin-left: 10px;position: relative;}
.header-account {float:  left;width:  100%;margin-top: 10px;border-bottom: 1px solid#dadada;}
.searchHeader>button {display:  none;}
  .percentwidthHeader {float:  left;width:  100%;margin-top:  10px;}
a.header-top-logo {text-align: center;display: block;margin-bottom: 11px;float: left;}
.searchHeader.col-md-6.col-sm-6 {text-align: center;}
  .searchHeader {float:  left;width:  100%; margin-top:10px}
.searchHeader>p {text-indent: 0px;font-size: 12px;}
li.mobil-nav-btn.visible-xs>a {color: #655a59;font-size: 14px;}
li.mobil-nav-btn.visible-xs>a>i {color: var(--logoColor);font-size: 25px; display: inline-block;}
  .hFaceLogin a {    background: url(../images/fb.png)no-repeat;height:55px;display:block;}
  .slider-right-banner-wrp {display: none;}
section.happiness {display: none;}
  .slider-right-banner-wrp {display: none;}
  li.menusiparistakip {background: url(../images/sidruyekargo.png)no-repeat;background-position-x: 4px;background-position-y: 10px;}
li.menuuyegiris {background: url(../images/sirduyeol.png)no-repeat;background-position-x: 4px;background-position-y: 9px;}
li.menuuyeol {background: url(../images/sidruyeuye.png)no-repeat;background-position-y: 10px;}
li.menusepetim {background: url(../images/sirduyesepet.png)no-repeat;background-position-y: 10px;}
li.menubizeulasin {background: url(../images/sirdwhatsapp.png)no-repeat;background-position-y: 10px;}
.sidr-right .sidrgiris{display:none;}
.side-right .girisim{float: none;width: 100%;margin: 0;padding: 0 20px;}
.side-right .hatirla{float: none;margin: 5px 20px;width: 100%;text-align: left;padding: 0;display: inline-block;}
.side-right .hatirla a{color: #333 !important;}
.side-right .girisim .submit{height: auto !important;}
.sidr ul li:hover>a{box-shadow: none !important;}
header{box-shadow: none !important;margin-bottom: 0px !important;}
.headerNav-wrp{border-bottom:0px;border-top:0px;}
.header-account{margin-top: 0px;}
a.header-top-logo img{max-width: 160px;margin-top:-12px;}
li.hSepet{list-style: none;padding-left: 0px;padding-right: 0px;padding-top:0px;}
a.mobileAcordBtn.searchBtn.hidden-lg.hidden-md{float: right;}
li.hSepet a span{border-radius: 100%;height: auto !important;width: auto !important;margin-right: 10px;position: absolute;top: -10px;left: -2px;}
li.hSepet a{}
}
@media (max-width:600px) {   
  }
@media (max-width:320px) {
  a.header-top-logo {width:57%;}
}

.percentWidth.headerTop * {
    color: #000;
}



/* New Improvements */
.mm-panels::after {content: "";position: absolute;left: 0;top: 0;background: #424242 url(/resman/uploads/photo-1481391319762-47dff72954d9.jpeg);width: 100%;height: 100%;z-index: 1;background-blend-mode: multiply;}

.mm-panels > div {
    z-index: 2 !important;
    position: relative !important;
    background: transparent !important;
}

a.mm-title {
    margin-top: 9px;
    text-transform: uppercase;
    letter-spacing: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}