@import url('https://fonts.googleapis.com/css2?family=Sacramento&family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@500&family=Cabin:wght@500&family=Lato&family=PT+Sans:wght@400;700&family=Yantramanav:wght@500&display=swap');
html body{width:100%;height:100vh;margin:0;padding:0;background:#ffffff;font-family:calibri;overflow-y: scroll;color:#000;}
h1,h2,h3,h4,h5{font-family:Source Sans Pro;position:relative;font-size:18px;color:#fff;margin:0;padding:0;width:100%;height:35px;line-height:35px;overflow:hidden;}

button:active{outline:none;}
button:focus{outline:none;}
input:active{outline:none;}
input:focus{outline:none;}

form{font-family:Cabin;margin:0;padding:0;overflow: hidden;}
form:focus{outline:none;margin:0px;padding:0px;}
textarea:focus{outline:none;}
input:focus{outline:none;}
button:focus{outline:none;}
button:hover{cursor:pointer;cursor:hand;}


.clear{width:100%;clear: both !important;height:1px;}


.overlay {z-index:999999999;position: fixed;top:0px;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 200ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {z-index:99999999;margin:200px auto;padding-top: 10px;background: #f4c60b;border-radius: 5px;width:35%;height:180px;position: relative;transition: all 1s ease-in-out;}

.popup .close {position: absolute;top:-5px;right: 15px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #4b4b4b;}
.popup .close:hover {color: #1f1f1f;}
.popup .content {margin:auto;height:100%;;overflow: hidden;font-size:22px;text-align:Center;padding:5%;color:#fff;}


.MobileFalse{display:block;}
#MobileFalse{display:block;}
.MobileTrue{display:none;}
#MobileTrue{display:none;}

.subasman{margin:auto;width:1360px !important;min-height:760px;background-color:#fbfbfb;z-index:1;}

.header{margin:auto;display:table;width:100%;height:80px;background-color:#fff;position: relative;z-index: 9999;vertical-align:middle;padding-top:25px;}
.header #loggo{margin:0;float:left;width:30%;height:100%;overflow: hidden;text-align:left;background:none;}
.header #loggo img{margin:Auto;max-height:45%;width:auto;vertical-align: middle;}
.header #infobar{float:right;width:70%;height:100%;overflow: hidden;text-align:Center;}
.header #infobar #colsX{margin:auto;padding:auto;float:left;;width:100%;height:100%;overflow: hidden;vertical-align:middle;}
.header #infobar #colsX .footerSocial{margin:auto;height:auto !important;width:35px !important;margin-left:3px;margin-right:3px;}

.header #infobar #sutun0{float:left;margin:auto;width:50%;height:100%;overflow: hidden;}
.header #infobar #sutun1{float:left;margin:auto;min-width:15%;max-width:25%;height:100%;overflow: hidden;text-align:left;font-size:17px;font-family:Cabin;text-indent:30px;background-position:left;background-repeat: no-repeat;background-size: auto 100%;}
.header #infobar #sutun2{float:left;margin:auto;width:75%;height:100%;overflow: hidden;text-align:left;text-indent:5px;font-size:17px;font-family:Cabin;}


.subasman nav{margin:0;padding:0;position:relative;display:block;width:100%;height:50px;background-color:#e0241f;border-bottom:2px solid #616161;}
.subasman nav ul{margin:0;padding:0;position:relative;display:block;width:100%;height:100%;list-style:none;}
.subasman nav ul li{float:left;margin:0;min-width:100px;height:100%;margin-left:10px;line-height:50px;position:relative;font-size:16px;font-family:Cabin;font-weight:bold;color:#ffffff;text-align:center;}
.subasman nav ul li:hover{background:#ffffff;color:#616161;}
.subasman a{text-decoration: none;}

nav#sticky {position:-webkit-sticky;position:sticky;top:0;z-index:9999999;}

nav .kategoriler {width:200px;margin-left:0px !important;}
nav .kategoriler:hover {height:103%;background:#7d7d7d !important;color:#ffffff !important;}
nav .kategoriler a{font-size:17px;}
nav .kategoriler a:hover{text-decoration: none;color:#fff;}
nav #kategoriOpen{display:none;min-width:250px;min-height:200px;margin:0;padding:0;position:relative;background:#e0241f;z-index:9999;cursor: pointer;cursor:hand;}
nav #kategoriOpen li{margin:0px !important;width:100%;height:35px;line-height:35px;text-align:left;text-indent:20px;font-size:16px;overflow: hidden;}


nav .menuler {min-width:100px;margin-left:0px !important;}
nav .menuler:hover {height:101%;background:#7d7d7d !important;color:#ffffff !important;}
nav .menuler a{font-size:16px;}
nav .menuler a:hover{text-decoration: none;color:#fff;}
nav #menuOpen{display:none;width:100%;min-height:60px;margin:0;padding:0;position:relative;background:#e0241f;z-index:9999;cursor: pointer;cursor:hand;}
nav #menuOpen li{margin:0px !important;width:100%;height:35px;line-height:35px;text-align:left;text-indent:20px;font-size:16px;}
.menuler:hover #menuOpen{display:block;} 

.slideUpX{display:block;position:relative;width:100%;height:auto;overflow: hidden;}

#w2-container{margin:auto;padding:auto;min-height:450px;}
#w2-container p{padding:30px;}

.pagesTitles{width:100%;height:40px;line-height:40px;text-indent:10px;overflow: hidden;background:#a5a5a5;color:#ffffff;font-weight:bold;font-size:17px;border-bottom:1px solid #393939;}
#urunDetayTitles{border-bottom:2px solid #e0241f !important;}
#urunDetayTitlesX{background:#dddddd !important;color:#000000;}


.urunBox{margin:auto;padding:auto;position:relative;display: inline-block;overflow: hidden;width:195px;height:235px;border:0px solid #dddddd;border-radius:3px;margin:25px;background:#ffffff;box-shadow: 3px 2px 3px 1px #dddddd;margin-left:12px;margin-right:12px;}	
.urunBox:hover{box-shadow: 4px 3px 4px 3px #dddddd;cursor:pointer;cursor:hand;border:1px solid #f4f4f4;color:#000000 !important;}
#urunImage{overflow:hidden;width:100%;height:165px;position:relative;display:block;text-align:Center;padding:2px;}
#urunImage img{margin:Auto;width:auto;max-height:98%;transition: transform .5s ease;}
#urunName{overflow:hidden;width:100%;height:35px;line-height:35px;position:relative;display:block;text-align:Center;font-family:Cabin;}
#urunPrice{overflow:hidden;width:100%;height:35px;position:relative;display:block;}
#urunLower{overflow: hidden;float:left;position:relative;width:40%;height:100%;line-height:35px;text-decoration: line-through;text-align:Center;background:#7e7e7e;color:#fff;font-size:14px;border-bottom-right-radius:13px;}
#urunFlag{overflow: hidden;float:left;position:relative;width:20%;height:100%;line-height:35px;text-align:Center;background:#e71818;color:#fff;font-size:14px;border-top-left-radius:8px;border-bottom-right-radius:8px;}
#urunHigher{overflow: hidden;float:left;position:relative;width:40%;height:100%;line-height:35px;text-align:Center;background:#7e7e7e;color:#fff;font-size:15px;font-weight:normal;border-top-left-radius:13px;}
.urunBox:hover #urunImage img{opacity: 0.9;transform: scale(1.1);}


.detayBorder{display:table;min-height:300px;width:100%;background-color:none;margin:Auto;}
#detayLeftX{margin:auto;width:30%;height:450px;background-color:#ffffff;float:left;vertical-align:middle;}
#urunFigureX{width:100%;min-height:275px;max-height:385px !important;overflow: hidden;margin:auto;text-align:Center;padding:0;display:block;margin-bottom:25px;}
#urunFigureX img{margin:Auto;max-width:98% !important;max-height:98% !important;}
#urunData{display:block;margin:auto;width:85%;height:30px;line-height:30px;color:#595959;overflow: hidden;font-family:Cabin;text-align:center;}
#urunPrice{display:block;margin:auto;width:85%;height:50px;line-height:50px;background:#a5a5a5;color:#ffffff;overflow: hidden;border-radius:5px;font-family:Cabin;border:1px solid #949494;}
#urunPrice #left{float:left;width:40%;height:100%;text-decoration: line-through;text-align:center;font-size:17px;}
#urunPrice #center{float:left;width:20%;height:100%;text-align:center;background-color:#e0241f;line-height:25px;border-left:1px solid #fff;border-right:1px solid #fff;}
#urunPrice #right{float:left;width:40%;height:100%;text-align:center;font-size:17px;}


#detayRightX{margin:auto;width:69%;min-height:450px;max-height:100%;background-color:#f4f4f4;float:right;}
#detayRightX p{padding:30px;}




.Uruninceletabmenu {width:auto;height:35px;line-height:35px;overflow:hidden;border-bottom:2px solid #595959;text-align:center;}
.Uruninceletabmenu span {margin-right:5px;background:#e71818;min-width:16%;height:35px;line-height:35px;float:left;border:1px solid #595959;;outline:none;cursor:pointer;transition:0.3s;border-top-left-radius:6px;border-top-right-radius:6px;font-family:Cabin;color:#ffffff;}
.Uruninceletabmenu span:hover {background-color:#e71818;}
.Uruninceletabmenu span.active {background-color:#ec4646;color:#fff;border:1px solid #595959 !important;}
.Uruninceletabcontent {padding:0px;padding-top:10px;margin:0px !important;vertical-align:top !important;width:100%;height:auto;display:none;overflow: auto;text-align:left;}
.Uruninceletabcontent p{padding: 5px 5px 5px 5px;overflow: hidden;font-family:calibri;font-style: normal !important;font-weight:normal;font-size:17px !important;text-align: left;padding-right:20px;}
.Uruninceletabcontent table{width:100% !important;border:none !important;font-size:17px !important;font-family:Cabin;}
.Uruninceletabcontent table tr:nth-child(odd){text-indent:7px;border:none !important;height:35px;background:#ddd;border:none !important;}
.Uruninceletabcontent table tr:nth-child(even){text-indent:7px;border:none !important;height:35px;background:#fafafa;border:none !important;}
.Uruninceletabcontent table td{border:none !important;}
.Uruninceletabcontent table th{width:120px;border:none !important;}
.Uruninceletabcontent img{padding: 5px;overflow: hidden;}
.Uruninceletabcontent frame{padding: 5px;overflow: hidden;}

.paytr-table-cell-head img {height: 30px;display: block;margin: 0 auto;}
    .paytr-table-bold {color: #434d57;font-weight: bold;}
    .paytr-table-toplam{color: #737373;font-size: 12px;}
    .paytr-table-cols > .paytr-table-cell {width: 14%;}
    .paytr-table {max-width: 1000px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;font-family: Arial, sans-serif;font-size: 14px;}
    .paytr-table-cell{box-sizing: border-box;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;width: 100%;padding: 0.5em 1em;overflow: hidden;list-style: none;border: solid 1px #ffffff;}
    .paytr-table-cell{text-align: center;margin: -4px 0 0 -4px;background-color: #ffffff;border-color: #f1f1f1;}
    .paytr-table-cell:hover{cursor: default;background-color: #F3F3F3;}
    .paytr-table-cell-head{height: 38px;color: #ffffff;border-color: #f1f1f1;background-color: #ffffff;}
    .no-flexbox .paytr-table{display: block;}
    .no-flexbox .paytr-table > .paytr-table-cell{width: 100%;}
    @media all and (max-width: 700px) {.paytr-table {display: block;}.paytr-table > .paytr-table-cell {font-size: 16px !important;width: 100% !important;}.paytr-table-cell-head img {height: auto;}}





footer{margin: auto;display: block;width:100%;height:150px;overflow: hidden;z-index:3;background-position: center;background-size:100% 100%;background-repeat: no-repeat;background-color:#464646;border-top:5px solid #e0241f;}
footer a:hover{color:#ffffff;}
footer .footerUp{margin:auto;display:table;width:85%;height:80%;overflow: hidden;background:none;}


footer #footerCols{margin:0;display:table-cell;height:100%;width:27%;background:none;text-align:center;color:#ffffff;vertical-align:middle;}
footer #footerCols img{width:100%;height:45% !important;padding:0px;}
footer #footerCols ul{margin:0px;padding:0px;width:100%;height:100%;list-style-type:none;background:none;}
footer #footerCols li{margin:0px;padding:0px;width:100%;height:25px;line-height:25px;list-style-type:none;color:#ffffff;}

footer #footerCols #footerTitle{display:inline-block;margin:auto;width:23%;height:100%;border-right:1px solid #fff;vertical-align:middle;background:none;line-height:75px;font-size:18px;font-family:calibri;}
footer #footerCols #footerinfo{display: inline-block;margin:Auto;width:75%;height:100%;padding:0;background:none;}
footer #footerCols #footerinfo li{margin:0;padding:0;padding-left:5px;text-align:left;width:100%;max-height:45px;line-height:45px;font-size:14px;}
footer #footerCols  .footerSocial{margin:auto;display:inline-block;height:auto !important;width:45px !important;margin-left:5px;margin-right:5px;}

footer .footerDown{margin:auto;display:table;position:relative;width:100%;height:20%;line-height:27px;overflow: hidden;background:none;text-align:Center;color:#fff;background-color:#000;font-family:Calibri;font-weight:bold;}










@media only screen and (min-width: 701px) and (max-width: 1279px){

}

@media only screen and (min-width: 1280px) and (max-width: 1399px){

}

@media only screen and (min-width: 1400px) and (max-width: 1600px){

}

@media only screen and (min-width: 1601px) and (max-width: 1720px){

}

@media only screen and (min-width: 1920px) and (max-width: 2300px){

}

@media only screen and (min-width: 3840px) and (max-width: 4000px){

}

@media only screen and (min-width: 360px) and (max-width: 700px){

.MobileFalse{display:none !important;}
#MobileFalse{display:none !important;}
.MobileTrue{display:block !important;}
#MobileTrue{display:block !important;}

.subasman{margin:auto;width:100% !important;min-height:250px;background-color:#fbfbfb;z-index:1;}

.header{margin:auto;display:block;width:100%;height:120px;background-color:#ffffff;position: relative;z-index: 9999}
.header #loggo{margin:0;width:100% !important;height:80px;overflow: hidden;text-align:center;background:none;}
.header #loggo img{margin:Auto;max-height:65%;width:90%;}
.header #infobar{display:block;width:100% !important;height:35px;overflow: hidden;text-align:Center;background:none;}
.header #infobar #colsX{margin:auto;padding:auto;display: inline-block;width:100% !important;height:100%;overflow: hidden;vertical-align:middle;}
.header #infobar #colsX .footerSocial{display:none;margin:auto;height:auto !important;width:35px !important;margin-left:3px;margin-right:3px;}

.header #infobar #sutun0{float:right;margin:auto;width:45%;height:100%;overflow: hidden;background:none;}
.header #infobar #sutun1{float:left;margin:auto;min-width:10%;max-width:15%;height:100%;overflow: hidden;text-align:left;font-size:15px;font-family:Cabin;text-indent:30px;background-position:left;background-repeat: no-repeat;background-size: auto 65%;background-color:none;}
.header #infobar #sutun2{float:left;margin:auto;width:85%;height:100%;line-height:35px;overflow: hidden;text-align:left;text-indent:5px;font-size:15px;font-family:Cabin;}


.subasman nav{margin:0;padding:0;position:relative;display:block;width:100%;height:35px;background-color:#e0241f;border-bottom:2px solid #616161;overflow: hidden;}
.subasman nav ul{margin:0;padding:0;position:relative;display:block;width:100%;height:100%;list-style:none;}
.subasman nav ul li{float:left;margin:0;min-width:100px;height:100%;margin-left:10px;line-height:50px;position:relative;font-size:16px;font-family:Cabin;font-weight:bold;color:#ffffff;text-align:center;}
.subasman nav ul li:hover{background:#ffffff;color:#616161;}
.subasman a{text-decoration: none;}

nav#sticky {position:-webkit-sticky;position:sticky;top:0;z-index:9999999;}

nav .kategoriler {width:100%;margin-left:0px !important;}
nav .kategoriler:hover {height:103%;background:#7d7d7d !important;color:#ffffff !important;}
nav .kategoriler a{font-size:17px;}
nav .kategoriler a:hover{text-decoration: none;color:#fff;}
nav #kategoriOpen{display:block;width:100%;min-height:100px;margin:0;padding:0;position:relative;background:#e0241f;z-index:9999;cursor: pointer;cursor:hand;}
nav #kategoriOpen li{margin:0px !important;width:100%;height:35px;line-height:35px;text-align:left;text-indent:20px;font-size:16px;}
.kategoriler:hover #kategoriOpen{display:block;} 

nav li{margin:0px !important;width:100%;height:35px;line-height:35px;text-align:left;text-indent:20px;font-size:16px;}
nav .menuler {width:100%;margin-left:0px !important;}
nav .menuler:hover {height:101%;background:#7d7d7d !important;color:#ffffff !important;}
nav .menuler a{font-size:16px;}
nav .menuler a:hover{text-decoration: none;color:#fff;}
nav #menuOpen{display:none;width:100%;min-height:40px !important;margin:0;padding:0;position:relative;background:#e0241f;z-index:9999;cursor: pointer;cursor:hand;}
nav #menuOpen li{margin:0px !important;width:100%;height:35px;line-height:35px;text-align:left;text-indent:20px;font-size:16px;}
.menuler:hover #menuOpen{display:block;} 

.MobileMenu{display:block;margin:auto;width:100%;height:35px !important;line-height:35px !important;background:#e0241f;background-image:url('../Thema/webimg/menuiconWhite.png');background-repeat: no-repeat;background-position: left;background-size:25px 25px !important;color:#fff;text-indent:28px;font-weight:bold;font-size:18px;font-family:PT Sans;position:-webkit-sticky;position:sticky;top:0;z-index:9999;}
.MobileMenu:hover{cursor: pointer;cursor:hand;}
#MobileMenuClose{display:block;margin:auto;width:90%;height:35px;overflow: hidden;background-image:url('../Thema/webimg/MenuXCloseTabWhite.png');background-repeat: no-repeat;background-position: right;background-size:20px 20px !important;color:#fff;}
#MobileMenuClose:hover{cursor: pointer;cursor:hand;}


.slideUpX{display:block;position:relative;width:100%;height:auto;overflow: hidden;}

#w2-container{margin:auto;padding:auto;text-align:center;min-height:350px;}



.pagesTitles{width:100%;height:40px;line-height:40px;text-indent:10px;overflow: hidden;background:#a5a5a5;color:#ffffff;font-weight:bold;font-size:17px;border-bottom:1px solid #393939;}
#urunDetayTitles{border-bottom:2px solid #e0241f !important;}
#urunDetayTitlesX{background:#dddddd !important;color:#000000;}


.urunBox{padding:auto;position:relative;display:inline-block;overflow: hidden;width:195px;height:235px;border:0px solid #dddddd;border-radius:3px;margin:3%;background:#ffffff;box-shadow: 3px 2px 3px 1px #dddddd;}	
.urunBox:hover{box-shadow: 4px 3px 4px 3px #dddddd;cursor:pointer;cursor:hand;border:1px solid #f4f4f4;color:#000000 !important;}
#urunImage{overflow:hidden;width:100%;height:165px;position:relative;display:block;text-align:Center;padding:2px;}
#urunImage img{margin:Auto;width:auto;max-height:98%;transition: transform .5s ease;}
#urunName{overflow:hidden;width:100%;height:35px;line-height:35px;position:relative;display:block;text-align:Center;font-family:Cabin;}
#urunPrice{overflow:hidden;width:100%;height:35px;position:relative;display:block;}
#urunLower{overflow: hidden;float:left;position:relative;width:40%;height:100%;line-height:35px;text-decoration: line-through;text-align:Center;background:#7e7e7e;color:#fff;font-size:13px;border-bottom-right-radius:0;}
#urunFlag{overflow: hidden;float:left;position:relative;width:20%;height:100%;line-height:35px;text-align:Center;background:#e71818;color:#fff;font-size:13px;border-top-left-radius:0;border-bottom-right-radius:0;}
#urunHigher{overflow: hidden;float:left;position:relative;width:40%;height:100%;line-height:35px;text-align:Center;background:#7e7e7e;color:#fff;font-size:14px;font-weight:bold;border-top-left-radius:0;}
.urunBox:hover #urunImage img{opacity: 0.9;transform: scale(1.1);}


.detayBorder{display:inline-block;min-height:300px;width:100%;background-color:none;margin:Auto;}
#detayLeftX{margin:auto;width:100%;height:450px;background-color:#ffffff;float:left;vertical-align:middle;}
#urunFigureX{width:100%;min-height:275px;max-height:385px !important;overflow: hidden;margin:auto;text-align:Center;padding:0;display:block;margin-bottom:25px;}
#urunFigureX img{margin:Auto;max-width:98% !important;max-height:98% !important;}
#urunPrice{display:block;margin:auto;width:85%;height:50px;line-height:50px;background:#a5a5a5;color:#ffffff;overflow: hidden;border-radius:5px;font-family:Cabin;border:1px solid #949494;}
#urunPrice #left{float:left;width:40%;height:100%;text-decoration: line-through;text-align:center;font-size:17px;}
#urunPrice #center{float:left;width:20%;height:100%;text-align:center;background-color:#e0241f;line-height:25px;border-left:1px solid #fff;border-right:1px solid #fff;}
#urunPrice #right{float:left;width:40%;height:100%;text-align:center;font-size:17px;}


#detayRightX{margin:auto;width:100%;min-height:450px;max-height:100%;background-color:#f4f4f4;float:right;margin-top:50px;}
#detayRightX p{padding:30px;}

.Uruninceletabmenu span {font-size:14px;min-width:30% !important;}

footer{margin: auto;display: block;width:100%;height:285px;overflow: hidden;z-index:3;background-position: center;background-size:100% 100%;background-repeat: no-repeat;background-color:#464646;border-top:5px solid #e0241f;}
footer a:hover{color:#ffffff;}
footer .footerUp{margin:auto;display:block;width:100%;height:90%;overflow: hidden;background:none;}


footer #footerCols{display:block;height:33% !important;width:100% !important;background:none;text-align:center;color:#ffffff;}
footer .footerCols{display:block;height:25% !important;width:100% !important;background:none;text-align:center;color:#ffffff;}
footer #footerCols img{width:auto;height:70% !important;padding-top:10px;background:none;}
footer #footerCols ul{margin:0px;padding:0px;width:100%;height:100%;list-style-type:none;background:none;}
footer #footerCols li{margin:0px;padding:0px;width:100%;height:20px;line-height:20px;list-style-type:none;color:#ffffff;}

footer #footerCols #footerTitle{display:none;margin:auto;width:23%;height:100%;border-right:1px solid #fff;vertical-align:middle;background:none;line-height:75px;font-size:18px;font-family:calibri;}
footer #footerCols #footerinfo{display: inline-block;margin:Auto;width:100% !important;height:100%;padding:0;background:none;}
footer #footerCols #footerinfo li{;margin:0;padding:0;padding-left:0px;text-align:center;width:100%;min-height:35px;line-height:15px;font-size:14px;}
footer #footerCols  .footerSocial{margin:auto;display:inline-block;height:auto !important;width:45px !important;margin-left:5px;margin-right:5px;}

footer .footerDown{margin:auto;display:table;position:relative;width:100%;height:10%;line-height:25px;overflow: hidden;background:none;text-align:Center;color:#fff;background-color:#000;font-family:Calibri;font-weight:bold;}

}