



@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* { margin: 0; outline: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-family: Arial, Verdana, sans-serif !important; font-size: 12px; color: #666666; overflow-x: hidden; max-width: 100%; }

img { border: none; }

ol, ul { list-style: none; }

a { text-decoration: none; color: #666666; }

#yorumYaz .frmUrunDetayYorumYaz #selectCity{height:auto;}
h1 h2 h3 h4 h5 h6 { margin: 0px; padding: 0px; font-weight: normal !important; }

.clear { clear: both; }

.bordernone { border: none !important; }

.textarea { border: solid 1px #DDDDDD; padding: 4px; width: 94%; height: 80px; resize: none; color: #777777; background-color: transparent; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.textarea:focus { background-color: #F1F1F1; border: solid 1px #CCCCCC; }

.textbox, .selectboxx { color: #666666; display: block; margin: 0 0 8px 0; font-size: 12px; width: 100%; border: 1px solid #ccc; padding: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.textbox:focus, select:focus { background-color: #F1F1F1; border: solid 1px #CCCCCC; }

.button { cursor: pointer; background: none repeat scroll 0 0 #111111; color: #FFFFFF; font-size: 12px; margin: 0 0 8px 0; padding: 8px 5px; border: 0; transition: all 0.3s ease 0s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.Block_item .button { display: block; width: 100%; }

.button:hover { background-color: #000000; transition-duration: 0.2s, 0.2s; -webkit-transition-duration: 0.2s, 0.2s; /* Safari */ }

.selectboxx { border: 1px solid #DDDDDD; padding: 4px; width: 100%; }

#store_region_container { position: absolute; top: 52px; right: 0; }

/* ------------------------------------Kategoriler Slide--------------------------------------------*/

.jCarouselLite { width: 100%; float: left; z-index: 0 !important; overflow: hidden; margin-bottom: 20px; }

.jCarouselLite .productItem { width: 100% !important; padding: 0 !important; margin: 0 !important; border: 8px solid #eaeaea; }

.JKatAdi { background: url("images/Sprite.png") no-repeat scroll -10px -637px rgba(0, 0, 0, 0); width: 100%; margin-bottom: 10px; height: 30px; line-height: 30px; border-bottom: solid 1px #e3e3e3; float: left; text-indent: 15px; }


.owl-nav { position: absolute; top: -35px; right: 0; }

.ProductListprev { font-size: 0; float: left; margin-right: 20px; }

.ProductListprev:after { content: "\f053"; font-family: 'FontAwesome'; color: #000000; font-size: 16px; cursor: pointer; }

.ProductListprev:hover { }

.ProductListnext { font-size: 0; float: left; cursor: pointer; }

.ProductListnext:after { font-family: 'FontAwesome'; color: #000000; font-size: 16px; content: "\f054"; }

.ProductListnext:hover { }


/* -----------------------------------Kategoriler Slide--------------------------------------------*/
/* ------------------------------------    Header      --------------------------------------------*/
#header { width: 100%; min-width: 320px; position: relative; height: 209px; background: url(images/header.png) repeat-x; z-index: 1000; transition-duration: 0.7s, 0.7s !important; -webkit-transition-duration: 0.7s, 0.7s !important; /* Safari */ }

.headerContent { max-width: 1000px; position: relative; margin: 0px auto; }

#logo { min-height: 119px; max-height: 119px; /* position: absolute; */ /* top: 10px; */ /* left: 0; */ padding-bottom: 50px; padding-top: 40px; }

#logo img { max-width: 540px; max-height: 90px; }

#back-to-top { position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none; }

#back-to-top a { display: block; width: 116px; height: 35px; background: url(images/Sprite.png) no-repeat -314px -406px; text-indent: -9999px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }

.welcome { position: absolute; top: 5px; left: 0px; z-index: 15; height: 33px; line-height: 33px; display: block; color: #363636; }

.welcome a { color: #363636; border-right: solid 1px #d5d5d5; padding-right: 10px; margin-right: 10px; display: inline-block; }

.welcome a:hover { color: #000000; }

.welcome ul li { float: left; margin-left: 10px; }

.usernav { position: absolute; top: 10px; right: 0px; height: 20px; display: none; }

.usernav ul li { float: left; line-height: 20px; padding-left: 15px; padding-right: 15px; background: url(images/Sprite.png) no-repeat -2px -243px; }

.usernav ul li a { color: #363636; }

.usernav ul li a:hover { color: #000000; }

.mycart { position: absolute; top: 85px; right: 0; z-index: 11; }

.mycart > a { width: 194px; height: 45px; background: url(images/Sprite.png) -315px -203px; display: block; padding-left: 51px; padding-top: 13px; }

.mycart a .sepetTecxt { font-weight: bold; font-size: 14px; color: #000000; }

.CartProduct { background-color: #FFF; width: 290px; border: 1px solid #e2e2e2; border-bottom: solid 2px #000000; position: absolute; padding: 10px; top: 45px; right: 0; z-index: 9998; z-index: 14; }

.CartProduct ul { width: 100%; float: left; }

.CartProduct ul li { width: 100%; overflow: hidden; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #e2e2e2; }

.CartProduct ul.SProduct li a { background: no-repeat; line-height: 15px; margin: 0; width: 100%; display: block; color: #111; padding-left: 0; }

.CartProduct ul.SProduct li a img { max-height: 40px; max-width: 40px; min-height: 40px; min-width: 40px; border: solid 1px #DDDDDD; float: left; }

.CartProduct ul.SProduct li a p { float: left; font-size: 11px; margin-left: 1%; display: block; overflow: hidden; text-align: left; }

.CartProduct ul.SPrice li .sepetToplamTutar { margin-left: 10px; font-size: 16px; color: #000000; }

.SepettopAd { width: 60%; }

.sepetTecxt { margin-right: 3px; }

.SepettopAd span { line-height: 21px; }

.SepetTopAdet { width: 10%; }

.SPrice li { text-align: right; }

.SPrice li { font-weight: bold; color: #111; }

.CartProduct ul .SProductA a p { line-height: 40px; width: 100%; }

.searchContent { position: absolute; top: 171px; right: 0; z-index: 15; width: 270px; height: 34px; border: solid 1px #cfcecf; background-color: #ffffff; box-shadow: 1px 1px 5px #eeeeee inset; border-radius: 3px; }

.ButtonMic { border: 0; background-color: transparent; vertical-align: middle; margin-top: 0px; position: absolute; top: 0px; right: 50px; z-index: 10; }

.search { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#txtbxArama { position: absolute; top: 0px; left: 0px; width: 218px; border: none !important; padding: 7px 0 !important; color: #434343; text-indent: 10px; }

.rsbButton { border: none; width: 53px; height: 34px; position: absolute; top: -1px; right: -1px; text-indent: -9999pt; background: url(images/Sprite.png) no-repeat -316px -15px; color: #FFF; cursor: pointer; *font-size: 0px; *line-Height: 0px; }

.rsbButton:hover { background-color: #363636; }
/* ------------------------------------Navigation--------------------------------------------*/
.navigation { width: 100%; height: 40px; position: absolute; top: 168px; left: 0px; z-index: 12; }

/* ------------------------------------Navigation2--------------------------------------------*/
ul.HeaderMenu2 { margin: 0px auto; text-align: center; }

ul.HeaderMenu2 ul { display: none; }

ul.HeaderMenu2 li { float: left; border-right: solid 1px #d5d5d5; position: relative; padding-left: 1%; padding-right: 1%; line-height: 29px; }

ul.HeaderMenu2 li:hover { background-color: #000000; }

ul.HeaderMenu2 li:hover a { color: #FFF; }

@media(min-width:992px)
{
ul.HeaderMenu2 > li:first-child { padding: 0; margin-top: -9px; border: none; }

ul.HeaderMenu2 > li:first-child:hover { background-color: transparent; }

ul.HeaderMenu2 > li:first-child:hover i { display: none; }

ul.HeaderMenu2 > li:first-child > a { display: block; width: 60px; height: 55px; padding: 0; background: url(images/Sprite.png) no-repeat -310px -73px; text-indent: -9999pt; }
}

ul.HeaderMenu2 li i { display: none; width: 11px; height: 6px; background: url(images/Sprite.png) -7px -556px; position: absolute; bottom: 0; left: 50%; margin-left: -5px; }

ul.HeaderMenu2 li:hover i { display: block; }

ul.HeaderMenu2 li a { color: #363636; font-size: 13px; font-weight: bold; padding: 6px 0px; display: block; border: none !important; }

ul.HeaderMenu2 ul { background: #000000; padding: 0; left: 0; position: absolute; top: 100%; z-index: 99999; min-width: 240px; }

ul.HeaderMenu2 ul li { float: none; width: 220px; position: relative; margin-top: 0; height: 25px; line-height: 25px; padding-left: 10px; padding-right: 10px; text-align: left; border: none; border-top: solid 1px #FFF; }

ul.HeaderMenu2 ul li:hover { background: no-repeat; }

ul.HeaderMenu2 ul li a { color: #FFF; padding: 0; font-size: 12px; }

ul.HeaderMenu2 li ul li ul { position: absolute; left: 100%; top: 0; min-width: 240px; display: none !important; }

ul.HeaderMenu2 li ul li:hover > ul { display: block !important; }

ul.HeaderMenu2 li:hover ul { display: block; }
/* ------------------------------------    Header      --------------------------------------------*/
/* ------------------------------------    Footer      --------------------------------------------*/
#footer { width: 100%; margin: 0px auto; position: relative; overflow: hidden; background-color: #474747; padding-bottom: 43px; }

.footerTop { background-color: #000000; height: 40px; width: 100%; }

.newaslater { position: relative; top: 5px; max-width: 1000px; margin: 0px auto; }

.newaslater label { position: absolute; top: 0; right: 270px; color: #FFFFFF; line-height: 30px; }

.newstext { position: absolute; top: 0px; right: 50px; background-color: #FFFFFF; width: 200px !important; }

.newaslater .newsbutton { position: absolute; top: 0px; right: 0; padding: 9px; }

.newaslater .newsbutton:hover { background-color: #000000 !important; }

.footerCenter { max-width: 1000px; margin: 0px auto; padding-top: 1%; position: relative; }

.footerCenter ul { float: left; width: 19%; margin-right: 8%; }

.footerCenter ul li { margin-bottom: 10px; }

.footerCenter ul li a { color: #F9C6D6; }

.footerCenter ul li h4 { border-bottom: solid 1px #D9D9D9; font-size: 16px; color: #FFF; padding-bottom: 7px; }

.ticimax { position: absolute; bottom: -40px; left: 50%; margin-left: -150px; }

.ticimax a span { color: #474747; font-weight: bold; }
/* ------------------------------------    Footer      --------------------------------------------*/
/* ------------------------------------Container--------------------------------------------*/
.ticiContainer { margin: 0px auto; padding-top: 10px; position: relative; transition-duration: 0.7s, 0.7s !important; -webkit-transition-duration: 0.7s, 0.7s !important; /* Safari */ }

.centerCount { float: left; min-height: 400px;width:100%;  }

.ticiContainer.homeContainer .centerCount { min-height: 50px; }

.Block_item { float: left; width: 100%; margin-bottom: 10px; }

.Block_item.Anket .fancybox { margin: 0px auto; display: block; width: 130px; }

.indirimdekiUrunler .Block_Text { max-height: 220px; overflow-x: hidden; overflow-y: scroll; }

.Block_Title { background: #000000; color: #323651; font-size: 14px; font-weight: normal; padding: 0; padding: 3%; padding-top: 7px; padding-bottom: 7px; width: 100%; line-height: 20px; }

.Block_Title span { width: 100%; position: relative; display: block; color: #FFF; font-weight: bold; }

.Block_Title i { background: url(images/Sprite.png) no-repeat -10px -575px; display: block; width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; right: 0px; }

.Block_Text .uyeGirisHata span { color: #000000; }

.Block_Text { padding: 3%; border: solid 1px #e3e3e3; overflow: hidden; }

.Block_Text ul li { margin-bottom: 8px; display: block; float: left; width: 100%; color: #666666; }

.centerCount.sActive .Block_Text { padding: 7px 1%; width: 98%; }

.centerCount.sActive .Block_Title { padding-left: 1%; padding-right: 1%; width: 98%; }

.UrunGuruplari .Block_Text { padding: 0; border: none; overflow: visible; }

.YanUyeGirisi .Block_Text ul li { width: 94%; padding: 3%; border-bottom: 1px solid #e3e3e3; margin: 0; }

.YanUyeGirisi .Block_Text > a { padding: 3%; display: block; float: left; }

.YanUyeGirisi .Block_Text a:hover { font-weight: bold; color: #000000; }

.YanUyeGirisi .Block_Text ul li a { display: block; }

.blocktext { color: #666666; display: block; height: 25px; line-height: 25px; }

.blocklink { float: left; background: url(images/Sprite.png) no-repeat -9px -666px; padding-left: 18px; }

.blocklink:hover { font-weight: bold; color: #f8730c; }

.icon { float: left; }
/* ------------------------------------Container--------------------------------------------*/
/* ------------------------------------Marka Listeleme --------------------------------------------*/
.brandItem { line-height: 11px; display: block; float: left; height: 20px; margin: 0 5px 1px 0; transition: color 0.1s linear 0s; width: 108px; background: url("images/Sprite.png") no-repeat scroll -12px -669px rgba(0, 0, 0, 0); padding-left: 13px; }

.brandItem:hover { color: #000000; }

.productBrandContent { background-color: #FFFFFF; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #e3e3e3; height: auto; }

.productBrand { color: #FFFFFF; overflow: hidden; padding: 5px; text-align: center; }

.productBrandList { color: #666666; overflow: hidden; text-align: left; width: auto; }

#allBrands { background: url(images/tumMarkalar.png) center -30px no-repeat; background-color: #FFFFFF; border-left: 1px solid #e3e3e3; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; text-align: center; clear: both; cursor: pointer; height: 26px; margin: 0 0 10px; overflow: hidden; padding: 0; text-indent: -9999pt; }

.allBrandsActive { background-position: center 1px !important; }

.productsHover { height: 43px; }
/* ------------------------------------Marka Listeleme --------------------------------------------*/

/* ------------------------------------Ürün Filtreleme--------------------------------------------*/

.urunListRel { width: 100%; margin-bottom: 10px; float: left; position: relative; }

.brandlistselectionBottom { float: right; margin-bottom: 5px; }

.sortingContent li a { font-size: 11px !important; line-height: 24px; }


.sortingContent { margin-top: 10px; }
@media(min-width: 1041px){.sortingContent { display:block!important; }}

.blockSelect { margin-top: 0px; }

.pageNumber { float: right; width: 100%; margin-top: 5px; }

.pageNumberContent { float: right; }

.pageNumber.pageNumberBottom { margin-top: 0; width: 100%; border-top: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; padding-top: 10px; padding-bottom: 10px; }

.pageNumber a { display: block; padding: 2px; border: solid 1px #DDDDDD; float: left; margin-left: 5px; min-width: 15px; text-align: center; line-height: 18px; }

.SelectedSayfa { background-color: #000000; color: white; }

.pageBorder { float: right; }

/* ------------------------------------Ürün Filtreleme--------------------------------------------*/

/* ------------------------------------Ürün Liste--------------------------------------------*/
.newIconDetail, .cargoIconDetail, .discountIconDetail { display: none; }

.ProductListContent .ProductList { margin-left: -8px; margin-right: -8px; }

.ProductList .productItem { padding: 8px; background-color: #eaeaea; margin-bottom: 20px; position: relative; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; overflow: hidden; }

.ProductList .productImage { background-color: #FFF; width: 100%; vertical-align: middle; overflow: hidden; height: 250px; margin: 0px auto; text-align: center; border-bottom: solid 2px #dcdcdc; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; }

.ProductList .productImage img { max-width: 100%; margin: 10px auto; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; max-height: 100%; }

.ProductList .productDetail { width: 100%; background-color: #ffffff; box-shadow: 1px 6px 10px #f4f4f5 inset; float: left; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; }

.ProductList .productName { width: 96%; min-height: 30px; padding-left: 2%; padding-right: 2%; overflow: hidden; max-height: 30px; margin-top: 5px; text-align: center; }

.ProductList .productName a { color: #010101; font-size: 13px; }

.ProductList .productPrice { width: 96%; padding-left: 2%; padding-right: 2%; padding-bottom: 10px; margin-top: 5px; text-align: center; min-height:50px; }

.ProductList .productPrice div { display: inline-block; }

.ProductList .discountPrice { font-size: 18px; color: #000000; padding-right: 5px; text-align: center; margin-bottom: 5px; font-weight: bold; }

.ProductList .discountPrice span { font-weight: bold; }

.ProductList .discountKdv { font-size: 12px; color: #000000; }

.ProductList .regularPrice { font-size: 12px; color: #525252; padding-left: 5px; margin-top: -3px; text-decoration: line-through; text-align: center; }

.ProductList .regularPrice .regularKdv { display: none; }

.ProductList .discountIcon { position: absolute; top: 3%; left: 3%; width: 50px; height: 23px; z-index: 10; background: url("images/Sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFF; text-align: center; line-height: 24px; color: #FFF; overflow: hidden; }

.ProductList .mycartIcon { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; position: absolute; top: 110px; left: 15%; z-index: 11; transition-duration: 0.3s, 0.3s; -webkit-transition-duration: 0.3s, 0.3s; /* Safari */ }

.ProductList .productItem:hover .mycartIcon { opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; }

.ProductList .mycartIcon a { text-indent: -9999pt; color: #FFF; display: block; border-radius: 46px; width: 46px; height: 46px; background: url("images/Sprite.png") no-repeat scroll -1px -444px #606060; }

.ProductList .mycartIcon a:hover { background-color: #000000; }

.ProductList .examineIcon { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; position: absolute; top: 110px; z-index: 11; left: 41%; height: 46px; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; /* Safari */ }

.ProductList .productItem:hover .examineIcon { opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; }

.ProductList .examineIcon a { text-indent: -9999pt; display: block; border-radius: 46px; width: 46px; height: 46px; background: url("images/Sprite.png") no-repeat scroll -1px -364px #606060; }

.ProductList .examineIcon a:hover { background-color: #000000; }

.ProductList .mycartIconadd { text-indent: 0 !important; padding: 4px 10px; width: 75px; top: -32px; left: -25px; position: absolute; border-radius: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(border-radius.htc); background-color: #000000; text-align: center; color: #FFF; }

.ProductList .mycartIconadd i { width: 9px; height: 5px; display: block; background: url(images/Sprite.png) -11px -753px; position: absolute; bottom: -5px; left: 50%; margin-left: -4px; *background-image: url("images/Sprite.png"); *background-position: -11px -753px; *background-repeat: no-repeat; }

.ProductList .favori { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; position: absolute; top: 110px; z-index: 11; left: 65%; transition-duration: 0.6s, 0.6s; -webkit-transition-duration: 0.6s, 0.6s; /* Safari */ }

.ProductList .productItem:hover .favori { opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; }

.ProductList .favori a { text-indent: -9999pt; cursor: pointer; display: block; border-radius: 46px; width: 46px; height: 46px; background: url("images/Sprite.png") no-repeat scroll -2px -403px #606060; }

.ProductList .favori a:hover { background-color: #000000; }

.ProductList .cargoIcon { position: absolute; top: 170px; left: 50%; width: 90px; height: 32px; z-index: 10; background: url("images/Sprite.png") no-repeat scroll -52px 0px rgba(0, 0, 0, 0); text-indent: -9000pt; margin-left: -45px; }

.ProductList .newIcon { position: absolute; top: 3%; right: 3%; width: 50px; height: 24px; background: url("images/Sprite.png") no-repeat scroll -148px 0px rgba(0, 0, 0, 0); text-indent: -9000pt; }

.TukendiIco { background: url(images/tukendi.png) repeat scroll 0 0 transparent; display: table; font-weight: bold; color: #FFF; line-height: 25px; font-size: 18px; position: absolute; top: 53%; left: 0; text-align: right; vertical-align: middle; width: 98%; padding-right: 2%; z-index: 11; }

.TukendiIco span { display: table-cell; vertical-align: middle; font-weight: normal; font-size: 13px; }


.ProductList.pr_hrz .productImage { width: 20%; height: 100px; float: left; border-bottom: none; border-right: solid 1px #f0f0f0; }

.ProductList.pr_hrz .productImage a img { margin-top: 0; max-height: 90px; }

.ProductList.pr_hrz .productDetail { float: left; margin: 5px; width: 70%; height: 80px; box-shadow: none; background-color: transparent; }

.ProductList.pr_hrz .productDetail .productName { text-align: left; }

.ProductList.pr_hrz .productDetail .discountPrice { text-align: left; }

.ProductList.pr_hrz .productDetail .regularPrice { text-align: left; }

.ProductList.pr_hrz .newIcon { top: 0; right: 0; left: auto; z-index: 10; }

.ProductList.pr_hrz .mycartIcon { top: 50px; right: 100px; left: auto; z-index: 10; }

.ProductList.pr_hrz .favori { top: 50px; right: 50px; left: auto; z-index: 10; }

.ProductList.pr_hrz .examineIcon { top: 50px; right: 0; left: auto; z-index: 10; }

.ProductList.pr_hrz .discountIcon { top: 0; right: 53px; left: auto; z-index: 9; }

.ProductList.pr_hrz .cargoIcon { top: 0; right: 121px; left: auto; z-index: 8; }

.ProductList.pr_hrz .productPrice { text-align: left; }

.ProductList.pr_4 .discountPrice { font-size: 14px; }

.ProductList.pr_4 .discountKdv { font-size: 9px; }

.ProductList.pr_4 .productImage { height: 170px; }

.ProductList.pr_4 .mycartIcon { left: 8%; top: 90px; }

.ProductList.pr_4 .examineIcon { left: 36%; top: 90px; }

.ProductList.pr_4 .favori { top: 90px; }

.ProductList.pr_4 .cargoIcon { top: 140px; }

.categoryTitle { width: 100%; position: relative; *height: 87px; *margin-bottom: 10px; }

.categoryTitleText { margin-bottom: 10px; background: url("images/Sprite.png") no-repeat scroll -10px -637px rgba(0, 0, 0, 0); width: 100%; height: 30px; line-height: 30px; padding-left: 2%; border-bottom: solid 1px #e3e3e3; float: left; }

.categoryTitleText h1 { font-size: 13px; }

.categoryTitleText h1 a { color: #404040; font-weight: normal; }

.categorydesign { width: 100%; overflow: hidden; margin-bottom: 15px; }

.slide { width: 100%; margin-bottom: 15px; }
/* ------------------------------------Ürün Liste--------------------------------------------*/
/* ------------------------------------Ürün Detay--------------------------------------------*/
.UrunDetayCenter { padding-bottom: 20px; }

.ProductDetail .categoryTitle { *height: 10px; }

.proCategoryTitle { position: relative; }

.proCategoryTitle a { margin-left: 5px; color: #434a54; }

.back { position: absolute !important; top: 6px; right: 10px; color: #474747; line-height: 30px; }

.ProductDetailMain { width: 100%; float: left; margin-top: 20px; }

.leftImage { width: 30%; float: left; }

.Images { border: solid 1px #dbdbdb; width: 100%; }

.Images img { max-width: 100%; }

.cloudzoom-blank > div:last-child { display: none !important; }

.SmallImages { width: 103%; float: left; }

.SmallImages div { float: left; width: 30%; display: block; margin-right: 2.4%; margin-top: 3%; cursor: pointer; border: solid 1px #dbdbdb; }

.SmallImages div img { width: 100%; }

.adet { width: 60px; border: solid 1px #DDDDDD; padding: 2px; }

.RightDetail { float: right; width: 68%; }

.ProductName { width: 100%; float: left; margin-bottom: 10px; border-bottom: solid 1px #000000; padding-bottom: 5px; }

.ProductName h1 { font-weight: normal; color: #010101; font-size: 18px; }

.PriceList { float: left; width: 59%; }

.Formline { width: 100%; font-size: 14px; float: left; color: #333333; padding-left: 0; padding: 1%; padding-left: 0; line-height: 25px; }

.Formline span { display: block; float: left; }

#pnlFiyatlar { width: 100%; overflow: hidden; }

#divOnyazi h2 { font-weight: normal; }


#PuanVer { display: inline-block; float: left; }

.PuanVerSag { display: inline-block; margin-left: 5px; float: left; margin-top: 5px; }

.PuanVerSag a { margin: 0 2px; }

.star { background: url(/app_themes/default/images/star_empty.png) no-repeat 0 1px; display: block; float: left; margin-right: 1px; height: 14px; text-decoration: none; width: 13px; }

.star-hover { background: url(/app_themes/default/images/star.png) no-repeat 0 1px; }

.Formline .left_line { width: 30%; }

.Formline .center_line { width: 2%; }

.indirimli { font-weight: bold; font-size: 16px; }

#indirimliFiyat { background-color: #000000; color: #fff; font-weight: normal !important; padding: 3px 10px; font-size: 16px; }

.Formline .teksatir { width: 100%; }

.Formline .taksitSatir { color: #323651; font-weight: bold; }

.selectAdet { line-height: 23px; }

.selectAdet select { padding: 2px; border: 1px solid #DDDDDD; }

.kampanyalar { width: 100%; overflow: hidden; margin-top: 10px; }

.urunDetayKampanyaTittle { background: url(images/urunDetayKampanyaTittle.png) left top no-repeat #f5f5f5; padding-left: 4%; border-bottom: 2px solid #000000; height: 30px; line-height: 30px; margin-bottom: 10px; }

.urunDetayKampanyaTittle p { color: #000; font-size: 12px; }

.kampanyalar .Formline { padding: 0; margin: 0; }

.campaignsTitle { padding: 2px; background-color: #A09B98; color: #FFFFFF; }

#divSecilebilirKampanyalar .campaignsItem { border: 0; border-bottom: 1px dotted #d8d8d8; }

#divSecilebilirKampanyalar .campaignsItem .campaignsItemS1 { border-right: 1px solid #d8d8d8; line-height: 57px; height: 57px; text-align: center; width: 10%; }

#divSecilebilirKampanyalar .campaignsItem .campaignsItemS1 input { margin-top: 23px; }

#divSecilebilirKampanyalar .campaignsItem .campaignsItemS2 { height: 57px; width: 10%; }

#divSecilebilirKampanyalar .campaignsItem .campaignsItemS3 { line-height: 57px; float: left; }

#divSecilebilirKampanyalar .campaignsItem .campaignsItemS3 span { font-weight: bold; color: #000; font-size: 13px; margin-left: 10px; }

#divSecilemezKampanyalar .campaignsItem { border: 0; border-bottom: 1px dotted #d8d8d8; }

#divSecilemezKampanyalar .campaignsItem .campaignsItemS1 { border-right: 1px solid #d8d8d8; line-height: 57px; height: 57px; text-align: center; width: 10%; }

#divSecilemezKampanyalar .campaignsItem .campaignsItemS1 img { margin-top: 18px; }

#divSecilemezKampanyalar .campaignsItem .campaignsItemS2 { height: 57px; width: 10%; }

#divSecilemezKampanyalar .campaignsItem .campaignsItemS2 img { display: none; }

#divSecilemezKampanyalar .campaignsItem .campaignsItemS3 { line-height: 57px; float: left; }

#divSecilemezKampanyalar .campaignsItem .campaignsItemS3 span { font-weight: bold; color: #000; font-size: 13px; margin-left: 10px; }

.size_box { border: solid 1px #DDDDDD; line-height: 23px; float: left; display: block; margin-right: 3px; cursor: pointer; min-height: 23px; min-width: 23px; text-align: center; }

.size_box:hover { background-color: #000000; color: #fff; }

.size_box.selected { background-color: #000000; color: #fff; }

#divUrunEkSecenek { display: block; }

.eksecenekSelect { padding: 3px 1px; border: 1px solid #DDDDDD; min-width: 100px; }

.eksecenekLine { margin-bottom: 5px; overflow: hidden; }

.eksecenekLine .left_line { line-height: 25px; }

.eksecenekLine .center_line { line-height: 25px; }

.ProductIcon { float: right; text-align: right; display: inline-block; width: 40%; }

.box1 { float: none; padding: 5px; margin-right: 15px; margin-bottom: 15px; width: 100%; text-align: left; box-shadow: none !important; }

.box1 i { font-size: 22px; }

.ProductIcon div a span { background: none repeat scroll 0 0 #111111; color: #FFFFFF; display: block; font-size: 13px; margin-bottom: 5px; padding: 5px 0px; text-align: left; transition: all 0.3s ease 0s; border-radius: 0; }

.ProductIcon div a .box1 { line-height: 13px; overflow: hidden; margin-right: 0; }

.ProductIcon div a .box1Hover { min-width: 220px; max-width: 100%; font-size: 13px; line-height: 13px; }

.ProductIcon div a span:hover { background-color: #000000; }

.buyfast { float: left; }

.buybutton { width: 100%; float: left; margin-top: 10px; }

.buyfastbutton { padding: 12px; height: 42px; text-indent: 35px; float: left; background: url("images/satinal.png") no-repeat scroll center -59px #000000 !important; *height: 41px; *padding: 0; *background-color: #f8700c; *background-image: url("images/satinal.png"); *background-position: center -59px; *background-repeat: no-repeat; font-size: 20px; font-weight: bold; }


.BasketBtn { float: left; margin-left: 5px; }

.Basketinp { float: left; }

.Basketinp input { width: 42px; padding: 4px !important; text-align: center; border: 1px solid #ddd !important; text-indent: 0; height: 42px; }

.basketBtn { float: left; margin-left: 14px; }

.basketBtn input { padding: 12px; border: 0; background: url(images/satinal.png) no-repeat 7px 8px #000000 !important; text-indent: 35px; color: #ffffff; cursor: pointer; height: 42px; transition: all 0.4s ease 0s; *height: 42px; *padding: 0; *background-color: #F8700C; *display: block; *background-image: url("images/satinal.png"); *background-repeat: no-repeat; font-size: 20px; font-weight: bold; }

.basketBtn input:hover { background-color: #474747 !important; }

#txtbxurunSiparisAdedi { line-height: 30px; }



.ProductIcon2 { width: 100%; float: right; margin-top: 10px; }

.ProductIcon2 a { float: left; margin-right: 5px; }

.ProductIcon2 div input { background: none repeat scroll 0 0 #1b1b1b; color: #FFFFFF; display: block; height: 27px; line-height: 27px; font-size: 12px; margin-bottom: 5px; padding: 0px 15px; text-align: center; border: 0; cursor: pointer; transition: all 0.3s ease 0s; }

.ProductIcon2 div input:hover { background-color: #000000; }


.socialButons { border: 0 !important; background-color: none !important; border-radius: 0 !important; padding: 0 !important; float: left !important; margin-top: -1px !important; }

.productModule { width: 99%; border: solid 1px #DDDDDD; margin-top: 10px; }

.productModuleTitle { border-bottom: 2px solid #000000; color: #404040; height: 30px; line-height: 30px; margin-bottom: 10px; font-size: 12px; }

.productModuleTitle p { color: #404040; font-weight: bold; }

.productModuleItem { width: 99.8%; border: solid 1px #DDDDDD; min-height: 60px; margin-top: 10px; }

.moduleimage { float: left; margin: 5px; }

.moduleimage img { height: 50px; }

.modulename { float: left; margin: 1%; width: 52%; }

.moduleprice { float: right; margin: 5px; margin-top: 20px; color: #000000; font-weight: bold; }

.productModule2 { margin-top: 10px; overflow: hidden; }

.productModuleTitle2 { background: url(../Default/images/urunDetayKampanyaTittle.png) left top no-repeat #f5f5f5; padding-left: 5%; border-bottom: 2px solid #000000; height: 21px; line-height: 21px; margin-bottom: 10px; margin-top: 20px; }

.productModuleTitle2 p { color: #000; font-size: 13px; }

.productModule2 ul li { width: 17.2%; padding: 1%; background-color: #eaeaea; float: left; margin-right: 1%; }

.productModule2 ul li:last-child { margin-right: 0; }

.productModule2 ul li .moduleimage2 { width: 100%; background-color: #FFF; height: 133px; text-align: center; border-bottom: solid 2px #dcdcdc; }

.productModule2 ul li .moduleimage2 img { max-width: 100%; max-height: 133px; margin: 0 auto; display: inline-block; }

.productModule2 ul li .modulename2 { width: 98%; padding-left: 2%; text-align: left; padding-top: 5px; text-indent: 5px; height: 30px; background-color: #FFF; font-size: 12px; overflow: hidden; }

.productModule2 ul li .moduleprice2 { width: 100%; height: 45px; text-align: center; padding-bottom: 5px; padding-top: 5px; background-color: #FFF; }

.productModule2 ul li .moduleprice2 div { display: block !important; }

.productModule2 ul li .moduleprice2 div.moduleregular span { color: #3f3f3f; text-decoration: line-through; }

.productModule2 ul li .moduleprice2 div.modulediscount span { color: #000000; font-size: 15px; }

.productModule2 ul li .moduleprice2 div.modulediscount span.modulekdv { font-size: 11px; }


.productModule2 a { margin: 1%; margin-left: 0; text-decoration: underline; }

.urunDetayPanel { border: solid 1px #dbdbdb; min-height: 100px; border-top: solid 2px #000000; overflow: auto; padding: 10px 9px 15px; z-index: 2; }

.urunOzellik { width: 100%; margin-top: 10px; }

.urunTab ul { height: 30px; line-height: 30px; margin-bottom: 0; padding-left: 0; }

.urunDetayPanel ul { list-style: disc !important; padding: 10px !important; }



.urunTab li { display: inline; margin: 0; }


.urunTab li a { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 1%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ color: #333333; border: solid 1px #dbdbdb; float: left; position: relative; border-bottom: none; font-size: 12px; font-weight: bold; margin-right: -1px; height: 30px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; padding-left: 20px; padding-right: 20px; line-height: 30px; }

.urunTab li.active a i { position: absolute; bottom: -1px; left: 50%; margin-left: -5px; width: 11px; height: 6px; background: url(images/Sprite.png) -9px -804px; display: block; }

.urunTab li:hover a i { position: absolute; bottom: -1px; left: 50%; margin-left: -5px; width: 11px; height: 6px; background: url(images/Sprite.png) -9px -804px; display: block; }


.urunTabAlt table tr td { padding: 3px; }

.yorumlarItem { line-height: 17px; background-color: #eeeeee; border-bottom: 3px solid #dedede; padding: 5px; }

.yorumlarItemS1 { padding-bottom: 5px; font-weight: bold; font-size: 12px; color: #666; border-bottom: 1px dashed #A09B98; }

#btnYorumKaydet { float: left; }
/* ------------------------------------Ürün Detay 2 --------------------------------------------*/
.ProductDetailMain2 { overflow: hidden; }

.ProductDetailMain2 .leftImage { width: 100%; }

.ProductDetailMain2 .leftImage .Images { width: 70%; float: left; }

.ProductDetailMain2 .leftImage .SmallImages { width: 26%; float: right; }

.ProductDetailMain2 .leftImage .SmallImages div { width: 37%; margin-top: 0; }

.ProductDetailMain2 .RightDetail { width: 100%; margin-top: 10px; }

.ProductDetailMain2 .RightDetail .PriceList { width: 64%; }

.ProductDetailMain2 .RightDetail .ProductIcon { width: 35%; }

.ProductDetailMain2 .RightDetail .ProductIcon2 div > a > span { width: 77px; }

.ProductDetailMain2 .RightDetail .productModuleItem { width: 97%; }

.ProductDetailMain2 .RightDetail .productModule2 ul li { width: 120px; }

.ProductDetailMain2 .taksitLineNo { height: 29px; line-height: 13px; width: 11.5%; }

.ProductDetailMain2 .taksitHeaderS1, .taksitHeaderS2, .taksitHeaderS3, .taksitHeaderS4, .taksitHeaderS5, .taksitHeaderS6, .taksitHeaderS7, .taksitHeaderS8, .taksitHeaderS9, .number1, .number2, .number3, .number4, .number5, .number6, .number7, .number8, .number9 { height: 29px; line-height: 29px; }

.ProductDetailMain2 .taksitHeaderS2 { width: 23.2%; }

.ProductDetailMain2 .taksitHeaderS4 { width: 23%; }

.ProductDetailMain2 .productModuleItem { width: 99.4%; }


/* ------------------------------------Ürün Detay 2 --------------------------------------------*/
/* ------------------------------------Anasayfa Slider--------------------------------------------*/
.HomePageSlideShowContainer { float: left; overflow: hidden; position: relative; width: 100%; margin-bottom: 10px; }

.HomePageSlideShowContainer .HomePageSlideShow { overflow: hidden; position: relative; width: 100%; }

.HomePageSlideShowContainer .HPSItems { clear: both; cursor: pointer; position: relative; width: 100%; }

.HomePageSlideShowContainer .HPSItems div { cursor: pointer; float: left; overflow: hidden; position: absolute; width: 100%; }

.HomePageSlideShowContainer .HomePageSlideShow img { border: 0 none; float: left; margin: 0; padding: 0; max-width: 100%; }

.HomePageSlideShowContainer .HomePageSlideShow .active { float: left; }

.HomePageSlideShowContainer .navi { bottom: 8px; height: 10px; left: 0px; position: absolute; width: 100%; }

.HomePageSlideShowContainer .navi a { background-color: #777777; width: 10px; height: 10px; border-radius: 5px; display: block; float: right; font-size: 1px; margin: 0px 2px; position: relative; }

.HomePageSlideShowContainer .navi a:hover { background-color: #000000; }

.HomePageSlideShowContainer .navi a.active { background-color: #000000; }

.flex-control-nav { width: 100%; float: left; }

.flex-control-thumbs li { width: 18% !important; margin-right: 1% !important; border: solid 1px #CCC !important; }

.slides li { display: none; }

.flex-direction-nav { display: none !important; }

/* ------------------------------------Anasayfa Slider--------------------------------------------*/

/*------------------------------------Blok Kategori Menü--------------------------------------------*/
ul.KatMenu1 ul { display: none; }

ul.KatMenu1 li:hover > ul { display: block; }

ul.KatMenu1 { list-style: none; position: relative; }

ul.KatMenu1:after { content: ""; clear: both; display: block; }

ul.KatMenu1 li { display: block; background: url(images/KatMenu1.png); position: relative; padding: 3%; width: 100%; border: solid 1px #e3e3e3; margin-bottom: 3px; }

ul.KatMenu1 > li { }

ul.KatMenu1 > li:hover { background: #FFF; box-shadow: none; }

ul.KatMenu1 li a:hover { color: #000000; font-weight: bold; }

ul.KatMenu1 li a { color: #404040; display: block; position: relative; font-size: 13px; text-decoration: none; transition: all 0.1s linear 0s; }

ul.KatMenu1 > li > a:after {content:""; display: block; width: 13px; height: 13px; background: url(images/Sprite.png) no-repeat -10px -613px; position: absolute; top: 1px; right: 0px; }

ul.KatMenu1 ul { padding: 0; position: absolute; top: -1px; left: 100%; box-shadow: 1px 1px 5px #e3e3e3; width: 215px; z-index: 99; border: 1px solid #e3e3e3; background-color: white; }

.rightBlock ul.KatMenu1 ul { left: auto; right: 100%; }

ul.KatMenu1 ul li { float: none; position: relative; border: none; }

ul.KatMenu1 ul li a { color: #666666; }

ul.KatMenu1 ul ul { position: absolute; left: 100%; top: 0; }
/*------------------------------------Blok Kategori Menü--------------------------------------------*/
/* ------------------------------------Fýrsat Ürünleri--------------------------------------------*/
.firsatUrunleri { width: 100% !important; height: 280px; position: relative; }

.Firsatprev { padding: 0; border: 0; outline: 0; width: 19px; height: 19px; cursor: pointer; background: url("images/Sprite.png") no-repeat scroll -110px -67px rgba(0, 0, 0, 0) !important; position: absolute; top: 100px !important; z-index: 102; }

.Firsatnext { padding: 0; border: 0; outline: 0; width: 19px; height: 19px; cursor: pointer; background: url("images/Sprite.png") no-repeat scroll -88px -67px rgba(0, 0, 0, 0) !important; position: absolute; top: 100px !important; z-index: 102; right: 0; }

.firsatUrunleriItem { width: 100%; height: 280px; }

.firsatUrunResim { display: block; width: 100%; height: 230px; overflow: hidden; border: none; text-align: center; margin: 0px auto; }

.firsatUrunResim img { width: 100%; }

.firsatUrunAdi { font-size: 12px; line-height: 14px; margin: 5px 0 5px 0px !important; overflow: hidden; text-align: center; width: 100%; height: 13px; display: block; }

.firsatUrunFiyat { text-align: center; display: block; font-weight: bold; font-size: 14px; width: 100%; color: #000000; }
/* ------------------------------------Fýrsat Ürünleri--------------------------------------------*/
/*------------------------------------Hesabým--------------------------------------------*/
.HesabimBilgi { width: 100%; line-height: 25px; }

.HesabimBilgi b { font-weight: bold; }

.userMenu li a { background-color: #fff; display: block; padding: 9px 0px; border-bottom: 1px solid #000000; margin-bottom: 5px; }

.userMenu li a:hover { background-color: #000000; color: #FFF; }

.userMenu li a:hover span { padding-left: 10px; }
/*------------------------------------Hesabým--------------------------------------------*/
/*------------------------------------Üyelik Bilgilerim--------------------------------------------*/

.row.right { float: right; }

.span { width: 100%; margin-bottom: 10px; position: relative; padding-right: 10px; }

.span > label { margin-bottom: 5px; display: block; line-height: 25px; clear: left; }

.span input { width: 97%; margin-bottom: 4px; }

.span .textarea { width: 97%; margin-bottom: 4px; }

.span .labelGender { float: left; }

.span .spanGender { float: left; margin-left: 10px; text-align: center; }

.span .spanGender input { margin-right: 20px; }

.span .spanPass { text-align: left; margin-top: 10px; }

.span .spanPass input { float: left; width: auto; margin-right: 10px; }

.span .spanPass label { float: left; width: auto; color: #000000; font-weight: bold; }

.dateofbirth input { border: 1px solid #DDDDDD !important; height: 25px !important; }
/*------------------------------------Üyelik Bilgilerim--------------------------------------------*/
/*------------------------------------Adres Defterim--------------------------------------------*/
.HesabimAdresContent { margin-bottom: 15px; }

.HesabimAdresContent .row { padding: 2%; width: 45.5%; margin-right: 1%; margin-bottom: 1%; height: 130px; float: left; background-color: #f8f8f8; position: relative; }

.HesabimAdresContent .UyelikBilgilerimContent { overflow: hidden; margin-bottom: 7px; background-color: #f8f8f8; padding: 0 10px 10px 0; }

.HesabimAdresContent .UyelikBilgilerimContent .row { background-color: transparent; height: auto; }

.HesabimAdresContent .UyelikBilgilerimContent input { background-color: #FFF; }

.HesabimAdresContent .row:nth-child(2n) { margin-right: 0px; }

.HesabimAdresContent .row .span { margin-bottom: 0px; line-height: 20px; }

.HesabimAdresContent .row .span .textarea { background-color: #fff; }


.HesabimAdresContent .row .span.BireyselKurumsal { margin-top: 22px; margin-bottom: 17px; }

#mainHolder_rblFaturaTipi tr { display: block; float: left; margin-right: 10px; }

#mainHolder_rblFaturaTipi tr input { float: left; width: 20px; margin-top: 3px; }

#mainHolder_rblFaturaTipi tr label { float: left; }

#mainHolder_btnEkle { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -30px; }

.fancybox-inner .row { padding: 2%; width: 45.5%; margin-right: 1%; margin-bottom: 1%; height: 130px; float: left; background-color: #f8f8f8; position: relative; }

.fancybox-inner .UyelikBilgilerimContent { overflow: hidden; margin-bottom: 7px; background-color: #f8f8f8; padding: 0 10px 10px 0; width: 800px !important; }

.fancybox-inner .UyelikBilgilerimContent .row { background-color: transparent; height: auto; }

.fancybox-inner .UyelikBilgilerimContent input { background-color: #FFF; }

.fancybox-inner .row:nth-child(2n) { margin-right: 0px; }

.fancybox-inner .row .span { margin-bottom: 0px; line-height: 20px; }

.fancybox-inner .row .span .textarea { background-color: #fff; }

.fancybox-inner .row .span.BireyselKurumsal { margin-top: 22px; margin-bottom: 17px; }

#rblFaturaTipi tr { display: block; float: left; margin-right: 10px; }

#rblFaturaTipi tr input { float: left; width: 20px; margin-top: 3px; }

#rblFaturaTipi tr label { float: left; }

.btn-inverse { position: absolute; bottom: 10px; right: 10px; padding-top: 3px; padding-bottom: 3px; }

.btn-inverse2 { position: absolute; bottom: 10px; right: 50px; padding-top: 3px; padding-bottom: 3px; }
/*------------------------------------Adres Defterim--------------------------------------------*/
/* ------------------------------------Listem--------------------------------------------*/
.Listem { width: 100%; }

.Listem .ListemItem { width: 100%; height: 50px; overflow: hidden; border-bottom: solid 1px #CCC; }

.Listem .ListemItem.Title { background-color: #f5f5f5; height: 30px; border-bottom: solid 1px #cccccc; line-height: 30px; }

.Listem .ListemItem.Title div { }

.Listem .ListemItem div { float: left; height: 40px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; }

.Listem .ListemItem .line1 { width: 9%; padding-left: 1%; }

.Listem .ListemItem .line1 img { max-width: 100%; max-height: 60px; }

.Listem .ListemItem .line2 { width: 51%; padding-left: 1%; }

.Listem .ListemItem .line3 { width: 20%; padding-left: 1%; }

.Listem .ListemItem .line4 { width: 17%; }

.Listem .ListemItem .line4 a { margin-top: 5px; }

.Listem.HediyeKuponlarim .ListemItem .line1 { width: 22%; }

.Listem.HediyeKuponlarim .ListemItem .line2 { width: 21%; }

.Listem.HediyeKuponlarim .ListemItem .line3 { width: 16%; }

.Listem.HediyeKuponlarim .ListemItem .line4 { width: 16%; padding-left: 1%; }

.Listem.HediyeKuponlarim .ListemItem .line5 { width: 20%; padding-left: 1%; }

#destekIncele .ListemItem div { min-height: 50px; border-bottom: solid 1px #CCC; margin-bottom: 10px; }

#destekIncele .ListemItem div span { font-weight: bold; }
/* ------------------------------------Listem--------------------------------------------*/

/*------------------------------------Sipariþlerim--------------------------------------------*/
.Siparislerim { margin-bottom: 10px; }

.Siparislerim .Title div { font-weight: bold; font-size: 13px; }

.Siparislerim .ListemItem.Title div { padding: 0; height: auto; }

.Siparislerim .ListemItem { border-top: 0px solid #ccc; height: 35px; line-height: 35px; }

.Siparislerim .ListemItem div { font-size: 12px; padding: 0 !important; }

.Siparislerim .ListemItem .line1 { width: 20%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line2 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line3 { width: 13%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line4 { width: 16%; padding-left: 1%; text-align: center; }

.Siparislerim .ListemItem .line5 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line6 { width: 17%; text-align: center; }

.Siparislerim .ListemItem .line6 a { color: #000000; text-decoration: underline; }
/*------------------------------------Sipariþlerim--------------------------------------------*/
/* ------------------------------------Para Puan--------------------------------------------*/
.paraPuan > div { padding: 10px; }

.paraPuan + a { padding: 10px; }

.paraPuan .parapuanTable { width: 98%; overflow: hidden; border-bottom: solid 1px #CCC; padding: 1%; margin-bottom: -1px; }

.paraPuan .parapuanTable.Title { padding: 0; padding-left: 1%; width: 99%; background-color: #F5F5F5; }

.paraPuan .parapuanTable .paraline1 { width: 18%; float: left; padding: 1%; }

.paraPuan .parapuanTable .paraline2 { width: 58%; float: left; padding: 1%; }

.paraPuan .parapuanTable .paraline3 { width: 18%; float: left; padding: 1%; text-align: center; font-weight: bold; }
/* ------------------------------------Para Puan--------------------------------------------*/
/* ------------------------------------Destek  Taleplerim--------------------------------------------*/
.DestekTalepDetay { width: 97.7%; border: 1px solid #ddd; margin: 5px 0; padding: 1%; }

.DestekTalepCevapLine { background-color: #f5f5f5; margin: 5px 0; padding: 5px; border: 1px solid #ddd; }

.DestekTalepDetay .span { overflow: hidden; }


.DestekTalepCevapLine:nth-child(2n+1) { background-color: #fff; margin: 5px 0; padding: 5px; }

.DestekTaleplerim .Title { height: 40px; line-height: 40px; }

.Listem.DestekTaleplerim .ListemItem .line1 { width: 3%; }

.Listem.DestekTaleplerim .ListemItem .line2 { width: 10%; }

.Listem.DestekTaleplerim .ListemItem .line3 { width: 50%; }

.Listem.DestekTaleplerim .ListemItem .line4 { width: 12%; }

.Listem.DestekTaleplerim .ListemItem .line5 { width: 11%; }

.Listem.DestekTaleplerim .ListemItem .line6 { width: 11%; }

.Listem.DestekTaleplerim .ListemItem .line6.DestekButton .button { float: right; margin-top: 5px; }

.YeniDestek { width: 100%; height: 60px; position: relative; }

.DestekTaleplerimContent #mainHolder_btnEkle { position: static; float: right; margin: 0px; margin-top: 10px; margin-bottom: 20px; }

.DestekTaleplerimContent .row .span { position: relative; height: 40px; overflow: visible; }

.DestekTaleplerimContent .row .span div { float: left; height: 31px; line-height: 31px; }

.DestekTaleplerimContent .row .span .Left { width: 10%; }

.DestekTaleplerimContent .row .span .Center { width: 3%; }

.DestekTaleplerimContent .row .span .Right { width: 86%; }

.DestekTaleplerimContent .row .span #mainHolder_btnKaydet { float: right; width: 20%; }

.DestekTaleplerimContent .row .span #mainHolder_btnVazgec { float: right; width: 20%; margin-right: 10px; }

.DestekTaleplerimContent textarea { width: 98.8%; margin-bottom: 10px; }

.DestekTalepDetay .span div { float: left; }
/* ------------------------------------Destek Taleplerim--------------------------------------------*/
/*------------------------------------Anket--------------------------------------------*/
.anketSoru { margin-bottom: 5px; display: block; }

.anketLabel td { line-height: 21px; display: block; }

.anketLabel label { margin-left: 5px; }
/*------------------------------------Anket--------------------------------------------*/
/*------------------------------------Blok Sepet--------------------------------------------*/
.SepetBlockInfo { text-align: left; }

.SepetBlockInfo table { border-collapse: collapse; margin-bottom: 5px; width: 100%; }

.SepetBlockInfo td { border-bottom: 1px solid #e3e3e3; padding: 5px 2px; vertical-align: top; }

.SepetBlockInfo .SepetBlockImg img { border: 1px solid #EEEEEE; text-align: left; }

.SepetBlockInfo .SepetBlockName a { color: #666666; font-size: 11px; }

.SepetBlockInfo .SepetBlockAdet { text-align: right; font-size: 11px; }

.SepetBlockInfo td.SepetBlockTotal { text-align: right; }

.SepetBlockInfo .SepetBlockRemove a { text-align: right; cursor: pointer; width: 10px; height: 20px; font-size: 0; display: block; background: url(/App_Themes/Default/images/remove-small.png) center 4px no-repeat; }

.SepetBlockGenelTotal { text-align: center; }

.SepetBlockGenelTotal table { border-collapse: collapse; margin-bottom: 5px; }

.SepetBlockGenelTotal td { padding: 4px; font-size: 13px; }

.SepetBlockGenelTotal td b { font-weight: bold; }

.SepetBlockCheck { clear: both; float: left; margin-top: 5px; text-align: center; width: 100%; line-height: 30px; }

.SepetBlockCheck a { line-height: 30px; }
/*------------------------------------Blok Sepet--------------------------------------------*/
/*------------------------------------Ýletiþim--------------------------------------------*/
.iletisimContent { margin-top: 0; padding-bottom: 20px; margin-left: 15px; margin-right: 15px; }

.iletisimContent .row.iletisimLeft { margin-left: 0; margin-right: 0; }

.row.iletisimLeft:After { clear: both; display: table; content: ""; }

.iletisimContent .row.iletisimRight { margin-left: 0; margin-right: 0; float: none !important; }

.iletisimLine { margin-bottom: 10px; min-height: 30px; line-height: 30px; position: relative; }

.iletisimLine .Left { display: inline-block; width: 20%; float: left; }

.iletisimLine .Center { display: inline-block; font-weight: bold; width: 2%; float: left; }

.iletisimLine .Right { display: inline-block; width: 40%; float: left; }

.iletisimbanka { width: 100%; padding: 1%; border: solid 1px #dadada; background-color: #fafafa; overflow: hidden; }


.iletisimContent .row .span { margin-left: 0; margin-right: 0; padding: 0px; width: 96%; overflow: hidden; }

.iletisimContent .row .span > div { float: left; min-height: 30px; line-height: 30px; width: 15%; }

.iletisimContent .row .span .Center { width: 2%; }

.iletisimContent .row .span .Right { width: 83%; }

.iletisimContent .row .span .line1 { width: 100%; min-height: 50px; margin-bottom: 5px; }

.iletisimContent .row .span > .line1 { border-bottom: solid 1px #CCC; }

.iletisimContent .row .span .line1 div { width: 41%; float: left; min-height: 50px; }

.iletisimContent .row .span .line1 .line2 { text-align: center; width: 23%; }

.iletisimContent .row .span .line1 .line3 { text-align: center; width: 16%; }

.iletisimContent .row .span .line1 .line4 { text-align: right; float: right; width: 20%; }

.iletisimContent .row .span .line1 div span { display: block; min-height: 25px; }

.iletisimContent .row .span .line2 { width: 100%; min-height: 25px; }

.iletisimContent .row .span > .line2 { border-bottom: solid 1px #CCC; }

.iletisimContent .row .span .line2 .line1 { width: 70%; float: left; /* height: 25px; */ line-height: 25px; }

.iletisimContent .row .span .line2 .line2 { float: right; width: 30%; text-align: right; }

.iletisimContent .row .span .line3 { width: 100%; }

.iletisimContent .row .span .line3 .line1 { width: 100%; }

.iletisimContent .row .span .line3 .line1 span { float: left; }

.iletisimForm { width: 100%; margin-top: 20px; overflow: hidden; }

.iletisimForm .row { width: 50%; border: none; float: left; padding: 0; margin: 0; }

.iletisimForm .row .span { height: 70px; position: relative; overflow: visible; margin-bottom: 0px; }

.iletisimForm .row .span .captchaImageBox { float: left; width: 30%; }

.iletisimForm .row .span .captchaInputBox { width: 69%; }

#mainHolder_TiciCaptcha_ImgCaptcha { width: 100px; }

.iletisimForm .row .span .captchaInputBox input { float: left; }

.iletisimForm .row .span #mainHolder_btnGonder { width: 160px; float: right; }

.iletisimForm .textarea { height: 110px; }
/*------------------------------------Ýletiþim--------------------------------------------*/
/*------------------------------------Üye Ol--------------------------------------------*/
.newuserForm { color: #000; font-size: 13px; line-height: 30px; width: 98%; margin: 1%; margin-bottom: 20px; overflow: hidden; }

.FormTitle { width: 100%; text-align: center; font-size: 30px; line-height: 50px; color: #000000; }

.FormTitle p { font-size: 14px; margin: 0px auto; line-height: 22px; display: block; width: 50%; }

.grid { border-right: 1px solid #DDDDDD; float: left; margin-right: -1%; margin-top: 2%; padding: 2% 11% 5%; width: 28%; }

.gridLeft { min-height: 60px; position: relative; }

.gridLeft a { text-decoration: underline; }

.gridLeft input[type="checkbox"] { float: left; margin-top: 9px; margin-right: 5px; }

.listAdd { min-height: 30px; }

.day { width: 25%; float: left; margin-right: 1%; }

.city { width: 32.3%; float: left; margin-right: 1%; }

.month { width: 30%; float: left; margin-right: 1%; }

.year { width: 42%; float: left; margin-right: 1%; }

.gender { min-height: 40px; }

.gender label { float: left; width: 70px; margin-top: 10px; display: block; }

.gender input { float: left; margin-top: 18px; margin-right: 3px; }

.uyeolButton { width: 100%; }
/*------------------------------------Üye Ol--------------------------------------------*/
/*------------------------------------Üye Giriþi--------------------------------------------*/
.Login { border: solid 1px #DDDDDD; margin-left: 12%; padding: 2% 5% 2% 4%; width: 23%; background-color: #FBFBFB; height: 260px; }

.Login h4 { font-size: 22px; display: block; text-align: center; border-bottom: solid 1px #CCC; margin-bottom: 10px; }

.forgetpasword { text-decoration: none; float: right; color: #000000; }

.userloginButton { width: 80px; margin-top: 10px; }

.facebooklogin { margin-top: 40px; display: block; float: left; }



.grid .validate, .validateSol, .validateOrta { top: -7px; }

.gridLeft .validateSol { left: -0.5%; top: -30px; }

.gridLeft .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }

.gender table { float: left; }

.doFaceBookLogin { color: #fff; background-color: #3b5998; border-color: rgba(0,0,0,0.2); padding: 10px 20px; width: 82%; cursor: pointer; font-size: 15px; line-height: 1.33; border-radius: 6px; text-align: center; margin-top: 5px; display: inline-block; }

.baglanButton { padding: 10px; line-height: 30px; display: block; text-align: center; font-size: 14px; border-radius: 5px; background-color: #555; color: #FFF; margin: 10px; }

.baglanButton input { border: none; width: 100%; height: 100%; display: block; background-color: transparent; cursor: pointer; text-indent: -9999pt; }

#mainHolder_SocialLogin_divFacebookLoginContainer.baglanButton { background: url(/App_Themes/Default/facebookbaglan.png) no-repeat center center #3b5998; text-indent: -9999pt; }

#mainHolder_SocialLogin_divTwitterLoginContainer.baglanButton { background: url(/App_Themes/Default/twitterbaglan.png) no-repeat center center #2ba9e1; text-indent: -9999pt; }

#mainHolder_SocialLogin_divGoogleLoginContainer.baglanButton { background: url(/App_Themes/Default/googlebaglan.png) no-repeat center center #dd4b39; text-indent: -9999pt; }

#SocialLogin_divFacebookLoginContainer.baglanButton { background: url(/App_Themes/Default/facebookbaglan.png) no-repeat center center #3b5998; text-indent: -9999pt; }

#SocialLogin_divTwitterLoginContainer.baglanButton { background: url(/App_Themes/Default/twitterbaglan.png) no-repeat center center #2ba9e1; text-indent: -9999pt; }

#SocialLogin_divGoogleLoginContainer.baglanButton { background: url(/App_Themes/Default/googlebaglan.png) no-repeat center center #dd4b39; text-indent: -9999pt; }


/* ------------------------------------Þifremi Unuttum--------------------------------------------*/
.SifremiUnuttum { width: 60%; margin-top: 30px; }

.SifremiUnuttum p { line-height: 25px; }

.SifremiUnuttum #mainHolder_txtbxMail { width: 220px; height: 25px; float: left; }

.SifremiUnuttum .button { padding: 10px; float: right; }

.SifremiUnuttumInput { position: relative; width: 100%; margin-top: 10px; }

.SifremiUnuttumInput .validate { left: auto; right: 0; top: -38px; }

.SifremiUnuttumInput .validateSol { left: 0; right: auto; top: -38px; }

.SifremiUnuttumInput .validateSol .validateSolOk { border-radius: 0 0 15px; bottom: -5px; left: 10px; }

.SifremiUnuttum .line { min-height: 32px; line-height: 32px; margin-bottom: 5px; width: 400px; position: relative; }

.SifremiUnuttum .line .Left { width: 30%; float: left; }

.SifremiUnuttum .line .Center { width: 4%; float: left; }

.SifremiUnuttum .line .Right { width: 66%; float: left; }

/* ------------------------------------Þifremi Unuttum--------------------------------------------*/
/* ------------------------------------Taksit Seçenekleri--------------------------------------------*/
.taksitBlok { width: 25%; height: auto; float: left; line-height: 20px; }

.taksitBaslik { width: 100%; height: 20px; text-align: center; }

.taksitBaslik img { display: none; }

.taksitLine { width: 101%; }

.taksitLine .tak { width: 39.1%; height: 20px; overflow: hidden; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 10px; float: left; color: #000; text-align: center; }

.taksitLine .tak.Taksit { background-color: #ededed; width: 19%; }

.taksitBaslik1 { background: url(/Uploads/BankaLogo/1.png) center center no-repeat #7cc242; }

.taksitBaslik2 { background: url(/Uploads/BankaLogo/2.png) center center no-repeat #fdbf57; }

.taksitBaslik3 { background: url(/Uploads/BankaLogo/3.png) center center no-repeat #6950a2; }

.taksitBaslik4 { background: url(/Uploads/BankaLogo/4.png) center center no-repeat #e01d6e; }

.taksitBaslik5 { background: url(/Uploads/BankaLogo/5.png) center center no-repeat #ed1c24; }

.taksitBaslik6 { background: url(/Uploads/BankaLogo/6.png) center center no-repeat #00a6d4; }

.taksitBaslik7 { background: url(/Uploads/BankaLogo/7.png) center center no-repeat #ee3623; }

.taksitBaslik8 { background: url(/Uploads/BankaLogo/8.png) center center no-repeat #00aedb; }

.taksitBaslik9 { background: url(/Uploads/BankaLogo/9.png) center center no-repeat #a3a3a3; }

.taksitBaslik10 { background: url(/Uploads/BankaLogo/10.png) center center no-repeat #2e3192; }

.taksitBaslik11 { background: url(/Uploads/BankaLogo/11.png) center center no-repeat #056bb6; }

.taksitBaslik12 { background: url(/Uploads/BankaLogo/12.png) center center no-repeat #221f1f; }

.taksitBaslik13 { background: url(/Uploads/BankaLogo/13.png) center center no-repeat #0053a0; }

.taksitBaslik14 { background: url(/Uploads/BankaLogo/14.png) center center no-repeat #ffdf00; }

.taksitBaslik15 { background: url(/Uploads/BankaLogo/15.png) center center no-repeat #024d39; }

.taksitBaslik16 { background: url(/Uploads/BankaLogo/16.png) center center no-repeat #8c1639; }

.taksitBaslik17 { background: url(/Uploads/BankaLogo/17.png) center center no-repeat #e9690e; }

.taksitBaslik18 { background: url(/Uploads/BankaLogo/18.png) center center no-repeat #e8ce00; }

.taksitBaslik19 { background: url(/Uploads/BankaLogo/19.png) center center no-repeat #ffffff; }

.TakRenk1 { background-color: #edf4e6; }

.TakRenk2 { background-color: #f1e7f3; }

.TakRenk3 { background-color: #f5f9d9; }

.TakRenk4 { background-color: #eeafa2; }

.TakRenk5 { background-color: #b5d0df; }

.TakRenk6 { background-color: #e4e9f4; }

.TakRenk7 { background-color: #edf4e6; }

.TakRenk8 { background-color: #f1e7f3; }

.TakRenk9 { background-color: #f5f9d9; }

.TakRenk10 { background-color: #eeafa2; }

.TakRenk11 { background-color: #b5d0df; }

.TakRenk12 { background-color: #e4e9f4; }

.TakRenk13 { background-color: #edf4e6; }

.TakRenk14 { background-color: #f1e7f3; }

.TakRenk15 { background-color: #f5f9d9; }

.TakRenk16 { background-color: #eeafa2; }

.TakRenk17 { background-color: #b5d0df; }

.TakRenk18 { background-color: #e4e9f4; }

.TakRenk19 { background-color: #edf4e6; }
/* ------------------------------------Taksit Seçenekleri--------------------------------------------*/
/* ------------------------------------ Cari Ödeme Yap Blok --------------------------------------------*/
.CariOdeme .row .span { overflow: hidden; }

.CariOdeme .row .span .Left { width: 13%; }

.CariOdeme .row .span .Center { width: 3%; }

.CariOdeme .row .span .Right { width: 82%; }

.CariOdeme .row .span div { float: left; height: 31px; line-height: 31px; }

.Listem.CariOdemeRaporlari .ListemItem .line1 { width: 6%; }

.Listem.CariOdemeRaporlari .ListemItem .line2 { width: 13%; }

.Listem.CariOdemeRaporlari .ListemItem .line3 { width: 18%; }

.Listem.CariOdemeRaporlari .ListemItem .line4 { width: 8%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line5 { width: 18%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line6 { width: 12%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line7 { width: 10%; padding-left: 1%; }

.Listem.CariOdemeRaporlari .ListemItem .line8 { width: 7%; padding-left: 1%; }

.CariOdeme .Basketstep { display: none; }

.CariOdeme .OdemeMenu { display: none; }

.CariOdeme .BasketPage { width: 100%; overflow: visible; padding: 0; border: 0; min-height: inherit; }

.CariOdeme .Odeme-Left { width: 100%; padding: 0; float: none; background-color: transparent; min-height: 300px; }

.CariOdeme .Odeme-Left .Left { width: 50%; }

.CariOdeme .CrediCardNoInput input { width: 20.3%; }

.CariOdeme .CrediCardNameInput input { width: 92%; }

.CariOdeme .CrediCardDateInput select { width: 46.7%; }

.CariOdeme .Odeme-Right { padding: 0; float: none; width: 100%; background-color: transparent; }

.CariOdeme .Odeme-Right .Odeme-RightLine { display: none; }

.CariOdeme .aspNetDisabled { margin-top: 5px; }

.CariOdeme .OdemeTamamla .SiparisiTamamlaBtn { float: right; margin-top: 50px; }

.CariRaporlarContent .siparisTablo thead tr th { padding: 2px; }

.cariorta table tr td { padding: 5px; }

div#fancy_print { background: url("../Default/images/print2.png") no-repeat scroll center center #222222; border: 2px solid #FFFFFF; border-radius: 13px; cursor: pointer; display: block; height: 25px; left: -16px; position: absolute; top: -14px; width: 25px; z-index: 9999; }

.CariOdeme .Odeme-Right { position: relative; }

.CariOdeme .OdemeTamamla { position: absolute; bottom: 0; }

/* ------------------------------------ Cari Ödeme Yap Blok --------------------------------------------*/

/* ------------------------------------Blok Kategori Filtreleme--------------------------------------------*/
.KategoriFilitreleme { width: 100%; float: left; padding-bottom: 10px; }

.KategoriFilitreTittle { width: 96%; height: 25px; line-height: 25px; border-bottom: solid 1px #000000; margin-bottom: 5px; padding: 2%; padding-left: 0; font-weight: bold; color: #000000; }

.KategoriFilitreLine { width: 100%; line-height: 25px; max-height: 250px; overflow-y: auto; }

.KategoriFilitreLine.FilitreMaxHeight { max-height: 240px; overflow-y: auto; }

.KategoriFilitreLine ul li { position: relative; margin-bottom: 0px; }

.KategoriFilitreLine ul li ul { overflow: hidden; padding-left: 5px; }

.KategoriFilitreLine ul li ul li { line-height: 20px; }

.KategoriFilitreLine table input { float: left; margin: 6px; margin-left: 0px; }

.KategoriFilitreLine table label { float: left; }

#amount { color: #000000 !important; text-align: center !important; }
/*-----------------------------------Blok Kategori Filtreleme--------------------------------------------*/
/* ------------------------------------Yorum Yaz--------------------------------------------*/
.fancyboxTittle { margin-bottom: 10px; font-weight: bold; font-size: 13px; }

#yorumYaz { padding-top: 10px; }

.yorumYaz { margin-bottom: 10px; position: relative; }

.yorumYaz .validate { padding: 5px; top: -30px; }

/* ------------------------------------Yorum Yaz--------------------------------------------*/
/* ------------------------------------Ürün Önerileri--------------------------------------------*/
.urunTabAlt { width: 100%; }

.urunTabAlt ul li { margin-bottom: 10px; clear: both; }
.oneriValidate .validate { top: 0; padding: 5px; }

.urunTabAlt ul li input { float: left; margin-right: 5px; }

.urunTabAlt ul li .captchaImageBox { float: left; }

.urunTabAlt ul li .captchaInputBox { margin: 10px; float: left; }

.urunTabAlt ul li.urundetyaGuvenlikodu span { float: left; }

.urunTabAlt ul li .GuvnelikKodu { float: left; line-height: 50px; margin-right: 10px; display: block; }

.odemeBildirimFormu table tr td { padding: 5px; }
/* ------------------------------------Ürün Önerileri--------------------------------------------*/
#mainHolder_txtbxNotlar { width: 97%; }

.Block_Text img { max-width: 100%; }

#GUVENLIK_KODU { margin-bottom: 10px; margin-top: 10px; }

/* ------------------------------------Üyelik Onay--------------------------------------------*/
.uyelikonay { margin-top: 50px; padding-left: 50px; }

.uyelikonay .title { width: 100%; margin-bottom: 30px; }

.uyelikonay .title h4 { font-size: 30px; margin-bottom: 20px; }

.uyelikonay .title span { font-size: 20px; }

.uyelikonay p { line-height: 30px; }

.uyelikonay p strong { font-weight: bold; font-size: 16px; color: #000; }

.uyelikonay a { font-size: 14px; padding-left: 30px; padding-right: 30px; margin-bottom: 30px; }
/* ------------------------------------Üyelik Onay--------------------------------------------*/

/* ------------------------------------ Ýade Taleplerim --------------------------------------------*/

.IadeTaleplerimContent { }

.IadeTaleplerim .Title { height: 40px; line-height: 40px; }

.Listem.IadeTaleplerim .ListemItem { height: auto; line-height: 24px; }

.Listem.IadeTaleplerim .ListemItem div { height: auto; }

.Listem.IadeTaleplerim .ListemItem .line1 { width: 3%; }

.Listem.IadeTaleplerim .ListemItem .line2 { width: 20%; }

.Listem.IadeTaleplerim .ListemItem .line3 { width: 40%; }

.Listem.IadeTaleplerim .ListemItem .line4 { width: 30%; }

.Listem.IadeTaleplerim .ListemItem .line5 { width: 11%; }

.Listem.IadeTaleplerim .ListemItem .line6 { width: 11%; }

.IadeTaleplerimContent #mainHolder_btnEkle { position: static; float: right; margin: 0px; margin-top: 10px; margin-bottom: 20px; }

.IadeTaleplerimContent .row { width: 60%; }

.IadeTaleplerimContent .row .span { position: relative; overflow: hidden; margin-bottom: 5px; }

.IadeTaleplerimContent .row .span div { float: left; }

.IadeTaleplerimContent .row .span .Left { width: 30%; }

.IadeTaleplerimContent .row .span .Center { width: 3%; }

.IadeTaleplerimContent .row .span .Right { width: 60%; }

.IadeTaleplerimContent .row .span #mainHolder_btnKaydet { float: right; width: 20%; }

.IadeTaleplerimContent .row .span #mainHolder_btnVazgec { float: right; width: 20%; margin-right: 10px; }

.IadeTaleplerimContent textarea { width: 98.8%; margin-bottom: 10px; height: 50px; }

.span.IadeTalepBtn { width: 93%; }

/* ------------------------------------ Ýade Taleplerim --------------------------------------------*/
/* ------------------------------------ Arama Sonuçlarý --------------------------------------------*/
#ArmaSonuclari { width: 94%; border: solid 1px #CCC; padding: 3%; text-align: center; font-size: 20px; margin-bottom: 20px; }
/* ------------------------------------ Arama Sonuçlarý --------------------------------------------*/

@media only screen and (max-width:1000px) {
    #logo { overflow: hidden !important; }

    .ProductList .discountPrice { font-size: 13px; }

    #logo img { max-width: 70%; max-height: 80px !important; }

    .headerContent { padding: 1%; width: 98%; }

    .mycart, .searchContent { right: 1%; }

    .welcome { left: 1%; }

    .ticiContainer { padding: 1%; width: 98%; }

    .brandlistselection .selectBox { margin-bottom: 10px; }

    .orderComplete .sepetTitle { margin-bottom: 10px; }

    .SiparisNotuContent .sepetTitle { margin-bottom: 10px; }

    .AdresItem.OrderYeniAdresEkle { top: 80px; right: auto; left: 50%; margin-left: -70px; }

    .AdresItem.OrderYeniAdresEkle .YeniAdresEkleBtn .button { float: left; }

    .Basketinp { width: auto; }

    .ProductList .productImage { height: 210px; }
}

@media only screen and (max-width:780px) {

    .BasketBtn { margin: 0; margin-top: 20px; }

    .Basketstep ul li { display: none; width: 100%; }

    .Basketstep ul li.onestepsec { display: block; }

    .BasketDetail { width: 96%; }

    .BasketAccount { width: 98%; }

    .cargoInformation { padding: 0; padding-bottom: 10px; min-height: 40px; height: auto; }

    .cargoInformation div.cargoInput { width: 5%; }

    .cargoInformation div.cargoName { width: 28%; }

    .cargoInformation div { font-size: 12px; }

    .SiparisNotuContent textarea { font-size: 12px; }

    .sepetTitle.sepetTitle3 { margin-bottom: 10px; }

    .sepetTitle { font-size: 19px; margin-bottom: 50px; }

    .sepetTitle span { font-weight: normal; }

    #AdresContent .sepetTitle { margin-bottom: 10px; }

    .CrediCardName, .CrediCardNo, .CrediCardDate, .CrediCardDate, .CrediCardSecure { width: 100%; }

    #odemeTaksit { width: 100%; position: static; height: auto; }

    .HavaleLine div { height: auto; }
}

@media only screen and (max-width:640px) {
    .buyfast { margin: 0; margin-bottom: 20px; }

    .basketBtn { margin: 0; }

    .footerCenter { width: 96%; padding: 2%; }

    .footerCenter ul { width: 48%; margin-right: 0; margin-top: 10px; }
}

@media only screen and (max-width:480px) {


    body, html { min-width: 360px; }


    .mycart { top: 55px; }

    .mycart a { width: 0; padding-left: 47px; overflow: hidden; }

    .mycart .sepetUrunSayisi { position: absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: 15px; font-weight: bold; color: #FFF; }

    .CartProduct { display: none !important; }

    .searchContent { top: 124px; width: 98%; }

    #txtbxArama { width: 80%; }

    #footer { max-width: 100%; }

    #footer img { max-width: 100%; }

    .leftBlock, .rightBlock { display: none !important; }

    .centerCount { width: 100% !important; }

    .categoryTitleText { width: 95%; padding-left: 5%; min-height: 30px; height: auto; line-height: 21px; background-position: -10px -643px; }

    .back { display: none !important; }

    .ProductDetailMain { margin-top: 10px; }

    .brandlistselection { padding-bottom: 0; }

    .brandlistselection .selectBox { width: 48%; }

    .brandlistselection .selectBox select { width: 100%; }

    .brandlistselection * { font-size: 11px; }

    .ProductList .productItem { margin-bottom: 10px; }

    .leftImage { width: 100%; }

    .Images { width: 70%; float: right; }

    .SmallImages { width: 27%; float: left; }

    .SmallImages div { width: 45%; margin-top: 0; margin-bottom: 10px; max-height: 50px; overflow: hidden; }

    .RightDetail { width: 100%; margin-top: 10px; }

    .BasketBtn { margin: 0; }

    .buyfast { width: 100%; }

    .buyfastbutton { width: 100%; padding-left: 0; padding-right: 0; }

    .BasketBtn { width: 100%; }

    .basketBtn { width: 60%; float: left; }

    .basketBtn input { width: 100%; padding-left: 0; padding-right: 0; }

    .urunTab li a { padding-left: 2px; padding-right: 2px; }

    .urunTab li.TabYorumlar { display: none; }

    .urunTab li.TabUrunOnerileri { display: none; }

    .productModule2 ul li { width: 47%; margin-right: 1%; margin-bottom: 10px; }

    .ProductIcon { width: 100%; }

    .PriceList { width: 100%; }

    .taksitBlok { width: 100%; }

    .leftBlock.active { display: block !important; width: 100% !important; }

    .iletisimContent .row { width: 100%; padding: 0; float: left !important; margin-bottom: 10px; }

    .iletisimContent .categoryTitle { height: 30px; margin-bottom: 10px; }

    .iletisimContent .categoryTitle .categoryTitleText { line-height: 30px; background-position: -10px -638px; }

    .iletisimbanka { border: none; }

    .iletisimForm { margin-top: 0; }

    .HesabimAdresContent .row { width: 96%; }

    .Login { padding: 2%; width: 96%; margin: 0; margin-bottom: 10px; }

    .newuserForm { width: 100%; margin: 0; overflow: visible; }

    .grid { padding: 2%; width: 96%; margin: 0; margin-bottom: 10px; }


    .ProductIcon2 > div.socialButons { width: 100%; }

    .ProductIcon2 div.YorumYazbtnContent { margin-right: 0; }

    .ProductList .mycartIcon a { width: 40px; height: 40px; background-position: -4px -447px; }

    .ProductList .examineIcon a { width: 40px; height: 40px; background-position: -4px -367px; }

    .ProductList .favori a { width: 40px; height: 40px; background-position: -4px -405px; }

    .newaslater label { display: none; }

    .newstext { width: 92% !important; left: 2%; padding: 1% !important; }

    .newaslater .newsbutton { padding: 2%; right: 2%; }

    #back-to-top { display: none !important; }

    .SifremiUnuttum { width: 100%; }

    .SifremiUnuttum .line { width: 100%; margin-top: 20px; }

    .KasaOnuFirsatlarContent ul li { margin-right: 1%; width: 32.3%; }
}


#divUrunSiparisDosya .right_line { width: 66% !important; }

#divUrunSiparisDosya .left_line { line-height: 30px; }

#divUrunSiparisDosya .center_line { line-height: 30px; }

.RadUpload { width: auto !important; }

.RadUpload .ruFileWrap { height: auto !important; }

.RadUpload .ruFakeInput { margin-right: 0 !important; height: auto !important; width: auto !important; border-color: #dddddd !important; padding: 2px 5px !important; float: left !important; }

.RadUpload .ruBrowse { float: left; margin-left: 15px !important; margin-top: 0 !important; }

.ruErrorMessage { margin-bottom: 10px !important; }

.ruFileInput { position: absolute; left: 0; top: 0; height: 50px; left: 0; position: absolute; top: 0; width: 181px; }

#lang_flag_container { position: absolute; left: auto !important; right: 0 !important; top: 0 !important; bottom: auto !important; z-index: 99999; }

#lang-detail { right: 0; left: auto !important; }

@media(max-width:768px) {
    #lang_flag_container { top: auto !important; bottom: 0 !important; }
}


.detaySliderContainer, #divFacebookYorumContainer { margin: 15px 0; }

@media(max-width:1024px) {
    .blockSelect { display: none; }
}

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp { /* width: 140px !important; */ float: left; margin-right: 18px; }

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp > p { display: none; }

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp .riSingle { /* width: 140px !important; */ position: relative; padding-left: 30px; padding-right: 35px; }

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp .riSingle .riUp { background: #000000; border: none; border-radius: 0; box-shadow: none; color: #fff; height: auto; text-shadow: none; width: auto; position: absolute; right: 0; top: 0; margin: 0 !important; padding: 0 !important; font-size: 0 !important; text-indent: 0 !important; padding: 14px !important; line-height: normal; z-index: 0; }

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp .riSingle .riUp:after { content: "+"; font-size: 12px !important; text-indent: 0 !important; line-height: normal !important; }

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp .riSingle .riUp:hover { background-color: #111111; }

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp .riSingle .riDown { position: absolute; left: 0; top: 0; margin: 0 !important; background: #000000; border: none; border-radius: 0; box-shadow: none; color: #fff; height: auto; text-shadow: none; width: auto; font-size: 0 !important; text-indent: 0 !important; padding: 14px !important; line-height: normal; z-index: 0; }

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp .riSingle .riDown:after { content: "-"; font-size: 12px !important; text-indent: 0 !important; line-height: normal !important; }

.ProductDetailMainRow .RightDetail .buybutton .BasketBtn .Basketinp .riSingle .riDown:hover { background-color: #111111; }


.detaySliderContainer, #divFacebookYorumContainer { margin: 15px 0; }


.mobileNav { display: none; }

@media (max-width:991px) {
    .mobileNav { display: inline-block; text-indent: 15px; color: #000; line-height: 45px; font-size: 16px; }

    .mobileNav a i { color: #000; }

    .btn-toogle { }

    .btn-toogle:hover { color: #fff; }

    .navigation ul { display: none; position: relative !important; background-color: #fff; }

    .navigation ul li { float: none !important; display: block !important; text-align: left !important; border-bottom: 1px solid #ddd; }

    .navigation ul li a { color: #000; }

    .navigation ul ul { float: none !important; text-align: left !important; left: auto !important; top: auto !important; }
}


.ticiContainer { }

@media (max-width:767px) {
    .hidden-xs { display: none !important; }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm { display: none !important; }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md { display: none !important; }
}

@media (min-width:1200px) {
    .hidden-lg { display: none !important; }
}

.row { margin-right: -8px; margin-left: -8px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4,
.col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 8px; padding-left: 8px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }



@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }

    .col-sm-12 { width: 100%; }

    .col-sm-11 { width: 91.66666667%; }

    .col-sm-10 { width: 83.33333333%; }

    .col-sm-9 { width: 75%; }

    .col-sm-8 { width: 66.66666667%; }

    .col-sm-7 { width: 58.33333333%; }

    .col-sm-6 { width: 50%; }

    .col-sm-5 { width: 41.66666667%; }

    .col-sm-4 { width: 33.33333333%; }

    .col-sm-3 { width: 25%; }

    .col-sm-2 { width: 16.66666667%; }

    .col-sm-1 { width: 8.33333333%; }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }

    .col-md-12 { width: 100%; }

    .col-md-11 { width: 91.66666667%; }

    .col-md-10 { width: 83.33333333%; }

    .col-md-9 { width: 75%; }

    .col-md-8 { width: 66.66666667%; }

    .col-md-7 { width: 58.33333333%; }

    .col-md-6 { width: 50%; }

    .col-md-5 { width: 41.66666667%; }

    .col-md-4 { width: 33.33333333%; }

    .col-md-3 { width: 25%; }

    .col-md-2 { width: 16.66666667%; }

    .col-md-1 { width: 8.33333333%; }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }

    .col-lg-12 { width: 100%; }

    .col-lg-11 { width: 91.66666667%; }

    .col-lg-10 { width: 83.33333333%; }

    .col-lg-9 { width: 75%; }

    .col-lg-8 { width: 66.66666667%; }

    .col-lg-7 { width: 58.33333333%; }

    .col-lg-6 { width: 50%; }

    .col-lg-5 { width: 41.66666667%; }

    .col-lg-4 { width: 33.33333333%; }

    .col-lg-3 { width: 25%; }

    .col-lg-2 { width: 16.66666667%; }

    .col-lg-1 { width: 8.33333333%; }
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }


.ticiContainer { overflow: hidden; margin-right: auto; margin-left: auto; }

@media (min-width:768px) {
    .ticiContainer { width: 750px; }
}

@media (min-width:992px) {
    .ticiContainer { width: 970px; }
}

@media (min-width:1200px) {
    .ticiContainer { width: 1016px; }
}
@media(max-width:768px) {

    .ItemOrj.col-xs-6 { width: 100%; }

    .ProductList .cargoIcon { top: 11px; right: 11px; }
}


/*Fiyat Aralığı*/
.slider-range { width: 85%; margin: 10px 10px 0 17px !important; border-radius: 0; height: 3px !important; background-color: #000 !important; border: 0 !important; }
.slider-range .ui-slider-range { background: #e3e3e3 !important; height: 3px !important; margin-top: 0 !important; }
.slider-range .ui-slider-handle { background: #000 !important; border-radius: 100% !important; width: 10px !important; height: 10px !important; border: none !important; margin-top: 0 !important; margin-right: -4px !important; top: -4px; }
.amount { color: #000000; font-size: 11px; font-weight: 600; left: 0; padding: 10px 0 10px 10px; width: 100%; text-align: left; margin-bottom: 0; }
/*Fiyat Aralığı*/
.AnasayfaTasarim { margin-left: -5px; margin-right: -5px; overflow: hidden; }

.AnasayfaTasarim:after { clear: both; display: table; content: ""; }

.AnasayfaTasarimLine { overflow: hidden; float: none; width: 100%; position: relative; margin-bottom: 10px; overflow: hidden; padding-left: 5px; padding-right: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.AnasayfaTasarimLine.Kucuk { width: 50%; overflow: hidden; float: left; padding-left: 5px; padding-right: 5px; }

.AnasayfaTasarimLine a { display: block; }

.AnasayfaTasarimLine a img { margin: 0 auto; max-width: 100%; display: block; }

.AnasayfaTasarimLine .TasarimTime { float: right; position: relative; font-size: 11px; }

.AnasayfaTasarimLine .AnasayfaTasarimAdi { position: absolute; z-index: 9; background-color: rgba(0, 0, 0, 0.40); left: 5px; right: 5px; bottom: 0; color: #ffF; padding: 5px; font-size: 12px; }

.AnasayfaTasarimLine:hover .AnasayfaTasarimAdi { background-color: #000; }

@media(max-width:425px) {
    .AnasayfaTasarimLine.Kucuk { width: 100%; }
}
@media(max-width:768px) {
    .ItemOrj.col-xs-12 { width: 50%; }
}

@media(max-width:991px) {
    .ProductList.pr_4 .ItemOrj.col-sm-6:nth-child(2n+1) { clear: both; }
    .ItemOrj.col-xs-6:nth-child(2n+1) { clear: both; }
}

@media(min-width:992px) {
    .ProductList.pr_4 .ItemOrj.col-lg-3:nth-child(4n+1) { clear: both; }
    .ProductList.pr_3 .ItemOrj.col-lg-4:nth-child(3n+1) { clear: both; }
}

.productOnYazi, .productStokKodu, .ozelFirsat, .ozelAlan1, .ozelAlan2{display:none;}

.header-up { display: none; }

.ticiContainer .ticiContainer { width: 100%; padding: 0; box-shadow: none; max-width: 100%; }

.footerCenter .footerCenter { padding: 0; margin: 0; float: none; width: 100%; }

.footerCenter .footerCenter .ticiContainer { width: 100%; padding: 0; margin: 0; box-shadow: none; }

.footerGenelTutucu, .footerTopTutucu, .footerBankaTutucu { display: none; }

section.ResimGaleri .ResimGaleriHeadIcerik { text-align: center; }

section.ResimGaleri .Main { position: relative; }

section.ResimGaleri .Main .AllGallery { position: absolute; top: 29px; font-size: 12px; right: 0; color: #000; text-decoration: underline; font-weight: 500; display: none; }

section.ResimGaleri .AddGallery { margin: 10px auto; background-color: #000; display: block; width: 200px; text-align: center; color: #fff; padding: 5px 0; }

section.ResimGaleri .AddGallery:hover { background-color: #ddd; color: #000; }

section.ResimGaleri .Main .Marquee-tag { position: relative; cursor: pointer; }

section.ResimGaleri .Main .Marquee-tag img { max-width: 100%; }

section.ResimGaleri .Main .Marquee-tag:hover:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 9; font-family: linearicons-free; width: 50px; height: 50px; font-size: 30px; line-height: 50px; text-align: center; }

section.ResimGaleri .Main .Marquee-tag:hover:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 8; background: rgba(0, 0, 0, 0.46); }

.Modals .modal-body { padding: 30px; max-width: 420px; }

.Modals .modal-body .modal-title { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 15px; }

.Modals .modal-body .ResimGaleriHeadIcerik { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .ResimGaleriHeadIcerik h2 { font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 8px; text-align: center; }

.Modals .modal-body .modal-Subtitle { font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.Modals .modal-body .modal-bottom { text-align: center; border-top: 1px solid #d8d8d8; padding-top: 20px; font-size: 12px; font-style: italic; }

.Modals .modal-body .modal-bottom span.Link { font-style: initial; text-transform: uppercase; color: #000; font-weight: 700; margin-left: 5px; cursor: pointer; }

.AddGalleryModal .Btn { width: 100%; border: 0; text-align: center; text-transform: uppercase; color: #fff; padding: 17px 10px; background-color: #222; border: 1px solid #222; cursor: pointer; display: block; }

.AddGalleryModal .Btn:hover, .AddGalleryModal .Btn:focus { color: #fff; }

.AddGalleryModal .Btn.Orange { background-color: #000; border: 1px solid #000; }

.AddGalleryModal .Btn.Orange:hover { background-color: #000; }

.AddGalleryModal .modal-dialog { margin: 0; }

.AddGalleryModal .modal-body { max-width: 100%; }

.AddGalleryModal .FormElements { margin-bottom: 10px; }

.AddGalleryModal .FormElements > input { padding: 8px 12px; }

.AddGalleryModal .modal-content { background: #fff; }

.AddGalleryModal .Gallery--Wrapper .BtnBox { margin: 30px 0; padding-top: 25px; border-top: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .Title { padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #b3b3b3; }

.AddGalleryModal .Gallery--Wrapper .row { box-sizing: inherit; padding: 0; width: auto; margin: 0; height: auto; float: none; background-color: transparent; position: static; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.AddGalleryModal .Gallery--Wrapper .col-lg-6 { width: 50%; float: left; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col-12 { width: 100%; float: left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.AddGalleryModal .Gallery--Wrapper .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.AddGalleryModal .fileClear { padding: 5px 10px; font-size: 12px; font-weight: 600; display: inline-block; background-color: #f1f1f1; color: #777; }

.AddGalleryModal .box { display: block; background-color: white; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; }

.AddGalleryModal .upload-options { position: relative; height: 35px; background-color: #000; cursor: pointer; overflow: hidden; text-align: center; -webkit-transition: background-color ease-in-out 150ms; transition: background-color ease-in-out 150ms; }

.AddGalleryModal .upload-options:hover { background-color: #000; }

.AddGalleryModal .upload-options input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.AddGalleryModal .upload-options label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; overflow: hidden; }

.AddGalleryModal .upload-options label::after { content: 'Resim Seç'; position: absolute; font-size: 14px; color: #ffffff; z-index: 0; width: 100%; }

.AddGalleryModal .upload-options label span { display: inline-block; width: 50%; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-align: center; }

.AddGalleryModal .js--image-preview { height: 120px; width: 100%; line-height: 120px; text-align: center; position: relative; overflow: hidden; background-color: white; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.AddGalleryModal .js--image-preview::after { content: "\f1c5"; font: normal normal normal 14px/1 FontAwesome; position: relative; font-size: 50px; color: #e6e6e6; z-index: 0; }

.AddGalleryModal .js--image-preview.js--no-default::after { content: "\f1c5"; color: #000; border: 3px solid #000; border-radius: 50%; padding: 10px; font-size: 50px; background-color: rgba(0, 0, 0, 0.11); }

.AddGalleryModal .drop { display: block; position: absolute; background: rgba(95, 158, 160, 0.2); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); }

.AddGalleryModal .animate { -webkit-animation: ripple 0.4s linear; animation: ripple 0.4s linear; }

.AddGalleryModal .FormElements { width: 100%; margin-bottom: 15px; display: block; }

.AddGalleryModal .FormElements .Or { margin: 20px 0; text-align: center; position: relative; }

.AddGalleryModal .FormElements .Or::after { content: ''; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; left: 0; right: 0; top: 50%; display: table; }

.AddGalleryModal .FormElements .Or > span { font-style: italic; font-size: 12px; background-color: #fff; padding: 0 10px; position: relative; z-index: 1; display: inline-block; line-height: 20px; color: #949494; }

.AddGalleryModal .FormElements label { font-size: 12px; margin: 5px 0; width: 100%; color: #3aa03a; }

.AddGalleryModal .FormElements input, .FormElements textarea { border: 1px solid #bdbdbd; display: block; width: 100%; padding: 12px; font-size: 14px; }

.AddGalleryModal .FormElements textarea { min-height: 100px; max-height: 100px; max-width: 100%; }

.AddGalleryModal select { font-size: 14px; padding: 14px 35px 14px 14px; }

.AddGalleryModal .FormElements .input-box { position: relative; }

.AddGalleryModal .FormElements .input-box .ShowPass { padding-right: 50px; }

.AddGalleryModal .FormElements .input-box .btn-show-password { position: absolute; right: 0; top: 0; padding: 10px 15px; font-size: 24px; }

.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before { content: "\e992"; }

.AddGalleryModal .form_valition { display: none }

.AddGalleryModal .galleryFooterSuccess { display: none; }

.AddGalleryModal #vdUrunVideo { float: left; width: 100%; }

@media(max-width:480px) {
    section.ResimGaleri .Main .AllGallery { position: static; margin: 10px auto 0; display: table; }
}

/*Galeri Modülü*/