@charset "utf-8";
/*CSS Document
  Author : by.seyfi@gmail.com
  Copyright  - 1/10/2018   */
html { width:100%; height:100%; }Body { font-family: 'Open Sans', serif; overflow-x: hidden; background: #ECECEC}  .c { clear: both !important; }
.ani{   -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;  }
a{      color: #111;  cursor: pointer; text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:0;padding:0;cursor:pointer}
a:hover,a:focus {text-decoration:none;}.posRel {position: relative}
.dblock{display: block}.dnone{display: none}.ohidden { overflow: hidden !important } .text-uppercase { text-transform: uppercase !important } .fw200 { font-weight: 200 !important } .fw300 { font-weight: 300 !important } .fw400 { font-weight: 400 !important } .fw600 { font-weight: 600 !important } .fw700 { font-weight: 700 !important } .fs3 { font-size: 4px !important } .fs4 { font-size: 4px !important } .fs5 { font-size: 5px !important } .fs6 { font-size: 6px !important } .fs7 { font-size: 7px !important } .fs8 { font-size: 8px !important } .fs9 { font-size: 9px !important } .fs10 { font-size: 10px !important } .fs11 { font-size: 11px !important } .fs12 { font-size: 12px !important } .fs13 { font-size: 13px !important } .fs14 { font-size: 14px !important } .fs15 { font-size: 15px !important } .fs16 { font-size: 16px !important; font-size: 17px !important } .fs18 { font-size: 18px !important } .fs20 { font-size: 20px !important } .fs22 { font-size: 22px !important } .fs24 { font-size: 24px !important } .fs26 { font-size: 26px !important } .fs28 { font-size: 28px !important } .fs30 { font-size: 30px !important } .fs35 { font-size: 35px !important } .fs40 { font-size: 40px !important } .fs45 { font-size: 45px !important } .fs50 { font-size: 50px !important } .fs60 { font-size: 60px !important } .fs70 { font-size: 70px !important } .fs80 { font-size: 80px !important } .fs90 { font-size: 90px !important } .fs100 { font-size: 100px !important } .pn { padding: 0 !important } .p1 { padding: 1px !important } .p2 { padding: 2px !important } .p3 { padding: 3px !important } .p4 { padding: 4px !important } .p5 { padding: 5px !important } .p6 { padding: 6px !important } .p7 { padding: 7px !important } .p8 { padding: 8px !important } .p10 { padding: 10px !important } .p12 { padding: 12px !important } .p15 { padding: 15px !important } .p20 { padding: 20px !important } .p25 { padding: 25px !important } .p30 { padding: 30px !important } .p35 { padding: 35px !important } .p40 { padding: 40px !important } .p50 { padding: 50px !important } .ptn { padding-top: 0 !important } .pt5 { padding-top: 5px !important } .pt10 { padding-top: 10px !important } .pt15 { padding-top: 15px !important } .pt20 { padding-top: 20px !important } .pt25 { padding-top: 25px !important } .pt30 { padding-top: 30px !important } .pt35 { padding-top: 35px !important } .pt40 { padding-top: 40px !important } .pt50 { padding-top: 50px !important } .prn { padding-right: 0 !important } .pr5 { padding-right: 5px !important } .pr10 { padding-right: 10px !important } .pr15 { padding-right: 15px !important } .pr20 { padding-right: 20px !important } .pr25 { padding-right: 25px !important } .pr30 { padding-right: 30px !important } .pr35 { padding-right: 35px !important } .pr40 { padding-right: 40px !important } .pr50 { padding-right: 50px !important } .pbn { padding-bottom: 0 !important } .pb5 { padding-bottom: 5px !important } .pb10 { padding-bottom: 10px !important } .pb15 { padding-bottom: 15px !important } .pb20 { padding-bottom: 20px !important } .pb25 { padding-bottom: 25px !important } .pb30 { padding-bottom: 30px !important } .pb35 { padding-bottom: 35px !important } .pb40 { padding-bottom: 40px !important } .pb50 { padding-bottom: 50px !important } .pln { padding-left: 0 !important } .pl5 { padding-left: 5px !important } .pl10 { padding-left: 10px !important } .pl15 { padding-left: 15px !important } .pl20 { padding-left: 20px !important } .pl25 { padding-left: 25px !important } .pl30 { padding-left: 30px !important } .pl35 { padding-left: 35px !important } .pl40 { padding-left: 40px !important } .pl50 { padding-left: 50px !important } .pv5 { padding-top: 5px !important; padding-bottom: 5px !important } .pv8 { padding-top: 8px !important; padding-bottom: 8px !important } .pv10 { padding-top: 10px !important; padding-bottom: 10px !important } .pv15 { padding-top: 15px !important; padding-bottom: 15px !important } .pv20 { padding-top: 20px !important; padding-bottom: 20px !important } .pv25 { padding-top: 25px !important; padding-bottom: 25px !important } .pv30 { padding-top: 30px !important; padding-bottom: 30px !important } .pv40 { padding-top: 40px !important; padding-bottom: 40px !important } .pv50 { padding-top: 50px !important; padding-bottom: 50px !important } .ph5 { padding-left: 5px !important; padding-right: 5px !important } .ph8 { padding-left: 8px !important; padding-right: 8px !important } .ph10 { padding-left: 10px !important; padding-right: 10px !important } .ph15 { padding-left: 15px !important; padding-right: 15px !important } .ph20 { padding-left: 20px !important; padding-right: 20px !important } .ph25 { padding-left: 25px !important; padding-right: 25px !important } .ph30 { padding-left: 30px !important; padding-right: 30px !important } .ph40 { padding-left: 40px !important; padding-right: 40px !important } .ph50 { padding-left: 50px !important; padding-right: 50px !important } .mauto { margin-left: auto; margin-right: auto } .mn { margin: 0 !important } .m1 { margin: 1px !important } .m2 { margin: 2px !important } .m3 { margin: 3px !important } .m4 { margin: 4px !important } .m5 { margin: 5px !important } .m8 { margin: 8px !important } .m10 { margin: 10px !important } .m15 { margin: 15px !important } .m20 { margin: 20px !important } .m25 { margin: 25px !important } .m30 { margin: 30px !important } .m35 { margin: 35px !important } .m40 { margin: 40px !important } .m50 { margin: 50px !important } .mtn { margin-top: 0 !important } .mt5 { margin-top: 5px !important } .mt10 { margin-top: 10px !important } .mt15 { margin-top: 15px !important } .mt20 { margin-top: 20px !important } .mt25 { margin-top: 25px !important } .mt30 { margin-top: 30px !important } .mt35 { margin-top: 35px !important } .mt40 { margin-top: 40px !important } .mt50 { margin-top: 50px !important } .mt70 { margin-top: 70px !important } .mrn { margin-right: 0 !important } .mr5 { margin-right: 5px !important } .mr10 { margin-right: 10px !important } .mr15 { margin-right: 15px !important } .mr20 { margin-right: 20px !important } .mr25 { margin-right: 25px !important } .mr30 { margin-right: 30px !important } .mr35 { margin-right: 35px !important } .mr40 { margin-right: 40px !important } .mr50 { margin-right: 50px !important } .mbn { margin-bottom: 0 !important } .mb5 { margin-bottom: 5px !important } .mb10 { margin-bottom: 10px !important } .mb15 { margin-bottom: 15px !important } .mb20 { margin-bottom: 20px !important } .mb25 { margin-bottom: 25px !important } .mb30 { margin-bottom: 30px !important } .mb35 { margin-bottom: 35px !important } .mb40 { margin-bottom: 40px !important } .mb50 { margin-bottom: 50px !important } .mb70 { margin-bottom: 70px !important } .mln { margin-left: 0 !important } .ml5 { margin-left: 5px !important } .ml10 { margin-left: 10px !important } .ml15 { margin-left: 15px !important } .ml20 { margin-left: 20px !important } .ml25 { margin-left: 25px !important } .ml30 { margin-left: 30px !important } .ml35 { margin-left: 35px !important } .ml40 { margin-left: 40px !important } .ml50 { margin-left: 50px !important } .mv5 { margin-top: 5px !important; margin-bottom: 5px !important } .mv10 { margin-top: 10px !important; margin-bottom: 10px !important } .mv15 { margin-top: 15px !important; margin-bottom: 15px !important } .mv20 { margin-top: 20px !important; margin-bottom: 20px !important } .mv25 { margin-top: 25px !important; margin-bottom: 25px !important } .mv30 { margin-top: 30px !important; margin-bottom: 30px !important } .mv40 { margin-top: 40px !important; margin-bottom: 40px !important } .mv50 { margin-top: 50px !important; margin-bottom: 50px !important } .mv70 { margin-top: 70px !important; margin-bottom: 70px !important } .mh5 { margin-left: 5px !important; margin-right: 5px !important } .mh10 { margin-left: 10px !important; margin-right: 10px !important } .mh15 { margin-left: 15px !important; margin-right: 15px !important } .mh20 { margin-left: 20px !important; margin-right: 20px !important } .mh25 { margin-left: 25px !important; margin-right: 25px !important } .mh30 { margin-left: 30px !important; margin-right: 30px !important } .mh40 { margin-left: 40px !important; margin-right: 40px !important } .mh50 { margin-left: 50px !important; margin-right: 50px !important } .mh70 { margin-left: 70px !important; margin-right: 70px !important } .mtn5 { margin-top: -5px !important } .mtn10 { margin-top: -10px !important } .mtn15 { margin-top: -15px !important } .mtn20 { margin-top: -20px !important } .mtn30 { margin-top: -30px !important } .mrn5 { margin-right: -5px !important } .mrn10 { margin-right: -10px !important } .mrn15 { margin-right: -15px !important } .mrn20 { margin-right: -20px !important } .mrn30 { margin-right: -30px !important } .mbn5 { margin-bottom: -5px !important } .mbn10 { margin-bottom: -10px !important } .mbn15 { margin-bottom: -15px !important } .mbn20 { margin-bottom: -20px !important } .mbn30 { margin-bottom: -30px !important } .mln5 { margin-left: -5px !important } .mln10 { margin-left: -10px !important } .mln15 { margin-left: -15px !important } .mln20 { margin-left: -20px !important } .mln30 { margin-left: -30px !important } .mvn5 { margin-top: -5px !important; margin-bottom: -5px !important } .mvn10 { margin-top: -10px !important; margin-bottom: -10px !important } .mvn15 { margin-top: -15px !important; margin-bottom: -15px !important } .mvn20 { margin-top: -20px !important; margin-bottom: -20px !important } .mvn30 { margin-top: -30px !important; margin-bottom: -30px !important } .mhn5 { margin-left: -5px !important; margin-right: -5px !important } .mhn10 { margin-left: -10px !important; margin-right: -10px !important } .mhn15 { margin-left: -15px !important; margin-right: -15px !important } .mhn20 { margin-left: -20px !important; margin-right: -20px !important } .mhn30 { margin-left: -30px !important; margin-right: -30px !important }
#overlay {	    color: #fff; font-size: 28px; text-align: center; padding-top: 30%;display:none;	background-color: #000;	background-image: url(../images/load.gif);	background-repeat: no-repeat;	background-position: center center;	height:100%;	width:100%;	position:fixed;	left:0;	top:0;	z-index:9999 !important;	filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75;  }
#ntUserLoginnerOverlay {color: #fff; font-size: 28px; text-align: center; padding-top: 20%;display:none;	background-color: #000;	 	background-repeat: no-repeat;	background-position: center center;	height:100%;	width:100%;	position:fixed;	left:0;	top:0;	z-index:9999 !important;	filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75;  }
#ntCommenterOverlay {	color: #fff; font-size: 28px; text-align: center; padding-top: 20%;display:none;	background-color: #000;	 	background-repeat: no-repeat;	background-position: center center;	height:100%;	width:100%;	position:fixed;	left:0;	top:0;	z-index:9999 !important;	filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75;  }
#ntTicketerOverlay {	color: #fff; font-size: 28px; text-align: center; padding-top: 20%;display:none;	background-color: #000;	 	background-repeat: no-repeat;	background-position: center center;	height:100%;	width:100%;	position:fixed;	left:0;	top:0;	z-index:9999 !important;	filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75;  }
#ntPayOverlay {	color: #fff; font-size: 28px; text-align: center; padding-top: 20%;display:none;	background-color: #000;	 	background-repeat: no-repeat;	background-position: center center;	height:100%;	width:100%;	position:fixed;	left:0;	top:0;	z-index:9999 !important;	filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75;  }
#sideoverlay {	    color: #fff; font-size: 28px; text-align: center; padding-top: 20%;display:none;	background-color: #000;  	height:100%;	width:100%;	position:fixed;	left:0;	top:0;	z-index:99 !important;	filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75;  }

.btn { border:none;}

.form-control.fc2{ padding:0; text-align: center;    min-width: 30px;}
.uyelikFormlar {display: none;}
.bg-white {background: #fff}
.bg-white-s {background: #fff;    border: 1px solid #E9E9E9;display: block;-webkit-box-shadow: 0 1px 4px #E9E9E9;box-shadow: 0 1px 4px #E9E9E9;}

.lightScroll::-webkit-scrollbar-track { /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ background-color: #F4F4F4; }
.lightScroll::-webkit-scrollbar { width: 5px; background-color: #F4F4F4; }
.lightScroll::-webkit-scrollbar-thumb { background-color: #A7A7A7; }

.breadcrumb {padding: 10px 5px;background-color: transparent;border: none;margin: 5px 0px;font-size: 12px; text-transform: uppercase;}
.breadcrumb li.active { color: #1d1d1d;}
.breadcrumb li a { color: #1d1d1d;}
.breadcrumb li a:hover { color: #000; text-decoration: none;}

.top-bar { text-align: right;padding: 10px 0;}
.campaign {background: #3c2313;color: #fff;text-align: center;padding: 13px;font-size: 11px;font-weight: 400;}
.socialBG {background: #fff;border-bottom: 2px solid #F7F7F7;}
.share-whatsapp {padding: 10px 5px}
.share-whatsapp a {color: #111}
.share-whatsapp a .fa {font-size: 22px;  color: #000;   vertical-align: top;}
.share-whatsapp a:hover .fa {   color: #0DC143; }
.share-whatsapp a span {color: #0321A4; font-weight: 700}

.color-whatsapp {color: #0DC143; }

.top-bar-sosyal-medya { width: 100% }
.top-bar-sosyal-medya li { list-style: none; float: right;  padding: 0px; margin:0px}

.top-bar-sosyal-medya li a { display: block !important; width: 100%; height:100%; color: #888888; border-left:1px solid #EAEAEA; padding: 8px 13px; margin: 0px; font-size: 14px; font-weight: 300;}
.top-bar-sosyal-medya li a:hover,.top-bar-sosyal-medya li a.active { text-decoration: none; background-color: #3c2313; color: #fff; }

/*.top-bar-twitter { background-color: #00aced !important;}*/
.top-bar-twitter:hover {
    background-color: #0594ca !important;
}

/*.top-bar-facebook { background-color: #3a589b !important;}*/
.top-bar-facebook:hover {
    background-color: #263c6d !important;
}

/*.top-bar-youtube { background-color: #ee1c1b !important;}*/
.top-bar-youtube:hover {
    background-color: #c91c1b !important;
}

/*.top-bar-whatsapp { background-color: #0DC143 !important;}*/
.top-bar-whatsapp:hover {
    background-color: #0DC143 !important;
}
/*.top-bar-instagram{ background-color: #833AB4 !important;}*/
.top-bar-instagram:hover {
    background-color: #C13584 !important;
}

.fastContact { float: left; line-height: 40px; }
.fastContact span {  margin-right: 10px; }
.headerButtons {padding: 7px 0 0 0; white-space: nowrap }

#top-search-box{ }
#top-search-box{ padding: 3px; border: solid 1px #f1f1f1;  border-radius:5px;background-color: #a97c50; }
#top-search-box input{ border: 0; font-size:12px; box-shadow: none;    background-color: #fff; }
#top-search-box button{ margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #666666; padding: 0 8px 0 10px; border-left: solid 1px #ccc; }
#top-search-box button:hover{ border: 0; box-shadow: none; border-left: solid 1px #ccc; }
#top-search-box .fa-search {font-size: 23px;color: #ffffff82;}
#top-search-box button:hover .fa-search {color: #ffffff;}
.btn-login {  color: #111;  text-align: center; background:#fff url("../images/btn-login.png") no-repeat top center; padding: 30px 10px 10px 10px; letter-spacing: -1px;}
.btn-login:hover { background:#fff url("../images/btn-login.png") no-repeat center 5px ;  text-decoration: none; color: #000;}

.btn-basket {  color: #111;  text-align: center; background:#fff url("../images/btn-basket.png") no-repeat top center; padding: 30px 10px 10px 10px;  }
.btn-basket:hover { background:#fff url("../images/btn-basket.png") no-repeat center 5px ;  text-decoration: none; color: #000;}

.uyelikMobile {display: none;}
.uyelik {float: left; padding: 0px; margin: 3px; }
.uyelik li { list-style: none; float: left; margin: 0px 0px 0px 10px; padding:5px 0px; }
.uyelik li a { line-height: 25px; font-size: 14px; font-weight: 300; color: #111; padding: 10px; -moz-border-radius: 5px 5px 5px 5px !important;-webkit-border-radius: 5px 5px 5px 5px !important; border-radius: 5px 5px 5px 5px !important;}
.uyelik li a:hover { text-decoration: none; background-color: #fff;  }
.uyelik li a i { padding-right: 5px; }
.uyelik .badge {background: #ff0057;color: #ffffff;}

.bayi-dropdown-holder { background-color: transparent !important; z-index: 101; padding: 0px;}
.bayi-dropdown-holder:hover, .bayi-dropdown-holder:focus { background-color: transparent !important; text-decoration: none;}
.btn-bayi-dropdown { z-index: 1000;background-color:inherit !important;  -moz-border-radius: 5px 5px 0px 0px !important;-webkit-border-radius: 5px 5px 0px 0px !important; border-radius: 5px 5px 0px 0px !important;}
.btn-bayi-dropdown>a:hover, .btn-bayi-dropdown>a:focus { text-decoration: none;  }
.bayi-dropdown {background-color: #FFFFFF;   margin-top: 0px; }
.bayi-dropdown li { width: 100% !important;  border-bottom: #f1f1f1 1px solid; margin: 0px !important; float: none !important; padding: 0px !important;}
.bayi-dropdown li a { color: #000000 !important; padding:5px 10px !important;}
.bayi-dropdown li a:hover, .bayi-dropdown li a:focus  { background-color: #f3f3f3 !important; text-decoration: none !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color:#FFFFFF !important;  }
.sg-active { color:#FFFFFF !important; background-color:#f3f3f3 !important; margin:0px !important; -moz-border-radius: 0px 5px 5px 0px !important;-webkit-border-radius: 0px 5px 5px 0px !important;border-radius: 0px 5px 5px 0px !important;}
.sg-active:hover { -moz-border-radius: 0px 5px 5px 0px !important;-webkit-border-radius: 0px 5px 5px 0px !important;border-radius: 0px 5px 5px 0px !important;}
.btn-success {color: #fff;background-color: #a97c50;border-color: #00332f;}
.btn-success:hover, .btn-success:focus , .btn-success:active  {color: #fff;background-color: #007066 !important;border-color: #00332f !important;}
.menuBG {background:#fff;    border-top: 1px solid #f1f1f1;   border-bottom: 1px solid #f1f1f1;}
.menu-holder { padding: 0px; margin: 0px; background-color: transparent; border: none; width: 100%; }
#main_navbar { background-color: transparent; border:none; margin: 0px;     min-height: 40px; z-index: 999; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#main_navbar.shadow { -moz-box-shadow: 0px 5px 10px -4px #000000; -webkit-box-shadow: 0px 5px 10px -4px #000000; box-shadow: 0px 5px 10px -4px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 5, direction = 180, color = '#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 180, Color = '#000000')";}

#main_navbar.navbar-fixed-top{}

.navbar-fast { margin: 15px 0 }
.navbar-fast > li  {   }
.navbar-fast > li > a {text-transform: uppercase;font-size: 10px;color: #868686 !important;border-left: 1px solid #a7a7a7 !important;padding: 0px 8px;line-height: 6px;}
.navbar-fast > li:first-child > a {border: none !important;}
.navbar-fast > li > a:hover { background: inherit;   color: #000 !important; }

.navbar-brand { padding:0px 0px 0px 15px; margin: 0px; z-index: 0;}
.navbar-neonturk { width: 100%}
.navbar-neonturk > li  {   }
.navbar-neonturk > li > a {text-transform: uppercase;font-size: 14px;background-color: #fff;color: #000000 !important;border-left: 1px solid #f3f3f3 !important;line-height: 50px;text-align: center;padding: 0 20px;font-weight: 600;}
.navbar-neonturk > li > a:hover {  background-color: #f1f1f1 !important ; color: #000 !important; }
.navbar-neonturk > li > a >i {   font-weight: 300 }
.navbar-toggle { color:#525252 !important; border:#f3f3f3 1px solid !important; background-color:#525252 !important; margin: 3px 5px 0 0;}
.navbar-toggle .icon-bar { color:#ffffff !important; border:#ffffff 1px solid; background-color:#f3f3f3;}
.navbar-collapse {  border:none;padding: 0;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #111  !important ; background-color: #E1E1E1; }

.dropdown-menu { background-color:#f3f3f3; border:none;}
.dropdown-menu li { color:#FFFFFF !important; border-bottom:#f3f3f3 1px solid; }
.dropdown-menu li:last-child { border-bottom:none;}
.dropdown-menu li a { color:#383838 !important; line-height:30px;  }
.dropdown-menu li a:hover, .dropdown-menu li a:focus { color:#111  !important ; background-color:#E1E1E1;}

.ucluKutuBanner {}
.ucluKutuBanner a {display: block; margin: 10px; border:1px solid #F4F4F4; border-radius: 5px;background: #fff;}
.ucluKutuBanner img {margin: 0 auto}
.ucluKutuBanner a .title {position: relative; background: #100F5C; text-align: center; color: #fff;font-size: 18px; font-weight: normal; height: 50px; line-height: 50px;  border-radius: 0 0  5px 5px    }
.ucluKutuBanner a:hover .title {  background: #F6731D; }
.ucluKutuBanner a .title:after { content: ''; position: absolute; border-style: solid; border-width: 0 14px 11px; border-color: #100F5C transparent; display: block; width: 0; z-index: -1; top: 0px; left: 50%; margin-left: -14px; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.ucluKutuBanner a:hover .title:after { top: -11px;z-index: 9;border-color: #F6731D transparent; }

.altiliKutuBanner *{transition: all .2s linear;-webkit-transition: all .2s linear;}
.altiliKutuBanner {padding: 15px 0}
.altiliKutuBanner a{ padding: 15px;background: #fff; color: #000; border:1px solid #E9E9E9; display: block; -webkit-box-shadow: 0 1px 4px #E9E9E9; box-shadow: 0 1px 4px #E9E9E9;}
.altiliKutuBanner a img{margin: 0 auto}
.altiliKutuBanner a .title {font-size: 18px;margin: 0;padding: 30px 15px 0 0;max-width: 150px;}
.altiliKutuBanner a:hover {  -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0);   -webkit-box-shadow: 0 1px 4px #ddd; box-shadow: 0 1px 4px #ddd;   }

.titleWR {background: #fff;padding: 0 15px;-webkit-box-shadow: 0 1px 4px #E9E9E9;box-shadow: 0 1px 4px #E9E9E9;}
.titleWR .title {color: #000;line-height: 65px;font-size: 20px;text-align: center;font-weight: 700;}
.titleWR  img {   float: left; height: 75px; width: 75px; margin-right: 10px  }
.titleWR .all { color:#111; line-height: 75px; font-size:14px; float: right;background: #E3E3E3; padding: 0  15px; border-radius: 0 5px 5px 0 }
.titleWR .all:hover { color:#111;  background: #d9d9d9; }
.titleWR:before { display: table; content: " "; } .titleWR:after { clear: both; display: table; content: " "; }
.titleWR.dark {background: #565C6A;}
.titleWR.dark .title {color: #fff;}

.nav-tabs.homeTabs { border:none; }
.nav-tabs.homeTabs>li>a { position: relative; color: #111; margin: 0; line-height: 55px; border: none; border-radius: 0; border-right: 1px solid #ccc;; }
.nav-tabs.homeTabs>li.active>a, .nav-tabs.homeTabs>li.active>a:focus, .nav-tabs.homeTabs>li.active>a:hover { color: #000; cursor: default; background-color: #e0e0e2; border: none; border-right: 1px solid #ccc;; }
.nav-tabs.homeTabs>li> a:after {bottom: 0px; left: 50%; margin-left: -14px; content: ''; position: absolute; border-style: solid; border-width: 12px 12px 0;  border-color: #EBEBED transparent; display: block; width: 0; z-index: -1;  -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.nav-tabs.homeTabs>li.active> a:after {bottom: -11px;z-index: 9; border-color: #e0e0e2 transparent; }

.sg-foto-galeri-list{padding:0;margin:0}
.sg-foto-galeri-list li{list-style:none;float:left;margin:5px 10px 5px 0;padding:0;width:260px;overflow:hidden;position:relative}
.sg-foto-galeri-list li span{padding:10px 0;margin:0;font-size:11px;color:#727272;height:15px;overflow:hidden}
.sg-foto-galeri-list li h2{padding:0;margin:0;font-size:14px;    height: 37px;    overflow: hidden;    padding-top: 5px;}
.sg-foto-galeri-list li h4{font-size:14px;height:30px;overflow:hidden}
.sg-foto-galeri-list li img{-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}
.sg-foto-galeri-list li:nth-child(3n+0){margin:5px 0}
.sg-foto-galeri-hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;left:0;top:0;background-color:rgba(43,195,230,0.90);width:100%;height:100%;-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;padding:20px;text-align:center;vertical-align:middle;color:#FFF;font-size:16px;display:none}
.sg-foto-galeri-hovered{display:inline!important}

.urunCaroWR {}
.urunCaroWR .urunItem { float: left; background: #fff;  border:1px solid #F4F4F4;margin: 15px; position: relative;overflow: hidden; border-radius: 5px }
.urunCaroWR .urunItem .urun-adi {font-size: 16px; font-weight: bold; text-align: center;   padding: 15px 10px; color:#2c3e50;    height: 60px;    overflow: hidden; }
.urunCaroWR .urunItem .urun-fiyati { border-top:1px solid #F4F4F4; height: 80px;padding: 10px 0;position: relative}
.urunCaroWR .urunItem .urun-fiyati .yuzde { position: absolute; right: -110px; bottom: 80px; background: #ffffff; height: 70px; width: 100px; border-radius: 5px 0 0 5px; text-align: center; color: #f6731d; padding: 17px; font-size: 14px; line-height: 15px; box-shadow: -2px 2px; border: 1px solid #ccc; }
.urunCaroWR .urunItem .urun-fiyati .yuzde span { font-size: 30px}
.urunCaroWR .urunItem .urun-fiyati .satisfiyat   {  text-align: right; color: #000; font-size: 22px; font-weight: bold;white-space: nowrap;letter-spacing: -1px;}
.urunCaroWR .urunItem .urun-fiyati .listefiyat   { text-align: right; color: #FC0016; text-decoration: line-through; margin-top: 5px}
.urunCaroWR .urunItem:hover   { border:1px solid #ccc; }
.urunCaroWR .urunItem:hover  .yuzde{ float: left; right: -1px;}
.urunCaroWR .urunItem .btn-caro-sepete-ekle { border-radius: 5px; border: 1px solid #EDEDED; background: #FAFAFA; color: #111; height: 60px; line-height: 16px; font-size: 12px; }
.urunCaroWR .urunItem .btn-caro-sepete-ekle .fa{  display: block; font-size: 16px;margin: 5px; }
.urunCaroWR .urunItem .btn-caro-sepete-ekle:hover { border: 1px solid #fe7e00; background: #FAFAFA; color: #fe7e00; }

.productItem {font-size:12px;background: #fff;color: #323433;font-weight: 400;border: 1px solid #E9E9E9;display: block;-webkit-box-shadow: 0 1px 4px #E9E9E9;box-shadow: 0 1px 4px #E9E9E9;}
.productItem:hover {  -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0);   -webkit-box-shadow: 0 1px 4px #ddd; box-shadow: 0 1px 4px #ddd;   }
.productItem .desc {height: 50px;padding: 0;margin: 20px 0;overflow: hidden;}
.productItem .list {font-weight: 400;color: #848484;text-decoration: line-through;}
.productItem .sale {color: #ff0057;font-size: 18px;}
.productItem .img img {margin: 0 auto}

.catHeader { border-bottom: 1px solid #eee; margin-bottom: 15px; padding: 15px;background: #fff; }
.catHeader h1 { font-size: 24px; margin: 0;  line-height: 30px; }

/* BLOCKS*/
.blocksWR {}
.blocksWR .img-responsive{margin: 0 auto}
.detailBlocksWR .img-responsive{margin: 0 auto}
/*sideBlock*/
.sideBlock { width: 25%;  padding : 15px; padding-top: 0; float: left; position: relative; min-height: 1px; }
.sideBlock { -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.sideCatNav { background:#fff;   padding: 15px 5px ; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 15px; }
.sideCatNav ul { margin: 0;  padding: 0; list-style: none; }
.sideCatNav a {color :#111;  line-height: 26px }
.sideCatNav a.active {    font-weight: bold;}
.sideCatNav a span {color : #444444; font-weight: 500; font-size: 10px; font-size: 11px}
.sideCatNav ul#sideCatNavList {margin: 2px 0; margin-left: 10px !important; font-size: 15px; font-weight: 700; background: url("../images/menu-arrow.png") no-repeat left bottom;padding-bottom: 10px }
.sideCatNav ul#sideCatNavList ul {margin-left: 10px !important;   }
.sideCatNav ul#sideSubCatNavList {   padding: 0px 0px 10px 15px; font-size: 13px; font-weight: 500;height: auto; max-height: 300px; overflow-y: auto }

.sideMapsSearchBox {border : 1px solid #EDEDED;border-radius: 5px; padding: 8px  ; margin-bottom: 15px;  text-align: center;}
.sideMapsSearchBox .info {color :#F75B24; font-size: 12px; font-weight: 700}

.sideFiltersList {border : 1px solid #F5F5F5; background:#fff;  padding: 8px  ; margin-bottom: 15px; }
.sideFiltersList .form-control {border-radius: 0;margin-bottom: 15px;box-shadow: none;padding: 20px 10px;}
.sideFiltersList .input-group .form-control {border-radius: 0;    margin-bottom: 0px;}
.sideFilter  {border-bottom : 1px solid #EDEDED;}
.sideFilter .sideFilterCollapse {color:#040523; font-weight: 700; background: url("../images/collapse.png") right 10px no-repeat;display: block; height: 40px; line-height: 40px }
.sideFilter .sideFilterCollapse.collapsed {  background: url("../images/collapse.png") right -20px no-repeat;  }
.sideFilter .content {padding-bottom: 0px}
.sideFilter .sideFilterCheck label {margin: 2px;padding: 5px;background: #f5f5f5;display: block;color: #616161;font-weight: 600;}
.sideBlockToggleButton { display: none; position: fixed;bottom: 30px; border-radius: 100%; background:#111 url("../images/sideToggle.png") top center no-repeat ; width: 80px; height: 80px;  color: #fff; z-index: 101; cursor: pointer; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.5); -ms-box-shadow: 0 5px 10px rgba(0,0,0,.5); -o-box-shadow: 0 5px 10px rgba(0,0,0,.5); box-shadow: 0 5px 10px rgba(0,0,0,.5); }
.sideBlockToggleButton.active { background: #000 url("../images/sideToggle.png") bottom center no-repeat ; }

#sideoverlay {display: none}
.centerBlock { width: 75%; padding-right: 15px; padding-left: 15px; float: right; position: relative; min-height: 1px; }

.searchResultsHeader{}
.searchResultsHeader ul#viewType{list-style: none;   }
.searchResultsHeader ul#viewType li{  float: left;  }
.searchResultsHeader ul#viewType a{    display: block; font-weight: 700;   margin: 5px 10px; color:#666;  }
.searchResultsHeader ul#viewType a:hover,.searchResultsHeader ul#viewType a.active{   color:#FA9F1B;  }

.searchResultsBody {margin:  0; position: relative}
.searchResultsBody .orderAndListSelect { position: absolute; right: 20px; top: 7px; width: 300px; }
.searchResultsBody .panel-body { padding: 15px 5px; }
.searchResultsBody .panel-body { padding: 15px 5px; }

.seachBoxFilterWR ul { margin:0; padding: 0  0px; }
.seachBoxFilterWR ul li { border-radius: 16px; display: inline-block; padding: 4px; background-color: #eee; margin: 5px;  float: left; -moz-border-radius: 16px; -o-border-radius: 16px; -webkit-border-radius: 16px; -ms-webkit-radius: 16px; zoom: 1; }
.seachBoxFilterWR ul li a {  color: #888;  line-height: 23px; border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; -ms-webkit-radius: 100%; zoom: 1; width: 24px; height: 24px; background-color: #FFF; text-align: center; position: relative; float: left; display: inline-block; margin-right: 5px; margin-top: 0; }
.seachBoxFilterWR ul li a:before { display: inline-block; color: #484848; font-size: 8px; position: absolute; left: 8px; top: 8px; zoom: 1; }
.seachBoxFilterWR ul li a:hover {background: #F6731D; color: #fff;}
.seachBoxFilterWR ul li .filter-content { display: inline-block; width: auto; font-family: Helvetica,Roboto,Arial,sans-serif; float: left; }
.seachBoxFilterWR ul li .filter-content span { font-size: 12px; margin: 0 20px 0 0; padding: 0; display: block; width: 100%; height: auto; color: #484848; line-height: 1; }
.seachBoxFilterWR ul li .filter-content span.brand { font-size: 11px; color: #999; }
.seachBoxFilterWR ul li.removeAllFilters { background: #F6731D; }
.seachBoxFilterWR ul li.removeAllFilters .filter-content span {  color: #f5f5f5; }
.seachBoxFilterWR ul li.removeAllFilters .filter-content span.brand { font-size: 11px; color: #fff; }

.customCheck input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.customCheck input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.customCheck input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.customCheck input[type=checkbox] + label:before { letter-spacing: 10px;    vertical-align: middle;font-size: 16px; } /* space between checkbox and label */
.customCheck input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
.customCheck input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */
.customCheck label { background: #fff !important; color: #3F5D81 !important; border: 1px solid #D1D1D1; border-radius: 5px; font-size: 12px; margin: 0; padding: 11px; width: 100%; line-height: 21px; }

.customListCheck { background: #fff !important;  border:1px solid #D1D1D1; border-radius:   5px ; padding: 7px; min-height: 235px; margin-bottom: 10px }
.customListCheck label {display:  block}

.productDetailBigBtn {display: block;padding: 20px 10px;background: #ececec;color: #64b161 !important;font-size: 22px;font-weight: 700; /* height: 73px; */}
.productDetailBigBtn img {float: left;margin: -10px 10px;}
.productDetailBigBtn span {color: #111;font-size: 14px;font-weight: 600;display: block;}

.table-sepet    { font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif }
.table-sepet .listefiyat   { color: #5e5e62; text-decoration: line-through;font-size: 11px }
.table-sepet .satisfiyat   { color: #ff0057; font-size: 14px}

#altUrunlerWR .listefiyat   { color: #5e5e62; text-decoration: line-through;font-size: 11px }
#altUrunlerWR .satisfiyat   { color: #ff0057; font-size: 14px}

.fiyatBaslik { font-size: 24px; margin: 0; padding: 0 0 15px; border-bottom: 1px solid #808083; }

.urun-buyutec {color:#808083; position: absolute;bottom: 20px;  right: 20px;    font-size: 22px;}
.urun-buyutec:hover {color: #F08D00}

.btn-hemen-al { background-color: #f3f3f3; color: #ffffff;}
.btn-hemen-al:hover { background-color: #c81319;  text-decoration: none; color: #ffffff;}

.btn-sepete-ekle { background-color: #bebebe; color: #ffffff; margin-left: 5px;}
.btn-sepete-ekle:hover { background-color: #a09f9f;  text-decoration: none; color: #ffffff;}

.btn-siparis-ver { background-color: #f3f3f3; color: #ffffff; font-size: 16px; font-weight: 300; text-align: left; padding: 10px 20px;}
.btn-siparis-ver:hover { background-color: #c81319;  text-decoration: none; color: #ffffff;}

.btn-urun-detay-sepete-ekle {background-color: #3A3D45;margin: 5px 0px;width: 100%;color: #ffffff;font-size: 16px;font-weight: 500;text-align: center;height: 60px;line-height: 44px;}
.btn-urun-detay-sepete-ekle:hover { background-color: #111;  text-decoration: none; color: #ffffff;}
.btn-urun-detay-sepete-ekle:focus { background-color: #111;  text-decoration: none; color: #ffffff;}

.btn-urun-detay-sepete-ekle2 {background-color: #3A3D45;margin: 5px 0px;width: 100%;color: #ffffff;font-size: 12px;font-weight: 500;text-align: center;height: 35px;line-height: 22px;}
.btn-urun-detay-sepete-ekle2:hover { background-color: #111;  text-decoration: none; color: #ffffff;}
.btn-urun-detay-sepete-ekle2:focus { background-color: #111;  text-decoration: none; color: #ffffff;}

.btn-urun-detay-hemen-al { background-color: #a97c50; margin: 5px 0px ; width: 100%;  color: #ffffff; font-size: 14px; font-weight: 500; text-align: center; height: 45px; line-height: 32px;}
.btn-urun-detay-hemen-al:hover { background-color: #000;  text-decoration: none; color: #ffffff;}

.btn-nt2 { background-color: #353535; margin: 0px 5px 5px 0px; height: 40px; width: 100%; line-height: 25px; color: #fff; border: #fff 1px solid; font-weight: 700; }
.btn-nt2:hover, .btn-nt2:focus { background-color: #000; text-decoration: none; color: #fff; border: #111 1px solid; }

.btn-gri { background-color: #cbcbcb; margin: 0px 5px 5px 0px; color: #000000; font-size: 14px; font-weight: 300; text-align: left;}
.btn-gri:hover { background-color: #A7A7A7;  text-decoration: none; color: #ffffff; }
.btn-gri:focus { background-color: #A7A7A7;  text-decoration: none; color: #ffffff; }

.btn-siyah { background-color: #000000; margin: 0px 5px 5px 0px; color: #ffffff; font-size: 14px; font-weight: 300; text-align: left;}
.btn-siyah:hover { background-color: #A7A7A7;  text-decoration: none; color: #ffffff; }
.btn-siyah:focus { background-color: #A7A7A7;  text-decoration: none; color: #ffffff; }

.btn-beyaz { background-color: #ffffff; margin: 0px 5px 5px 0px; color: #a7a7a7; border: #ebebeb 1px solid; font-weight: 300; text-align: left;}
.btn-beyaz:hover { background-color: #ebebeb;  text-decoration: none; color: #ffffff; }
.btn-beyaz:focus { background-color: #ebebeb;  text-decoration: none; color: #ffffff; }

.btn-info {color: #fff;background-color: #505050;border:none !important;}
.btn-info:hover,.btn-info:active {background-color: #393939;}

.dortluKutuCaro {background:#000 ; padding:  0px 0; margin-top: 50px;position: relative}
.dortluKutu {display: block; background:#000 ; color: #f5f5f5; position: relative; padding: 13px 78px 20px 70px;  height: 70px; }
.dortluKutu:hover {  color: #fff;   }
.dortluKutu img {position: absolute; left: 5px;top: 10px;}
.dortluKutu .title {display: inline-block; font-size: 16px  }
.dortluKutubanner {  padding: 20px 0; margin-top: 20px;}

.markalarCaro {  padding: 30px 0;margin-top: 30px; }
.markalarCaro .marka { display: block; padding:2px; margin: 5px; border: 1px solid #EBEBEB;border-radius: 5px  }
.markalarCaro .marka:hover {   border: 1px solid #d5d5d5;  }

.gecerliKartlarWR { background: #ECEDEE; }
.gecerliKartlar {   padding: 20px 0; }

.other-title {margin: 15px 0 5px 0}
.footerSocialWR{background:#fff;border-top:1px solid #EBEBEB;padding:20px 0;text-align:center}
.footerSocial li{display:inline-block;list-style:none}
.footerSocialWR .footerSocial-title{display:inline-block;line-height:55px;font-size:18px;padding:0 20px}
.footerSocial{display:inline-block;margin:0;padding:0}
.footerSocial a{display:inline-block;width:40px;height:40px;line-height:40px!important;text-align:center;background:#fff;border:1px solid #EBEBEB;margin:4px 4px 4px 0;font-size:20px}
.footerSocial a:hover{color:#fff !important;}
.footer{background-color:#fff;padding:0;color:#111;font-size:12px;margin-top:50px}
.footer-title{text-transform:uppercase;font-size:12px;margin:17px 0 8px;border-bottom:1px solid #ccc;padding-bottom:6px;white-space:nowrap;font-weight:700;color:#525252}
.footer ul{padding:0;margin:0}
.footer ul li{list-style:none;padding:0;margin:0}
.footer ul li a{font-weight:500;color:#828282;line-height:18px}
.footer ul li a:hover{text-decoration:none;color:#000}
.footer-2{background-color:#fff;padding:30px 0; color:#111;font-size:13px}
.footer .whatsapp{font-size:22px}
.top-bottom-border {border-top:1px solid #EBEBEB ;border-bottom:1px solid #EBEBEB ;}

.footerAddress {display: block;padding: 7px 5px;font-size: 12px;color: #3c3c3c;}
.footerAddress:hover {padding-left:8px;color: #000;}
.footerAddress .fa {margin-right: 10px;font-size: 18px;float: left;}

.sag-blok { padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; }
.sag-blok h1 { color: #1d1d1d; font-size: 26px; font-weight: 300; padding: 0px 0px 10px 0px; margin: 0px; border-bottom: #f1f1f1 1px solid;}
.sag-blok h2 { color: #1d1d1d; font-size: 18px; padding: 0px 0px 10px 0px; margin:10px 0px; border-bottom: #f1f1f1 1px solid;}

.address {list-style: none;padding: 0; margin: 0}
.address li{margin-bottom: 5px; }
.address li span{display: inline-block; width: 100px;background: #f5f5f5; padding: 10px}

.table-custom thead { background-color: #000000; color: #ffffff; -moz-border-radius: 5px 5px 5px 5px !important;-webkit-border-radius: 5px 5px 5px 5px !important; border-radius: 5px 5px 5px 5px !important; padding: 20px !important; margin-bottom: 10px !important;}
.table-custom thead tr th { padding: 10px !important; font-size: 13px; font-weight: 300;}
.table-custom tbody tr td { font-size: 12px; font-weight: 300; vertical-align: middle;}
.tablo-satir-boslugu { height: 10px; background-color: #ffffff;}

.bayi-sepete-ekle { font-size: 32px; color: #000000;}
.bayi-sepete-ekle:hover { color: #f3f3f3; text-decoration: none;}

.pagination  a.btn-default { margin-left: 5px; color: #a4a9ae; background-color: #FFF; border:none !important;  }
.pagination   a:focus, .pagination   a:hover { color: #000000; background-color: #f3f3f3; border:none; }
.pagination  a.btn-info { color: #fff; background-color: #3d3d3d; }

.modal-backdrop {background-color:rgba(0,0,0,0.98) !important;}
.modal-title {font-size: 24px;  padding-right: 50px;}
.modal-header .close {margin-top: -2px;color: #f00;}
.ms-showcase2-template { max-width: 720px; margin: 0 auto; }
.ms-thumb-frame { box-sizing: border-box; border: 1px solid #ccc; }
.ms-slide .ms-slide-bgcont { box-sizing: border-box; border: 1px solid #F4F4F4; }
.productTitle { border-bottom: 1px solid #EDEDED; margin: 0px 0px 20px; padding: 10px 0; }

.hariciTabButon a {color : #444444;}

.btn-productDetail { height: 80px; overflow:hidden;width: 100%; background-color: #fff; color: #111;border:#f1f1f1 1px solid;  white-space: normal; font-size: 12px; font-weight: 300; text-align: center; padding: 10px 15px;}
.btn-productDetail .fa {   color: #111;   font-size: 30px; font-weight: 300; display: block }
.btn-productDetail:hover { background-color: #fafafa;  text-decoration: none; color: #111;}
.btn-productDetail:hover .fa{color: #ED6F1C;}

.productPriceAndDetail {margin-bottom: 15px}
.productPriceAndDetail .sale-price {font-size: 40px;   white-space: nowrap; font-weight: bold;letter-spacing: -2px;color: #3c2313; }
.productPriceAndDetail .list-price {font-size: 20px;   white-space: nowrap; font-weight: bold;color: #ccc;  text-decoration: line-through;height: 18px;padding-left: 5px;}
.productPriceAndDetail .periodInfo {font-size: 12px;   color: #005AAC;   }
.productPriceAndDetail .discount {font-size: 14px;white-space: nowrap;color: #ffffff;padding: 20px 15px 25px;line-height: 20px;background: #e92563;}
.productPriceAndDetail .discount .percent {font-size: 32px; display: block; margin-top: 5px  }
.productPriceAndDetail hr {  margin-top: 17px;  margin-bottom: 17px;  }

.urun-detay-fiyat-listesi { padding:10px 0px 0px 0px; margin: 0px; border-top: #f1f1f1 1px solid; border-bottom: #f1f1f1 1px solid; width: 100%; height: 70px;}
.urun-detay-fiyat-listesi li { list-style: none; float: left; padding: 0px; width: 50%;}
.urun-detay-fiyat-listesi li.bayi { color: #ff0000;}
.urun-detay-fiyat-listesi li span { display: block; font-size: 24px; font-weight: bold;}
.urun-detay-adet {width: 100%;  margin: 5px 0px;  }
.urun-detay-adet .form-control {height: 60px;padding: 0;font-size: 20px;font-weight: bold;background: #fff;box-shadow: none;}
.urun-detay-adet .btn {height: 60px;background: #EEEEEE;font-size: 30px;color: #808080;}

.urun-detay-adet2 {width: 100%;  margin: 5px 0px;  }
.urun-detay-adet2 .form-control {height: 35px;padding: 0;font-size: 20px;font-weight: bold;background: #fff;box-shadow: none;}
.urun-detay-adet2 .btn {height: 35px;background: #EEEEEE;font-size: 22px;color: #808080;line-height: 22px;padding: 0 8px;}

.urun-detay-title { border:#f1f1f1 1px solid; background-color: #f5f5f5; padding: 10px; font-size: 18px; width: auto !important;}
.urun-detay-content { border: none; padding: 20px;}
.urun-detay-content iframe { width: 100% !important; height: 600px ; border-top: 1px solid #ccc;padding: 15px 0  }
.urun-detay-content img { width: auto !important; max-width: 100%; height: auto !important;  padding: 15px 0  }

.urunDetayTabs {border-bottom:1px solid #f3f3f3;background: #f1f1f1;}
.urunDetayTabs li {  }
.urunDetayTabs>li>a  { border-radius: 0;text-decoration: none; background-color: #FAFAFA; text-align: center; color: #353535; border:1px solid #F3F3F3; padding: 15px  20px ; text-transform: uppercase; position: relative; }
.urunDetayTabs li:last-child a {margin: 0;border-right: 1px solid #f3f3f3 !important;}
.urunDetayTabs>li.active>a,
.urunDetayTabs>li.active>a:focus,
.urunDetayTabs>li.active>a:hover { color: #000; cursor: default; background-color: #fff; border:1px solid #fff; }

/** tab: installment options **/
#product-tabs .installment-info{margin:10px 0 10px 50px;font-size:1.3rem;}
#product-tabs .installment-info li{list-style:disc !important;}
#product-tabs .table-installment{width:99%;}
#product-tabs .table-installment tr:first-child{border:0 none;}
#product-tabs .table-installment th,
#product-tabs .table-installment td{text-align:center;}
#product-tabs .table-installment tr th:nth-child(odd),
#product-tabs .table-installment tr td:nth-child(odd){border-right:1px solid #ddd;}
#product-tabs .table-installment tbody tr th{width:27px;}
#product-tabs .noborder th{border-top:0 none !important;border-bottom:0 none !important;}
#product-tabs .card{color:#fff;border-right:1px solid #ddd;}

#product-tabs .important-cell{border:#F00 2px solid !important;color:#111;font-weight:bold;}
#product-tabs .important-cell2{border:1px solid #333 !important;display:block;}

#product-tabs .card.turkiye-finans{background-color:#20ADC9;}
#product-tabs .card.advantage{background-color:#F77B00;}
#product-tabs .card.asyacard{background-color:#45C3D9;}
#product-tabs .card.paraf{background-color:#00DDFF;}
#product-tabs .card.axess{background-color:#EFA222;}
#product-tabs .card.maximum{background-color:#C12A72;}
#product-tabs .card.bonus{background-color:#9CC435;}
#product-tabs .card.cardfinans{background-color:#103993;}
#product-tabs .card.world{background-color:#650C6F;}

.haber-listesi { padding: 0px; margin: 0px;}
.haber-listesi li:first-child { margin: 10px 0px 10px 0px;}
.haber-listesi li { padding: 10px; margin: 0px 0px 10px 0px; list-style: none; width: 100%; border: #f1f1f1 1px solid; -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.haber-listesi li img { margin: 0px 10px 0px 0px; float: left;}
.haber-listesi li h2 { padding: 0px; margin: 0px; font-size: 21px; font-weight: 300; color: #0041a3; border-bottom: none; }
.haber-listesi li:hover { background-color: #f1f1f1; }
.haber-listesi li a:hover { text-decoration: none;  }
.haber-ozet { color: #000000; font-weight: 300; font-size: 13px; padding: 5px 0px;}

.form-mesaj-ara { width: 250px; }
.mesaj-buton-listesi { padding: 0px; margin: 0px;}
.mesaj-buton-listesi li { list-style: none; float: left; padding: 0px; margin: 0px;}
.yeni-mesaj>td { font-weight: bold !important; background-color: #EAFFEA;}

.datepicker-dropdown { background-color: #f1f1f1;}

.sg-iletisim-adres ul{padding:0;margin:0}
.sg-iletisim-adres ul li{list-style:none;padding:0;margin:0 0 5px}
.sg-iletisim-adres ul li span{font-weight:700;width:65px;display:inline-block}

.sag-blok-content-holder { font-weight: 300; font-size: 14px; padding: 10px 0px; line-height: 25px;}

.sepet-holder { padding:0px; margin:0px 0px 10px 0px; }
.sepet-holder h1 { color: #1d1d1d; font-size: 30px; font-weight: 300; padding: 0px 0px 10px 0px; margin: 0px; border-bottom: #DCDCDC  1px solid;}
.sepet-holder h2 { color: #333; font-size: 18px; padding: 0px 0px 10px 0px; margin:20px 0px; border-bottom: #DCDCDC  1px solid;}

.sepet-butonlar { padding:0px; margin:10px 0px;}
.sepet-butonlar li { padding:0px; margin:10px 10px 10px 0px; float: left; list-style: none;   }
.sepet-butonlar li a { background-color: #ebebeb; color: #000000; padding: 10px 15px; -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; position: relative;}
.sepet-butonlar li a:hover { background-color: #333333; color: #ffffff; text-decoration: none;}
.sepet-butonlar li a.active { background-color: #333333; color: #ffffff; text-decoration: none;}
.sepet-butonlar li a.active:after {    margin-left: -10px; left: 50%; top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 10px; margin-top: 0px; border-color: rgba(240, 36, 43, 0); border-top-color: #333333; }
#kartTaksitWR {padding: 15px;font-size: 12px;}
.sozlesmeKutusu {    border: #f1f1f1 1px solid; padding: 10px; overflow-y: scroll; height: 160px; margin-bottom: 15px; background: #f5f5f5; font-size: 12px;}
.table-sepet {background: #fff; border: #dadada  1px solid;padding: 10px 15px; margin-bottom: 10px;   -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;  }

.table-sepet table thead tr th {padding: 20px 10px !important;font-size: 13px;font-weight: 400;border-bottom: none;color: #000;}
.table-sepet table tbody tr td { font-size: 13px; font-weight: 300; vertical-align: middle;}

.sepet-toplam { float: right; padding: 0px; margin: 0px; width: 250px;}
.sepet-toplam li { -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; list-style: none; padding:0px; margin: 10px 0px; border: #f4f4f4 1px solid; line-height: 36px;}
.sepet-toplam li span { background-color: #ececec; display:inline-block; padding: 0px 0px 0px 10px; width: 100px; height: 100%; margin-right: 10px;}

.sepet-toplam.ozet { font-size: 12px;   padding: 0px; margin: 0px; width: auto;text-align: right;}
.sepet-toplam.ozet li { display: inline-block; margin-left: 5px;    padding-right: 7px;}
.sepet-toplam.ozet li span { width: auto;padding: 0 8px}

.kategori-banner-holder { background-position: center top; background-repeat: no-repeat; width: 100%; height: 200px; position: relative; background-color: #4E3760; }
.kategori-banner-holder h1 { font-size: 45px; padding: 0px; margin-top: 8%; color: #fff;    font-weight: 300; }

.urun-detay-tab-holder { margin-bottom: 10px;}
.urun-detay-holder {  }
.urun-detay-holder h1 {padding: 0px 0px 0px 0px;margin: 0px;font-size: 30px;font-size: 30px;color: #3e3e3e;font-weight: 600;text-transform: uppercase;}
.benzer-urunler-title { background-color: #ebebeb; font-size: 20px; -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 10px 20px; }

.login-title {color: #1d1d1d; font-size: 24px; font-weight: 300; padding: 0px 0px 10px 0px; margin: 0px; border-bottom: #f1f1f1 1px solid;}
.login-sol { min-height:340px; background-image: url("/images/login-bg.jpg"); background-repeat: no-repeat; background-size: cover; margin: 10px 0px 10px 0px; }
.login-sub-title { padding:50px 0 0 20px;  font-size: 20px;   border-bottom: #cacaca  1px solid; color: #ffffff;}
.login-detail { margin: 20px;  font-size: 18px; font-weight: 300; color: #ffffff;}
.login-sag {margin: 10px 0px 10px 0px;}

.sepet-bg { margin-bottom:10px;}
.sepet-bg-2 { margin-bottom:10px;}

.sepet-bg fieldset, .sepet-bg-2 fieldset { background-color: #f7f7f7; padding: 25px; border: #f1f1f1 1px solid; -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.sepet-bg legend, .sepet-bg-2 legend { background-color: #ebebeb; padding: 10px; border-bottom: #cccccc 1px solid; -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}

.custom-selectbox { width: 100%;}

.profilHomeMenu{list-style-type: none; padding:0; margin:0;}
.profilHomeMenu a{float: left; display: block; padding:20px; background-color: #fff; color: #000; margin:5px; height:130px; width:260px; font-size:20px; text-align: center; }
.profilHomeMenu a:hover{background-color: #f5f5f5;}
.profilHomeMenu .fa{display: block; font-size:40px; padding:0; margin:0;}

.formBlockWR {background-color: #f4f4f4; padding: 15px; display: none;}
.form-control,.btn { border-radius: 0; }
.badge { background-color: #ff0057; }
.fullBorder {border: 1px solid #ccc}

.myaccount {}
.myaccount h2 {margin: 0;    font-size: 18px;padding: 15px;background: #fff;border: 1px solid #E9E9E9;display: block;-webkit-box-shadow: 0 1px 4px #E9E9E9;box-shadow: 0 1px 4px #E9E9E9;margin-bottom: 15px;}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid #ddd;background: #fff;}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {background: transparent;}
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {content: close-quote;top: 30%;position: relative;border: solid rgba(0, 0, 0, 0);border-width: 15px 7px 15px 0px;display: block;border-right-color: #5a5a5a;width: 13px;height: 1px;}
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {border-width: 15px 0px 15px 7px;border-left-color: #5a5a5a;left: 7px;}
@media (max-width: 1199px) {
    .navbar-neonturk > li > a { font-size: 14px; }
    .navbar-collapse {      padding:0px !important; margin: 0px !important;}
    .navbar-collapse ul {   padding:0px !important; margin: 0px !important; }
    .navbar-collapse ul li.open { }
    .dortluKutu { padding: 13px 20px 20px 70px;   }

}
@media (max-width: 991px) {
    .searchResultsBody .orderAndListSelect { position: relative; top: 0; float: right; margin: 10px -5px; width: auto; }
    .sideBlockToggleButton { display: block;}
    .sideBlock { left:-600px; width: 30%; padding: 15px;  float: none; position: absolute; background: #fff; box-shadow: #000; z-index: 100 }
    .sideBlock { -webkit-box-shadow: 0px 0px 42px 4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 42px 4px rgba(0,0,0,0.75); box-shadow: 0px 0px 42px 4px rgba(0,0,0,0.75);}
    .sideBlock.toggleShow { left:0px; }
    .centerBlock { width: 100%; padding-right: 15px; padding-left: 15px; float: none; position: relative; min-height: 1px; }
    .navbar-neonturk > li > a {border-bottom: 1px solid #f3f3f3 !important;}
    #fix-robot2 {display: none}
}
@media (max-width: 767px) {
    .uyelikMobile {display: block;}
    .navbar-header {height: 42px;background: #f5f5f5;margin: 0 -15px;border-top: 1px solid #f3f3f3;}
    .navbar-neonturk > li { width: 100%; }
    .navbar-neonturk > li > a { font-size: 12px; text-align: left; padding: 10px ;    line-height: 20px;}
    .headerButtons { padding: 5px; }
    .titleWR { background: #EBEBED; padding: 0 ; margin: 15px 0 0; border-radius: 5px; }
    .titleWR .title { color: #000; line-height: 35px; font-size: 16px; float: left; }
    .titleWR .all { color: #111; line-height: 40px; font-size: 12px; float: right; background: #E3E3E3; padding: 0 7px; border-radius: 0 5px 5px 0; height: 40px; }
    .titleWR img { height: 40px;  width: 40px;  }
    .nav-tabs.homeTabs>li>a { padding: 2px 7px; line-height: 35px; }
    #fix-robot {display: none;}
    .sideBlock { width: 50%;}
    .catHeader h1 {font-size: 22px;margin: 15px 5px;}
    .urun-detay-content iframe {   height: 400px ; }
}
@media (max-width: 680px) {
    .sideBlock { width: 80%;}
    .dortluKutu {  padding: 13px 20px 20px 70px;  height: 45px;  }
    .dortluKutu img {  top: 0px;  }
    .dortluKutu .title {  font-size: 14px;  }
    .urun-detay-holder h1 {font-size: 16px;}
}
@media (max-width: 530px) {
    .sideBlock { width: 100%;}
    .hiddenCaption {display: none}
    .urun-listesi li { margin: 10px auto; float: none; }
    .home-list ul li { width: 100%;}
    .home-list ul li.home-list-sag { width: 100%;}
    .home-blok-title a { padding: 0px 5px;}
}