﻿* {
    padding: 0;
    margin: 0;
    font-family: 'brcandor-regular-bf65519844306f6', sans-serif;
    font-size:18px;
}
@font-face {
    font-family: 'brcandor-bold-bf6551984434a53';
    src: url('fonts/brcandor-bold-bf6551984434a53.otf') format('opentype');
}
@font-face {
    font-family: 'brcandor-medium-bf655198440bb69';
    src: url('fonts/brcandor-medium-bf655198440bb69.otf') format('opentype');
}
@font-face {
    font-family: 'brcandor-semibold-bf655198444222b';
    src: url('fonts/brcandor-semibold-bf655198444222b.otf') format('opentype');
}
@font-face {
    font-family: 'brcandor-regular-bf65519844306f6';
    src: url('fonts/brcandor-regular-bf65519844306f6.otf') format('opentype');
}

.HeaderMenu{background-color:#D3B057;padding:15px;}
.HaderLeft{float:left;width:40%;margin-left:10%}
.MailTel{color:#000000;text-decoration:none;}
.MailTel:nth-child(2n+1){padding-right:15px;}
.MailTel:nth-child(2n+2){padding-right:15px;padding-left:15px;border-right:solid 0.3mm #00000064}
.MailTel:hover{color:#000000;text-decoration:none;}
.AcilirMenu{display:none}
.MobilMenu{display:none}
.MobilSepet{display:none}



.HaderRight{float:right;width:45%;align-items:center;text-align:right;margin-right:5%}
.HaderRight a{color:#000000;text-decoration:none;}
.HaderRight a:nth-child(2n+1){padding-right:15px;border-right:solid 0.3mm #00000064}
.HaderRight a:nth-child(2n+2){padding-right:15px;padding-left:15px;border-right:solid 0.3mm #00000064}
.HaderRight a:nth-child(2n+3){padding-right:15px;border-right:none;padding-left:15px}
.HaderRight a:hover{color:#000000;text-decoration:none;}



.Banner{position:relative;}
.Banner nav{position:absolute;right:0%;z-index:99999;margin-top:2%;background-color:#ffffff1c;padding-right:3%;padding-left:25px;}
.Banner nav ul{padding:0;margin:0;list-style:none;}
.Banner ul li {float:left;position:relative}
.Banner ul li ul {position:absolute;z-index:9999;width:250px;background-color:#ffffff1c;display:none}
.Banner ul li ul li{display:block;width:100%;}
.Banner ul li ul li a{display:block;color:#000000;font-size:16px;text-decoration:none;padding:20px 35px 10px 35px;}
.Banner ul li ul li a:hover{background-color:#e0e0e071;border-bottom: 0}
.Banner ul li:hover  ul{display:block}



.Banner ul li a{display:block;color:#000000;font-size:20px;text-decoration:none;padding:20px 35px 10px 35px;}

.Banner ul li a i {font-size:35px;margin-top:-7px;}
.Banner ul li a:hover{border-bottom: solid 3px #000000}


.wellContainer{width:80%;margin-left:10%}
.BgWellGrey{background-color:#f2f2f2;padding-top:2%;padding-bottom:1%;}
.CSlider{padding:15px;display:block;}
.CSlider span{display:block;text-align:center;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:20px;padding:10px 0 10px 0}


.BgWellWhite{justify-self:center;width:80%;margin-left:10%}
.ThreeColumn{text-decoration:none;background-color:#f2f2f2;display:block;float:left;border-radius:25px;padding:5px 20px 5px 20px;width:23%;margin-top:5%;margin-bottom:5%;}
.ThreeColumn:nth-child(2n+1){margin-left:-1.5%;margin-right:5%;}
.ThreeColumn:nth-child(2n+2){margin-right:5%;margin-left:5%;}
.ThreeColumn:nth-child(2n+3){margin-right:5%;margin-left:5%;}
.ThreeColumn img {width:75px;float:right;padding-top:5px;}
.ThreeColumn span{float:left;width:75%;display:block;text-align:left;padding: 32px 0 25px 15px;color:#000000;font-size:20px;}


.WhatWellMax{width:80%;margin-left:10%;margin-top:1%;margin-bottom:10%;}
.WhatWellMaxHeader {text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:35px;}
.WhatColumn{text-decoration:none;display:block;float:left;border-radius:25px;padding:5px 20px 5px 20px;width:23%;text-align:center}
.WhatColumn:nth-child(2n+1){margin-left:-1%;margin-right:1%;}
.WhatColumn:nth-child(2n+2){margin-right:1%;margin-left:1%;}
.WhatColumn:nth-child(2n+3){margin-right:1%;margin-left:1%;}
.WhatColumn:nth-child(2n+4){margin-left:-1%;margin-right:1%;}
.WhatColumn:nth-child(2n+1) img{width:100px;}
.WhatColumn:nth-child(2n+2) img{width:100px;}
.WhatColumn:nth-child(2n+3) img{width:100px;}
.WhatColumn:nth-child(2n+4) img{width:100px;}
.WhatColumn span{display:block;text-align:center;padding:15px;color:#000000;font-size:20px;}
.WhatColumn:hover{text-decoration:none}


.MainProductsHeader{text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:35px;display:block;width:100%;}
.MainProducts{width:80%;margin-left:10%;margin-top:2%;margin-bottom:3%;display: flex;flex-wrap: wrap;gap: 0;}
.MainProductList{width:23%;float:left;padding:10px;margin-left:1%;margin-right:1%;border:solid 0.3mm #f2f2f2;margin-bottom:15px;margin-top:15px;cursor:pointer;text-align:center;padding-bottom:30px;}
.MainProductList img{width:100%;}
.MainProductList:hover {background-color:#f5f5f5}
.MainProductName{display:block;padding:5px;text-align:center;}
.MainProductPrice{display:block;padding:5px;text-align:center;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:24px;margin-bottom:15px;}
.BtnSepetMain {background-color:#D3B057;color:#000000;text-decoration:none;padding:15px;border-radius:5px;padding-top:25px;padding-bottom:25px;}
.BtnSepetMain:hover{text-decoration:none;background-color:#9b7c2d;color:#000000;}

.PlatformlarImg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}



.KurumsalPartner{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.KurumsalPartner table{width:100%;border:0;}
.KurumsalPartner table tr td:nth-child(2n+1){width:50%;}
.KurumsalPartner table tr td span:nth-child(2n+1){display:block;padding:5px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:35px;}
.KurumsalPartner table tr td span:nth-child(2n+2){display:block;padding:5px;padding-bottom:20px}

.KurumsalPartner table tr td:nth-child(2n+2){width:50%;text-align:right;}
.FormInput{width:80%;text-align:right;background-color:white;border-radius:25px;float:right;padding:15px;text-align:center}
.FormHeader{display:block;padding:5px;font-size:35px;text-align:center;border-bottom: solid 0.3mm #b2b2b2;margin-bottom:10px;}
.MainInput{background-color:#b2b2b2;border:0;padding:10px;margin-bottom:15px;margin-top:15px;border-radius:5px;margin-left:1%;margin-right:1%;}
.InputTwo .MainInput{width:48%;float:left}
.InputOne .MainInput{width:98%;}
.BtnBasvuru{background-color:#D3B057;color:#f2f2f2;text-decoration:none;padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:20px;margin-bottom:25px;margin-top:25px;}
.BtnBasvuru:hover{background-color:#9b7c2d}


.accordionHeader{display:block;padding:5px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:35px;text-align:center;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footer{padding-bottom:25px;padding-top:25px;}
.Footers{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.fLogo {float:left;width:33%;}
.fLogo img{width:250px;}
.fLogo span{display:block;padding:15px 0 15px 0;text-align:left;font-size:18px}
.FooterNav{float:left;width:33%;}
.FooterNav ul {list-style:none;padding:0;margin:0;float:left;width:50%;}
.FooterNav ul li a {display:block;padding:10px;text-decoration:none;color :#000000;font-size:18px}
.FooterNav ul li a:hover{text-decoration:none;color :#000000;}
.FooterAdres{float:left;width:33%;}
.FooterAdres span{display:block;padding:10px;font-size:18px;}
.fLogoMobil{display:none}
.wellMarginTopContainer{margin-top:7%;}
.LoginHeader{display:block;}
.LoginHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #b0b0b0;width:50%;text-align:center}
.LoginHeader a:hover:nth-of-type(2n+2){border-bottom:solid 4px #212121;background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.LoginHeader a:hover:nth-of-type(2n+1){background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.formControl{margin-bottom:10px;}
.formControl input{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}
.BtnKaydet{padding:10px;display:block;width:100%;background-color:#9b7c2d;border-radius:5px;color:white;border:0}
.BtnKaydet:hover{background-color:#81600e}
.wellLoginContainer{margin-top:25px;}
.containerCheckbox {display: block;position: relative;padding-left: 35px;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top:15px;}
.containerCheckbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0}
.checkmark {position: absolute;top: -3px;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius:5px;}
.containerCheckbox:hover input ~ .checkmark {background-color: #ccc;}
.containerCheckbox input:checked ~ .checkmark {background-color: #81600e;}
.checkmark:after {content: "";position: absolute;display: none;}
.containerCheckbox input:checked ~ .checkmark:after {display: block;}
.containerCheckbox .checkmark:after {left: 7px;top: 3px;width: 10px;height: 15px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.containerCheckbox a{display: block;position: relative;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;}

.GeneralRow{margin-top:25px;}
.detailsContainer{width:60%;margin-left:20%;margin-top:15px;margin-bottom:15px;}
ul.breadcrumb {padding: 10px 16px;list-style: none;background-color: #eee;}
ul.breadcrumb li {display: inline;font-size: 18px;color:#333333}
ul.breadcrumb li+li:before {padding: 8px;color: black;content: "/\00a0";}
ul.breadcrumb li a {color: #81600e;text-decoration: none;}
ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}
.DetailUrunBig{border:solid 0.3mm #ebebeb;margin-bottom:5px;width:100%;}
.DetailUrunSmall{padding:10px;border:solid 0.3mm #ebebeb;float:left;width:23.5%;margin:1%;margin-bottom:25px;cursor:pointer}
.DetailUrunSmall:nth-child(4n+1) {margin-left: 0;}
.DetailUrunSmall:nth-child(4n) {margin-right: 0;}
.DetailUrunSmall:hover{opacity:0.7}
.UrunTitle{padding: 15px;display:block;font-weight:bold;font-size:20px;}
.UrunPrice{padding:15px;font-size:24px;font-weight:bold;display:block;}
.UrunStokKodu{display:block;padding-left:0;padding-top:25px;}
.UrunAdet{display:block;padding:15px;}
.UrunAdet span:nth-of-type(2n+2){float:left;}
.UrunAdet span{float:left;display:block;background-color:#81600e;padding:8.1px;padding-left:10px;padding-right:10px;color:white;cursor:pointer;font-size:20px;}
.UrunAdet span:nth-of-type(2n+1){padding-left:13px;padding-right:13px;}
.UrunAdet input{float:left;border:solid 0.3mm #eee;padding:10px;width:50px;text-align:center;}
.UrunAdet span:hover{background-color:#493609}
.OzelBilgi{padding:15px;margin-top:25px;margin-bottom:15px;}
.SepeteEkle{padding:10px;display:block;background-color:#9b7c2d;border-radius:5px;color:white;border:0;width:200px;padding-top:13px;}
.SepeteEkle:hover{background-color:#81600e}

.UrunAciklamaTitle{border-bottom:solid 4px #b0b0b0;height:47px;margin-bottom:25px;}
.UrunAciklamaTitle ul{padding:0;margin:0;list-style-type:none}
.UrunAciklamaTitle ul li{padding: 10px 60px 10px 0px;border-bottom:solid 4px #212121;float:left;font-weight:bold}
.UrunAciklamaAciklama{padding: 10px 0px 40px 0px;}

.ProductListSlider{width:100%;float:left;padding:10px;margin-left:1%;margin-right:1%;border:solid 0.3mm #f2f2f2;margin-bottom:15px;margin-top:15px;cursor:pointer;text-align:center;padding-bottom:30px;}
.ProductListSlider img{width:100%;}
.ProductListSlider:hover {background-color:#f5f5f5}
.MainProductName{display:block;padding:5px;text-align:center;}
.MainProductPrice{display:block;padding:5px;text-align:center;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:24px;margin-bottom:15px;}

.MainProductsSliderHeader{text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:5px;display:block;width:100%;}
.BasketContainer{width:80%;margin-left:10%;margin-top:8%;}
.BasketAlertContainer{width:80%;margin-left:10%;margin-bottom:5%;}
.BasketContainer img{width:100%}
.SepetTable{width:70%;border:solid 0.3mm #eee;float:left;margin-bottom:35px;}
.BasketContainer .SepetTable tr td{border:solid 0.3mm #eee;padding:5px;}
.SepetTable tr td:nth-of-type(2n+1){width:10%;text-align:center}
.SepetTable tr td:nth-of-type(2n+2){width:38%;text-align:center}
.SepetTable tr td:nth-of-type(2n+3){width:16%;text-align:center}
.SepetTable tr td:nth-of-type(2n+4){width:11%;text-align:center}
.SepetTable tr td:nth-of-type(2n+5){width:10%;text-align:center}
.SepetTable tr td:nth-of-type(2n+6){width:10%;text-align:center;justify-items:center}

.SepetTable thead{background-color:#ededed;}
.SepetTable thead tr td{padding:10px;border:solid 0.3mm #e2e2e2}
.BirimFiyat span{display:block;text-align:center}
.BirimFiyat span:nth-of-type(2n+1){color:#e51313;text-decoration:line-through;}
.UrunSil{padding:10px;display:block;color:white;background-color:#9b7c2d;border:0;padding-left:17px;padding-right:17px;border-radius:5px;padding-top:12px}
.UrunSil:hover{background-color:#81600e}

.SepetToplam{width:28%;border:solid 0.3mm #eee;float:right}
.SepetToplam tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left: 15px;padding-right: 15px;width: 48%;padding-top:8px;font-size:14px;}
.SepetbtnBlack:hover {background-color: #9b7c2d;}
.SepetTitle{padding:15px;padding-left:0;font-weight:bold;font-size:30px;padding-bottom:10px;}
#alertigo{bottom:36px;right:0;display:block;max-width:100%;position:fixed;text-align:center;z-index:2500}.fa-check{display:block;color:#fff;font-size:28px;cursor:pointer}.colorcarpi{display:block;color:#fff;font-size:28px;cursor:pointer}.iconalert{display:block;width:100%;margin-bottom:5px;cursor:pointer}.alertigo{background-color:#337ab7;border:1px solid #2e6da4;color:#fff;clear:both;float:right;padding:25px;padding-top:10px;text-align:center;width:auto;text-shadow:1px 1px 0 rgba(0,0,0,.25)}.alertigo:last-of-type{margin-bottom:0}.alertigo-green{background-color:#5cb85c;border-color:#4cae4c}.alertigo-light-blue{background-color:#5bc0de;border-color:#46b8da}.alertigo-orange{background-color:#f0ad4e;border-color:#eea236}.alertigo-red{background-color:#d9534f;border-color:#d43f3a}@media only screen and (max-width:991px){#alertigo{bottom:36px;right:0;display:block;width:100%;position:fixed;text-align:center;z-index:2500}.alertigo{background-color:#337ab7;border:1px solid #2e6da4;color:#fff;clear:both;float:right;display:block;padding:25px;padding-top:10px;text-align:center;width:100%;text-shadow:1px 1px 0 rgba(0,0,0,.25)}#alertigo{width:100%}}@font-face{font-family:'VAG';src:url('../font/VAG.TTF')}

.wellMarginTopPaymentContainer{margin-top:3%;}
.formControl textarea{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}

.FaturaAdresi{display:none}
.SepetToplamOrder{width:100%;border:solid 0.3mm #eee;float:right}
.SepetToplamOrder tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}
.BasketContainerSonuc{width:80%;margin-top:15%;margin-bottom:15%;margin-left:10%;}




.Sayfalarcontainer{width:80%;margin-left:10%;margin-top:5%;margin-bottom:25px;}
.borderRadius4{border-radius:35px;}
.TitleSayfaAnti{margin-top:25px;font-size:35px;text-align:center;display:block;}

.TitleSayfaAntiText{padding:15px;margin-top:25px;margin-bottom:25px;}


.SyfaLogo{position:absolute;left:15px;top:35px;z-index:99999;width:200px;}

    
.OrtaSol{position:absolute;top:25%;left:5%;z-index:9999;color:white;font-size:45px;}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{position:absolute;top:25%;right:25px;z-index:9999;color:white;font-size:25px;width:40%;}
.SyfaLogoMobil{display:none}






@media (min-width: 1920px) and (max-width: 2559px) {
    #alertigo { z-index: 99999;}
* {padding: 0;margin: 0;font-family: 'brcandor-regular-bf65519844306f6', sans-serif;font-size:16px;}

#alertigo{bottom:36px;right:0;display:block;max-width:100%;position:fixed;text-align:center;z-index:2500}.fa-check{display:block;color:#fff;font-size:28px;cursor:pointer}.colorcarpi{display:block;color:#fff;font-size:28px;cursor:pointer}.iconalert{display:block;width:100%;margin-bottom:5px;cursor:pointer}.alertigo{background-color:#337ab7;border:1px solid #2e6da4;color:#fff;clear:both;float:right;padding:25px;padding-top:10px;text-align:center;width:auto;text-shadow:1px 1px 0 rgba(0,0,0,.25)}.alertigo:last-of-type{margin-bottom:0}.alertigo-green{background-color:#5cb85c;border-color:#4cae4c}.alertigo-light-blue{background-color:#5bc0de;border-color:#46b8da}.alertigo-orange{background-color:#f0ad4e;border-color:#eea236}.alertigo-red{background-color:#d9534f;border-color:#d43f3a}@media only screen and (max-width:991px){#alertigo{bottom:36px;right:0;display:block;width:100%;position:fixed;text-align:center;z-index:2500}.alertigo{background-color:#337ab7;border:1px solid #2e6da4;color:#fff;clear:both;float:right;display:block;padding:25px;padding-top:10px;text-align:center;width:100%;text-shadow:1px 1px 0 rgba(0,0,0,.25)}#alertigo{width:100%}}@font-face{font-family:'VAG';src:url('../font/VAG.TTF')}

.Banner{position:relative;}
.Banner nav{position:absolute;right:0%;z-index:99999;margin-top:2%;background-color:#ffffff1c;padding-right:3%;padding-left:25px;}
.Banner ul li a{font-size:18px;padding:15px 35px 10px 35px;}

.CSlider{padding:15px;display:block;}
.CSlider span{font-size:16px;padding:10px 0 10px 0}


.ThreeColumn{border-radius:25px;padding:5px 20px 5px 20px;}
.ThreeColumn img {width:75px;float:right;padding-top:5px;}
.ThreeColumn span{width:75%;padding: 32px 0 25px 15px;font-size:18px;}


.WhatWellMaxHeader {font-size:30px;padding-bottom:35px;}
.WhatColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;text-align:center}

.WhatColumn:nth-child(2n+1) img{width:100px;}
.WhatColumn:nth-child(2n+2) img{width:100px;}
.WhatColumn:nth-child(2n+3) img{width:100px;}
.WhatColumn:nth-child(2n+4) img{width:100px;}
.WhatColumn span{padding:15px;font-size:16px;}


.MainProductsHeader{padding:15px;font-size:30px;padding-bottom:35px;}
.MainProductList{width:23%;padding:10px;margin-bottom:15px;margin-top:15px;padding-bottom:20px;}
.MainProductPrice{padding:5px;font-size:20px;margin-bottom:25px;}
.BtnSepetMain{padding:15px;border-radius:5px;font-size:14px;}


.KurumsalPartner table tr td span:nth-child(2n+1){display:block;padding:5px;font-size:30px;}
.KurumsalPartner table tr td span:nth-child(2n+2){display:block;padding:5px;padding-bottom:20px}

.FormInput{width:80%;border-radius:25px;float:right;padding:15px;}
.FormHeader{padding:5px;font-size:30px;margin-bottom:10px;}
.MainInput{padding:10px;margin-bottom:15px;margin-top:15px;border-radius:5px;margin-left:1%;margin-right:1%;}
.InputTwo .MainInput{width:48%;float:left}
.InputOne .MainInput{width:98%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:18px;margin-bottom:25px;margin-top:20px;}


.accordionHeader{padding:5px;font-size:30px;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footers{width:80%;margin-left:7%;margin-top:2%;margin-bottom:2%;}
.fLogo{text-align:center}
.fLogo img{width:150px;}
.fLogo span{padding:15px 0 15px 0;font-size:16px;text-align:center}
.FooterNav ul li a {padding:10px;font-size:16px}
.FooterAdres span{padding:10px;font-size:16px;}

/*Buradan İtibaren Uyumlu Yap*/


.wellMarginTopContainer{margin-top:7%;}
.LoginHeader{display:block;}
.LoginHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #b0b0b0;width:50%;text-align:center}
.LoginHeader a:hover:nth-of-type(2n+2){border-bottom:solid 4px #212121;background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.LoginHeader a:hover:nth-of-type(2n+1){background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.formControl{margin-bottom:10px;}
.formControl input{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}
.formControl textarea{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}

.BtnKaydet{padding:10px;display:block;width:100%;background-color:#9b7c2d;border-radius:5px;color:white;border:0;padding-top:13px;}
.BtnKaydet:hover{background-color:#81600e}
.wellLoginContainer{margin-top:25px;}
.containerCheckbox {display: block;position: relative;padding-left: 35px;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top:15px;}

.containerCheckbox a{display: block;position: relative;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;}
.containerCheckbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0}
.checkmark {position: absolute;top: -3px;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius:5px;}
.containerCheckbox:hover input ~ .checkmark {background-color: #ccc;}
.containerCheckbox input:checked ~ .checkmark {background-color: #81600e;}
.checkmark:after {content: "";position: absolute;display: none;}
.containerCheckbox input:checked ~ .checkmark:after {display: block;}
.containerCheckbox .checkmark:after {left: 7px;top: 3px;width: 10px;height: 15px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


.GeneralRow{margin-top:25px;}
.detailsContainer{width:60%;margin-left:20%;margin-top:15px;margin-bottom:15px;}
ul.breadcrumb {padding: 10px 16px;list-style: none;background-color: #eee;}
ul.breadcrumb li {display: inline;font-size: 18px;color:#333333}
ul.breadcrumb li+li:before {padding: 8px;color: black;content: "/\00a0";}
ul.breadcrumb li a {color: #81600e;text-decoration: none;}
ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}
.DetailUrunBig{border:solid 0.3mm #ebebeb;margin-bottom:5px;width:100%;}
.DetailUrunSmall{padding:10px;border:solid 0.3mm #ebebeb;float:left;width:23.5%;margin:1%;margin-bottom:25px;cursor:pointer}
.DetailUrunSmall:nth-child(4n+1) {margin-left: 0;}
.DetailUrunSmall:nth-child(4n) {margin-right: 0;}
.DetailUrunSmall:hover{opacity:0.7}
.UrunTitle{padding: 15px;display:block;font-weight:bold;font-size:20px;}
.UrunPrice{padding:15px;font-size:24px;font-weight:bold;display:block;}
.UrunStokKodu{display:block;padding-left:0;padding-top:25px;}
.UrunAdet{display:block;padding:15px;}
.UrunAdet span:nth-of-type(2n+2){float:left;}
.UrunAdet span{float:left;display:block;background-color:#81600e;padding:8.1px;padding-left:10px;padding-right:10px;color:white;cursor:pointer;font-size:20px;}
.UrunAdet span:nth-of-type(2n+1){padding-left:13px;padding-right:13px;}
.UrunAdet input{float:left;border:solid 0.3mm #eee;padding:10px;width:50px;text-align:center;}
.UrunAdet span:hover{background-color:#493609}
.OzelBilgi{padding:15px;margin-top:25px;margin-bottom:15px;}
.SepeteEkle{padding:10px;display:block;background-color:#9b7c2d;border-radius:5px;color:white;border:0;width:200px;padding-top:13px;}
.SepeteEkle:hover{background-color:#81600e}

.UrunAciklamaTitle{border-bottom:solid 4px #b0b0b0;height:47px;margin-bottom:25px;}
.UrunAciklamaTitle ul{padding:0;margin:0;list-style-type:none}
.UrunAciklamaTitle ul li{padding: 10px 60px 10px 0px;border-bottom:solid 4px #212121;float:left;font-weight:bold}
.UrunAciklamaAciklama{padding: 10px 0px 40px 0px;}

.ProductListSlider{width:100%;float:left;padding:10px;margin-left:1%;margin-right:1%;border:solid 0.3mm #f2f2f2;margin-bottom:15px;margin-top:15px;cursor:pointer;text-align:center;padding-bottom:30px;}
.ProductListSlider img{width:100%;}
.ProductListSlider:hover {background-color:#f5f5f5}
.MainProductName{display:block;padding:5px;text-align:center;}
.MainProductPrice{display:block;padding:5px;text-align:center;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:24px;margin-bottom:15px;}

.MainProductsSliderHeader{text-align:center;padding:15px;font-size:35px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:5px;display:block;width:100%;}





.BasketContainer{width:80%;margin-left:10%;margin-top:3%;}
.BasketAlertContainer{width:80%;margin-left:10%;margin-bottom:5%;}
.BasketContainer img{width:100%}
.SepetTable{width:70%;border:solid 0.3mm #eee;float:left;}
.BasketContainer .SepetTable tr td{border:solid 0.3mm #eee;padding:5px;}
.SepetTable tr td:nth-of-type(2n+1){width:10%;text-align:center}
.SepetTable tr td:nth-of-type(2n+2){width:39%;text-align:center}
.SepetTable tr td:nth-of-type(2n+3){width:15%;text-align:center}
.SepetTable tr td:nth-of-type(2n+4){width:11%;text-align:center}
.SepetTable tr td:nth-of-type(2n+5){width:10%;text-align:center}
.SepetTable tr td:nth-of-type(2n+6){width:10%;text-align:center;justify-items:center}

.SepetTable thead{background-color:#ededed;}
.SepetTable thead tr td{padding:10px;border:solid 0.3mm #e2e2e2}
.BirimFiyat span{display:block;text-align:center}
.BirimFiyat span:nth-of-type(2n+1){color:#e51313;text-decoration:line-through;}
.UrunSil{padding:10px;display:block;color:white;background-color:#9b7c2d;border:0;padding-left:17px;padding-right:17px;border-radius:5px;padding-top:12px}
.UrunSil:hover{background-color:#81600e}

.SepetToplam{width:28%;border:solid 0.3mm #eee;float:right}
.SepetToplam tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left: 15px;padding-right: 15px;width: 48%;padding-top:8px;font-size:14px;}
.SepetbtnBlack:hover {background-color: #9b7c2d;}
.SepetTitle{padding:15px;padding-left:0;font-weight:bold;font-size:30px;padding-bottom:10px;}




.PaymentHeader{display:block;}
.PaymentHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #b0b0b0;width:100%;font-size:20px;}
.PaymentHeader a:hover{text-decoration:none;color:#222222;}




.SayfalarYetkicontainer{width:60%;margin-left:20%;margin-top:3%;margin-bottom:25px;}
.Sayfalarcontainer{width:80%;margin-left:10%;margin-top:5%;margin-bottom:25px;}
.borderRadius4{border-radius:35px;}
.TitleSayfaAnti{margin-top:25px;font-size:35px;text-align:center;display:block;font-weight:bold}

.TitleSayfaAnti span{font-size:25px;text-align:center;display:block;}



.TitleSayfaAntiText{padding:15px;margin-top:35px;margin-bottom:35px;}
.TitleSayfaAntiTable{margin-top:15px;margin-bottom:15px;padding:1px;}
.TableI1 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI1 tr td {width:50%;}
.TableI1 tr td:nth-of-type(2n+2) {width:50%; padding-left:15px;}
.TableI1 tr td img {width:100%;border-radius:15px;}

.TableI2 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI2 tr td {width:50%;}
.TableI2 tr td:nth-of-type(2n+2) {width:50%; padding-left:15px;}
.TableI2 tr td img {width:100%;border-radius:15px;}



.AcoountConainer{width:40%;margin-left:30%;margin-top:5%;}
.Profilemd6{margin-top:25px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom:19%;}
.colmd6{border:solid 0.3mm #e5e5e5;height:130px;text-align:center;align-content:center;border-radius:5px;background-color:#f7f7f7;text-decoration:none;cursor:pointer;}
.colmd6 a i{font-size:35px;margin-bottom:15px;}
.colmd6 a{text-decoration:none;color:#1d1d1d;font-size:16px;font-weight:bold}
.colmd6:hover{background-color:#e5e5e5;text-decoration:none}

.OrtaSol{position:absolute;top:25%;left:5%;z-index:9999;color:white;font-size:45px;}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{position:absolute;top:25%;right:25px;z-index:9999;color:white;font-size:25px;width:40%;}
.SyfaLogoMobil{display:none}



.IletisimBaslik{padding: 10px 10px 10px 0px; display:block;font-size:25px;font-weight:bold}
.IletisimAdres{padding:5px;display:block;padding-left:0px;}
.formControl22{padding-left:10px;}




}

@media (min-width: 1600px) and (max-width: 1919px) {

* {padding: 0;margin: 0;font-family: 'brcandor-regular-bf65519844306f6', sans-serif;font-size:13px;}

.Banner{position:relative;}
.Banner nav{position:absolute;right:0%;z-index:99999;margin-top:2%;padding-right:3%;padding-left:25px;}
.Banner ul li a{font-size:14px;padding:15px 35px 10px 35px;}

.CSlider{padding:15px;display:block;}
.CSlider span{font-size:14px;padding:10px 0 10px 0}


.ThreeColumn{border-radius:25px;padding:5px 20px 5px 20px;}
.ThreeColumn img {width:50px;padding-top:5px;}
.ThreeColumn span{width:75%;padding: 22px 0 25px 15px;font-size:14px;}


.WhatWellMaxHeader {font-size:25px;padding-bottom:35px;}
.WhatColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;text-align:center}

.WhatColumn:nth-child(2n+1) img{width:75px;}
.WhatColumn:nth-child(2n+2) img{width:75px;}
.WhatColumn:nth-child(2n+3) img{width:75px;}
.WhatColumn:nth-child(2n+4) img{width:75px;}
.WhatColumn span{padding:15px;font-size:13px;}


.MainProductsHeader{padding:15px;font-size:25px;padding-bottom:35px;}
.MainProductList{width:23%;padding:10px;margin-bottom:15px;margin-top:15px;padding-bottom:20px;}
.MainProductPrice{padding:5px;font-size:18px;margin-bottom:25px;}
.BtnSepetMain {padding:10px;border-radius:5px;}


.KurumsalPartner table tr td span:nth-child(2n+1){display:block;padding:5px;font-size:30px;}
.KurumsalPartner table tr td span:nth-child(2n+2){display:block;padding:5px;padding-bottom:20px}

.FormInput{width:80%;border-radius:25px;float:right;padding:15px;}
.FormHeader{padding:5px;font-size:25px;margin-bottom:10px;}
.MainInput{padding:10px;margin-bottom:10px;margin-top:10px;border-radius:5px;margin-left:1%;margin-right:1%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:16px;margin-bottom:25px;margin-top:20px;}


.accordionHeader{padding:5px;font-size:24px;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 14px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footers{width:80%;margin-left:7%;margin-top:2%;margin-bottom:2%;}
.fLogo{text-align:center}
.fLogo img{width:150px;}
.fLogo span{padding:15px 0 15px 0;font-size:14px;text-align:center}
.FooterNav ul li a {padding:10px;font-size:14px}
.FooterAdres span{padding:10px;font-size:14px;}


.OrtaSol{position:absolute;top:25%;left:5%;z-index:9999;color:white;font-size:35px;}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{position:absolute;top:34%;right:25px;z-index:9999;color:white;font-size:20px;width:40%;}
.SyfaLogoMobil{display:none}

}

@media (min-width: 1440px) and (max-width: 1599px)  {

* {padding: 0;margin: 0;font-family: 'brcandor-regular-bf65519844306f6', sans-serif;font-size:13px;}

.Banner{position:relative;}
.Banner nav{position:absolute;right:0%;z-index:99999;margin-top:2%;padding-right:3%;padding-left:25px;}
.Banner ul li a{font-size:14px;padding:15px 35px 10px 35px;}

.CSlider{padding:15px;display:block;}
.CSlider span{font-size:14px;padding:10px 0 10px 0}


.ThreeColumn{border-radius:25px;padding:5px 20px 5px 20px;}
.ThreeColumn img {width:50px;padding-top:5px;}
.ThreeColumn span{width:75%;padding: 22px 0 25px 15px;font-size:14px;}


.WhatWellMaxHeader {font-size:25px;padding-bottom:35px;}
.WhatColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;text-align:center}

.WhatColumn:nth-child(2n+1) img{width:75px;}
.WhatColumn:nth-child(2n+2) img{width:75px;}
.WhatColumn:nth-child(2n+3) img{width:75px;}
.WhatColumn:nth-child(2n+4) img{width:75px;}
.WhatColumn span{padding:15px;font-size:13px;}


.MainProductsHeader{padding:15px;font-size:25px;padding-bottom:35px;}
.MainProductList{width:23%;padding:10px;margin-bottom:15px;margin-top:15px;padding-bottom:20px;}
.MainProductPrice{padding:5px;font-size:18px;margin-bottom:25px;}
.BtnSepetMain {padding:10px;border-radius:5px;}


.KurumsalPartner table tr td span:nth-child(2n+1){display:block;padding:5px;font-size:30px;}
.KurumsalPartner table tr td span:nth-child(2n+2){display:block;padding:5px;padding-bottom:20px}

.FormInput{width:80%;border-radius:25px;float:right;padding:15px;}
.FormHeader{padding:5px;font-size:25px;margin-bottom:10px;}
.MainInput{padding:10px;margin-bottom:10px;margin-top:10px;border-radius:5px;margin-left:1%;margin-right:1%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:16px;margin-bottom:25px;margin-top:20px;}


.accordionHeader{padding:5px;font-size:24px;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 14px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footers{width:80%;margin-left:7%;margin-top:2%;margin-bottom:2%;}
.fLogo{text-align:center}
.fLogo img{width:150px;}
.fLogo span{padding:15px 0 15px 0;font-size:14px;text-align:center}
.FooterNav ul li a {padding:10px;font-size:14px}
.FooterAdres span{padding:10px;font-size:14px;}


.OrtaSol{position:absolute;top:25%;left:5%;z-index:9999;color:white;font-size:35px;}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{position:absolute;top:34%;right:25px;z-index:9999;color:white;font-size:20px;width:40%;}
.SyfaLogoMobil{display:none}

}


@media (min-width: 2560px) {

* {
    padding: 0;
    margin: 0;
    font-family: 'brcandor-regular-bf65519844306f6', sans-serif;
    font-size:18px;
}
.HeaderMenu{padding:15px;}
.MailTel:nth-child(2n+1){padding-right:15px;}
.MailTel:nth-child(2n+2){padding-right:15px;padding-left:15px;}


.HaderRight{width:45%;margin-right:5%}
.HaderRight a:nth-child(2n+1){padding-right:15px;}
.HaderRight a:nth-child(2n+2){padding-right:15px;padding-left:15px;}
.HaderRight a:nth-child(2n+3){padding-right:15px;border-right:none;padding-left:15px}


.Banner nav{margin-top:2%;padding-right:3%;padding-left:25px;}
.Banner ul li a{font-size:20px;text-decoration:none;padding:20px 35px 10px 35px;}
.Banner ul li a i {font-size:35px;margin-top:-7px;}

.CSlider{padding:15px;}
.CSlider span{font-size:20px;padding:10px 0 10px 0}


.ThreeColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;margin-top:5%;margin-bottom:5%;}
.ThreeColumn:nth-child(2n+1){margin-left:-1.5%;margin-right:5%;}
.ThreeColumn:nth-child(2n+2){margin-right:5%;margin-left:5%;}
.ThreeColumn:nth-child(2n+3){margin-right:5%;margin-left:5%;}
.ThreeColumn img {width:75px;float:right;padding-top:5px;}
.ThreeColumn span{float:left;width:75%;padding: 32px 0 25px 15px;color:#000000;font-size:20px;}


.WhatWellMax{width:80%;margin-left:10%;margin-top:1%;margin-bottom:10%;}
.WhatWellMaxHeader {padding:15px;font-size:35px;padding-bottom:35px;}
.WhatColumn{border-radius:25px;padding:5px 20px 5px 20px;width:23%;}
.WhatColumn:nth-child(2n+1){margin-left:-1%;margin-right:1%;}
.WhatColumn:nth-child(2n+2){margin-right:1%;margin-left:1%;}
.WhatColumn:nth-child(2n+3){margin-right:1%;margin-left:1%;}
.WhatColumn:nth-child(2n+4){margin-left:-1%;margin-right:1%;}
.WhatColumn:nth-child(2n+1) img{width:100px;}
.WhatColumn:nth-child(2n+2) img{width:100px;}
.WhatColumn:nth-child(2n+3) img{width:100px;}
.WhatColumn:nth-child(2n+4) img{width:100px;}
.WhatColumn span{padding:15px;font-size:20px;}


.MainProductsHeader{padding:15px;font-size:35px;padding-bottom:35px;width:100%;}
.MainProducts{width:80%;margin-left:10%;margin-top:2%;margin-bottom:3%;}
.MainProductList{width:23%;float:left;padding:10px;margin-left:1%;margin-right:1%;margin-bottom:15px;margin-top:15px;padding-bottom:30px;}
.MainProductList img{width:100%;}
.MainProductPrice{padding:5px;font-size:24px;margin-bottom:15px;}
.BtnSepetMain {padding:15px;border-radius:5px;}

.PlatformlarImg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}



.KurumsalPartner{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.KurumsalPartner table tr td span:nth-child(2n+1){font-size:35px;}
.KurumsalPartner table tr td span:nth-child(2n+2){padding-bottom:20px}

.KurumsalPartner table tr td:nth-child(2n+2){width:50%;text-align:right;}
.FormInput{border-radius:25px;padding:15px;}
.FormHeader{padding:5px;font-size:35px;margin-bottom:10px;}
.MainInput{padding:10px;margin-bottom:15px;margin-top:15px}
.InputTwo .MainInput{width:48%;float:left}
.InputOne .MainInput{width:98%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:20px;margin-bottom:25px;margin-top:25px;}
.BtnBasvuru:hover{background-color:#9b7c2d}


.accordionHeader{padding:5px;font-size:35px;margin-bottom:15px;}
.accordionbg{width:80%;margin-left:10%;margin-top:2%;margin-bottom:2%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}

.Footers{width:80%;margin-left:7%;margin-top:2%;margin-bottom:2%;}
.fLogo img{width:250px;}
.fLogo span{padding:15px 0 15px 0;font-size:18px}
.FooterNav ul li a {padding:10px;font-size:18px}
.FooterAdres span{padding:10px;font-size:18px;}


}

@media (max-width: 768px) {

* {
    font-family: 'brcandor-regular-bf65519844306f6', sans-serif;
    font-size:14px;
}
.BtnSepetMain {background-color:#D3B057;color:#000000;text-decoration:none;padding:15px;border-radius:5px;padding-top:15px;padding-bottom:15px;}
.BtnSepetMain:hover{text-decoration:none;background-color:#9b7c2d;color:#000000;}
.HeaderMenu{background-color:#D3B057;padding:5px;padding-top:10px}
.HaderLeft{float:none;width:100%;margin:0;padding:0}
.MailTel{display:none}
.AcilirMenu{display:block;font-size:25px;color:#000000;text-decoration:none}
.AcilirMenu:hover{opacity:0.6;color:#000000;text-decoration:none}

.MobilMenu {height:460px;border-top:solid 0.3mm #b29038;margin-top:15px;z-index:99999}
.MobilMenu nav{text-align:center;}
.MobilMenu nav ul{list-style:none;padding:0;margin:0;display:block}
.MobilMenu nav ul li a{display:block;padding:10px;color:#000000;text-decoration:none; border-bottom:solid 0.3mm #44444474;padding-top:15px;text-align:left}
.MobilMenu nav ul li a:hover{background-color:#9b7c2d8e;text-decoration:none;color:#000000;}
.MobilMenu nav ul li ul li {padding-left:15px;}



.MoreLink{float:left;display:block;width:50%;text-align:center;padding:10px;color:#000000;padding-top:20px;}
.MobilSepet{display:block;position:absolute;right:20px;top:12px;}
.MobilSepet a {color:#444;text-decoration:none;float:right;font-size:20px}
.MobilSepet a:nth-child(2n+1) {margin-left:15px;font-size:22px}
.MobilSepet a:nth-child(2n+2) {margin-right:15px;font-size:20px}


.HaderRight{display:none}



.Banner{position:relative;}
.Banner nav{display:none}


.wellContainer{width:99%;margin-left:0.5%}
.BgWellGrey{padding-top:5%;padding-bottom:1%;}
.CSlider{padding:5px;}
.CSlider span{font-size:16px;padding:5px 0 5px 0}


.BgWellWhite{width:96%;margin-left:2%;margin-top:5px;z-index:99999}
.ThreeColumn{border-radius:15px;padding:5px 20px 5px 20px;width:100%;margin-top:1%;margin-bottom:1%;z-index:99999;}
.ThreeColumn:nth-child(2n+1){margin-left:0%;margin-right:0%;}
.ThreeColumn:nth-child(2n+2){margin-right:0%;margin-left:0%;}
.ThreeColumn:nth-child(2n+3){margin-right:0%;margin-left:0%;margin-bottom:10px;}
.ThreeColumn img {width:50px;}
.ThreeColumn span{float:left;width:75%;padding:18px 0 10px 15px;font-size:16px;}


.WhatWellMax{width:99%;margin-left:0.5%;margin-top:3%;margin-bottom:3%;}
.WhatWellMaxHeader {padding:10px;font-size:25px;padding-bottom:20px;}
.WhatColumn{border-radius:25px;padding:5px 10px 5px 10px;width:50%;text-align:center;}
.WhatColumn:nth-child(2n+1){margin-left:0%;margin-right:0%;}
.WhatColumn:nth-child(2n+2){margin-right:0%;margin-left:0%;}
.WhatColumn:nth-child(2n+3){margin-right:0%;margin-left:0%;}
.WhatColumn:nth-child(2n+4){margin-left:0%;margin-right:0%;}
.WhatColumn:nth-child(2n+1) img{width:75px;}
.WhatColumn:nth-child(2n+2) img{width:75px;}
.WhatColumn:nth-child(2n+3) img{width:75px;}
.WhatColumn:nth-child(2n+4) img{width:75px;}
.WhatColumn span{padding:10px;font-size:14px;}


.MainProductsHeader{padding:15px;font-size:25px;padding-bottom:5px;width:100%;padding-top:15px;}
.MainProducts{width:99%;margin-left:0.5%;margin-top:2%;margin-bottom:3%;}
.MainProductList{width:48%;margin-bottom:5px;margin-top:5px;cursor:pointer;text-align:center;padding-bottom:30px;}
.MainProductList img{width:100%;}
.MainProductList:hover {background-color:#f5f5f5}
.MainProductPrice{font-size:24px;}

.PlatformlarImg{width:94%;margin-left:3%;margin-top:2%;margin-bottom:2%;}


.KurumsalPartner{width:99%;margin-left:0.5%;margin-top:2%;margin-bottom:2%;}
.KurumsalPartner table{width:100%;border:0;}
.KurumsalPartner table tr {display: flex;flex-direction: column;margin-bottom: 15px;}

.KurumsalPartner table tr td:nth-child(2n+1){width:100%;}
.KurumsalPartner table tr td span:nth-child(2n+1){font-size:25px;text-align:center;padding-top:15px;}

.KurumsalPartner table tr td:nth-child(2n+2){width:100%;text-align:center;margin-top:15px;}
.FormInput{width:98%;text-align:center;float:none;padding:15px;margin-right:1%;margin-left:1%;border-radius:15px;}
.FormHeader{font-size:25px;text-align:center;}
.MainInput{background-color:#b2b2b2;border:0;padding:10px;margin-bottom:5px;margin-top:10px;border-radius:5px;margin-left:1%;margin-right:1%;}
.BtnBasvuru{padding:15px 0 10px 0;border-radius:5px;border:0;width:250px;font-size:18px;}


.accordionHeader{font-size:25px;padding-top:25px;}
.accordionbg{width:99%;margin-left:0.5%;}
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: 0.4s;border-radius:5px;margin-bottom:10px;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;  display: none;background-color: white;overflow: hidden;}



.Footer{padding-bottom:25px;padding-top:25px;}
.Footers{width:99%;margin-left:0.5%;margin-top:2%;margin-bottom:2%;}
.fLogo {float:none;width:100%;display:none}
.fLogo img{width:100%;}
.fLogo span{display:block;padding:15px 0 15px 0;text-align:left;font-size:18px}
.FooterNav{float:none;width:100%;border-bottom:solid 0.3mm #9b7c2d;margin-bottom:15px;}
.FooterNav ul {list-style:none;padding:0;margin:0;float:none;width:100%;}
.FooterNav ul li a {display:block;padding:10px;text-decoration:none;color :#000000;font-size:14px;text-align:center}
.FooterNav ul li a:hover{text-decoration:none;color :#000000;}
.FooterAdres{float:none;width:100%;text-align:center}
.FooterAdres span{display:block;padding:10px;font-size:14px;}
.fLogoMobil{display:block;width:100%;margin-top:15px;text-align:center}
.fLogoMobil img{width:50%;}
.fLogoMobil span{display:block;padding:15px 0 15px 0;text-align:center;font-size:14px}

.wellMarginTopContainer{margin-top:7%;}
.LoginHeader{display:block;}
.LoginHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #b0b0b0;width:50%;text-align:center}
.LoginHeader a:hover:nth-of-type(2n+2){border-bottom:solid 4px #212121;background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.LoginHeader a:hover:nth-of-type(2n+1){background-color:#e1e1e168;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#222222;}
.formControl{margin-bottom:10px;}
.formControl input{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}
.formControl select{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}
.BtnKaydet{padding:10px;display:block;width:100%;background-color:#9b7c2d;border-radius:5px;color:white;border:0}
.BtnKaydet:hover{background-color:#81600e}
.wellLoginContainer{margin-top:5px;}
.containerCheckbox {display: block;position: relative;padding-left: 35px;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-top:15px;}
.containerCheckbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0}
.checkmark {position: absolute;top: -3px;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius:5px;}
.containerCheckbox:hover input ~ .checkmark {background-color: #ccc;}
.containerCheckbox input:checked ~ .checkmark {background-color: #81600e;}
.checkmark:after {content: "";position: absolute;display: none;}
.containerCheckbox input:checked ~ .checkmark:after {display: block;}
.containerCheckbox .checkmark:after {left: 7px;top: 3px;width: 10px;height: 15px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.containerCheckbox a{display: block;position: relative;margin-bottom:10px; font-weight:normal;font-size:14px; cursor: pointer;}





.GeneralRow{margin-top:15px;}
.detailsContainer{width:100%;margin-left:0%;margin-top:0px;margin-bottom:15px;}
ul.breadcrumb {padding: 10px 16px;list-style: none;background-color: #eee;}
ul.breadcrumb li {display: inline;font-size: 14px;color:#333333}
ul.breadcrumb li+li:before {padding: 8px;color: black;content: "/\00a0";}
ul.breadcrumb li a {color: #81600e;text-decoration: none;}
ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}
.DetailUrunBig{border:solid 0.3mm #ebebeb;margin-bottom:5px;width:100%;display:none}
.DetailUrunSmall{padding:5px;border:solid 0.3mm #ebebeb;float:left;width:48%;margin:1%;margin-bottom:5px;cursor:pointer}
.DetailUrunSmall:nth-child(4n+1) {margin-left:1%;}
.DetailUrunSmall:nth-child(4n) {margin-right: 0;}
.DetailUrunSmall:hover{opacity:0.7}
.UrunTitle{padding: 15px;display:block;font-weight:bold;font-size:20px;text-align:center}
.UrunPrice{padding:15px;font-size:24px;font-weight:bold;display:block;text-align:center;padding-top:0}
.UrunStokKodu{display:block;text-align:center;padding:15px;}
.UrunAdet{display:block;padding:10px;text-align:center;justify-content:center;justify-self:center;padding-top:0}
.UrunAdet span:nth-of-type(2n+2){float:left;}
.UrunAdet span{float:left;display:block;background-color:#81600e;padding:7px;padding-left:10px;padding-right:10px;color:white;cursor:pointer;font-size:20px;z-index:99999}
.UrunAdet span:nth-of-type(2n+1){padding-left:13px;padding-right:13px;}
.UrunAdet input{float:left;border:solid 0.3mm #eee;padding:10px;width:50px;text-align:center;}
.UrunAdet span:hover{background-color:#493609}
.OzelBilgi{padding:15px;margin-top:25px;margin-bottom:15px;}
.SepeteEkle{padding:10px;display:block;background-color:#9b7c2d;border-radius:5px;color:white;border:0;width:200px;padding-top:13px;}
.SepeteEkle:hover{background-color:#81600e}

.UrunAciklamaTitle{border-bottom:solid 4px #b0b0b0;height:52px;margin-bottom:25px;margin-left:0px;margin-right:0px;margin-top:10%;}
.UrunAciklamaTitle ul{padding:0;margin:0;list-style-type:none}
.UrunAciklamaTitle ul li{padding: 10px 60px 10px 10px;border-bottom:solid 4px #212121;float:none;font-weight:bold;font-size:20px;text-align:center}
.UrunAciklamaAciklama{padding: 0px 10px 10px 10px;}

.ProductListSlider{width:100%;float:none;padding:10px;margin-left:1%;margin-right:1%;border:solid 0.3mm #f2f2f2;margin-bottom:15px;margin-top:15px;cursor:pointer;text-align:center;padding-bottom:30px;}
.ProductListSlider img{width:100%;}
.ProductListSlider:hover {background-color:#f5f5f5}
.MainProductName{display:block;padding:5px;text-align:center;}
.MainProductPrice{display:block;padding:5px;text-align:center;font-family:'brcandor-bold-bf6551984434a53', sans-serif;font-size:24px;margin-bottom:15px;}

.MainProductsSliderHeader{text-align:center;padding:15px;font-size:25px;font-family:'brcandor-bold-bf6551984434a53', sans-serif;padding-bottom:5px;display:block;width:100%;}





.BasketContainer {width: 96% !important;margin-left: 2% !important;margin-bottom: 10%;}
.SepetTable {width: 100% !important; float: none !important;overflow-x: auto;white-space: nowrap;}
.SepetTable thead {display: none !important;}
.SepetTable tbody tr {margin-bottom: 15px;padding: 12px;border: 1px solid #ddd;    }
.SepetTable tbody tr td {display: flex !important;justify-content: space-between;align-items: center;padding: 10px !important;border: none !important;border-bottom: 1px solid #eee !important;font-size: 14px !important;width: 100% !important;white-space: normal;text-align: left !important;}
.SepetTable tbody tr td::before {content: attr(data-title) !important;}

.SepetTable tbody tr td:first-child{display: none !important;}

.SepetToplam{width:100%;border:solid 0.3mm #eee;float:none;margin-top:15px;}
.SepetToplam tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}
.SepetbtnBlack {color: #fff;background-color: #81600e;border: 0;padding: 5px;padding-left: 15px;padding-right: 15px;width: 48%;padding-top:8px;font-size:14px;}
.SepetbtnBlack:hover {background-color: #9b7c2d;}
.SepetTitle{padding:15px;padding-left:0;font-weight:bold;font-size:20px;padding-bottom:10px;text-align:center}

.SepetTable .UrunAdet{padding-bottom:5px;padding-right:0}


.SepetTable .BirimFiyat span{text-align:right;}
.SepetTable .BirimFiyat span:nth-of-type(2n+1){color:#e51313;text-decoration:line-through;}

.UrunSil{padding:10px;display:block;color:white;background-color:#9b7c2d;border:0;padding-left:17px;padding-right:17px;border-radius:5px;padding-top:12px}
.UrunSil:hover{background-color:#81600e}


.wellMarginTopPaymentContainer{margin-top:3%;margin:5%;}
.formControl textarea{width:100%;border-radius:5px;padding:10px;border:solid 0.3mm #dbdbdb;background-color:#f2f2f2;}

.FaturaAdresi{display:none}
.SepetToplamOrder{width:100%;border:solid 0.3mm #eee;float:right}
.SepetToplamOrder tbody tr td{padding:10px;border:solid 0.3mm #e2e2e2;}

.PaymentHeader{display:block;}
.PaymentHeader a{text-decoration:none;color:#222222;font-weight:600;float:left;display:block;padding:15px;border-bottom:solid 4px #b0b0b0;width:100%;font-size:20px;}
.PaymentHeader a:hover{text-decoration:none;color:#222222;}



.Sayfalarcontainer{width:96%;margin-left:2%;margin-top:5%;margin-bottom:25px;}
.borderRadius4{border-radius:35px;}
.TitleSayfaAnti{margin-top:25px;font-size:35px;text-align:center;display:block;font-weight:bold}

.TitleSayfaAnti span{font-size:25px;text-align:center;display:block;}




.TitleSayfaAntiText{padding:15px;margin-top:35px;margin-bottom:35px;}
.TitleSayfaAntiTable{margin-top:15px;margin-bottom:15px;padding:1px;}
.TableI1 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI1 tr td {width:100%;display:block}
.TableI1 tr td:nth-of-type(2n+2) {width:100%; padding-left:15px;}
.TableI1 tr td img {width:100%;border-radius:15px;}

.TableI2 {width:100%;margin-top:35px;margin-bottom:35px;}
.TableI2 tr td {width:100%;display:block}
.TableI2 tr td:nth-of-type(2n+1) {width:100%; padding-left:15px;}
.TableI2 tr td img {width:100%;border-radius:15px;}

.SyfaLogo{position:absolute;left:15px;top:25px;z-index:99999;width:100px;}


.AcoountConainer{width:96%;margin-left:2%;margin-top:5%;}
.Profilemd6{margin-top:25px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom:19%;}
.colmd6{border:solid 0.3mm #e5e5e5;height:130px;text-align:center;align-content:center;border-radius:5px;background-color:#f7f7f7;text-decoration:none;cursor:pointer;}
.colmd6 a i{font-size:35px;margin-bottom:15px;}
.colmd6 a{text-decoration:none;color:#1d1d1d;font-size:16px;font-weight:bold}
.colmd6:hover{background-color:#e5e5e5;text-decoration:none}



.OrtaSol{display:none}
.OrtaSol span{display:block;font-size:25px;margin-top:35px;}
.OrtaSag{display:none}

.SayfalarYetkicontainer{width:96%;margin-left:2%;margin-top:5%;}

.SyfaLogoMobil{display:block;position:absolute;left:40%;width:85px;top:5px;z-index:9999;cursor:pointer}



.IletisimBaslik{padding: 10px 10px 10px 0px; display:block;font-size:25px;font-weight:bold;margin-top:25px;text-align:center}
.IletisimAdres{padding:5px;display:block;padding-left:0px;text-align:center}
.formControl22{padding-left:0px;}









}




 


