body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; text-shadow: 0 0 0 none;  font-weight:normal;}
html, body{margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:14px; background-color:#f5f5f5;}
body {position: relative; min-width:980px; overflow-y:scroll;background:#f5f5f5; background-repeat:no-repeat; background-position:top center; font-weight:normal;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0px none;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;margin: 0px;padding: 0px;line-height: 0px;}
q:before, q:after {}
abbr, acronym {border: 0px none;font-variant: normal}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, textarea, select {*font-size:100%;}
legend {color: #000;}
del, ins {text-decoration: none;}
a {text-decoration: none; -moz-outline-style:none; color:#333; outline: none; font-weight:normal;}
a:link {text-decoration: none; -moz-outline-style:none; color:#333; outline: none; font-weight:normal;}
a:hover {text-decoration: none; font-weight:normal; color:#DC0C16;}
a:active {outline: none;-moz-outline-style: none; font-weight:normal;}
a:focus {-moz-outline-style: none; font-weight:normal;}
object, input {outline: none;}
object, input {-moz-outline-style: none;}
.clr:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clr {@display: inline-block}
* html .clr {height: 1%;_height: auto;}
.clear:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clear {@display: inline-block}
* html .clear {height: 1%;_height: auto;}
.clearBoth {clear: both;}
.FL {float: left;}
.FR {float: right;}

.sect {min-width:980px; max-width:1200px; width:100%;}

.top_ani{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.scrolled{position:fixed; top:0px; z-index:10000; height:60px;}
.scrolled .logo{height:50px;padding-top:5px;}
.scrolled .search {margin-top:10px;}
.scrolled .cart {height:40px;}

.not_scrolled {height:100px;}
.not_scrolled .logo {padding-top:5px; height:90px;}
.not_scrolled .search {margin-top:30px;}
.not_scrolled .cart {height:65px;}

a.menu{height:50px; display:block; float:left; line-height:50px; font-size:13px; font-weight:600; padding:0 12px; margin:0; color:#fff; background-color:#0086AD;}
a.menu:hover{background-color:#005771; color:#fff;}

a.bottom_menu { color: #666666; text-decoration: none; font-weight:normal; font-size:13px; padding:0 0 0 0px; line-height:28px; display:block; }
a.bottom_menu:hover { color: #008C23; font-weight:normal;}

a.kat_ad { color: #666666; text-decoration: none; float:left; display:block; line-height:35px; font-weight:normal; font-size:13px; padding:0 0 0 0px;}
a.kat_ad:hover { color: #008C23; font-weight:normal;}

.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;background: #e5e5e5;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet-active {opacity: 1;background: #<%=opt_color%>;}

.field_title{color:#0086AD; font-size:14px;float:left; width:150px; line-height:25px;}

h1 {font-size:26px; line-height:33px; color:#FC9278; margin:20px 0;}


.rating{background:url(/images/rating.png);background-size:118px 380px!important;height:12px;width:70px;float:left;margin:1px 5px 0 0}
.ratingCont{clear:both;height:15px;text-align:left;overflow:hidden}
.ratingCont .ratingText{color:gray}
.ratingCont #readReviews{color:#06c}
.rating.r10{background-position:0 -14px}
.rating.r20{background-position:0 -28px}
.rating.r30{background-position:0 -42px}
.rating.r40{background-position:0 -56px}
.rating.r50{background-position:0 -70px}
.rating.r60{background-position:0 -84px}
.rating.r70{background-position:0 -98px}
.rating.r80{background-position:0 -112px}
.rating.r90{background-position:0 -126px}
.rating.r100{background-position:0 -140px}
.ratingCont.big{height:20px;text-align:left}
.big .rating{background-position:0 -160px;height:20px;width:118px}
.big .rating.r10{background-position:0 -180px}
.big .rating.r20{background-position:0 -200px}
.big .rating.r30{background-position:0 -220px}
.big .rating.r40{background-position:0 -240px}
.big .rating.r50{background-position:0 -260px}
.big .rating.r60{background-position:0 -280px}
.big .rating.r70{background-position:0 -300px}
.big .rating.r80{background-position:0 -320px}
.big .rating.r90{background-position:0 -340px}
.big .rating.r100{background-position:0 -360px}
.ratingText{float:left}
.ratingCont.black .rating{width:69px;background-image:url(../../img/layout/sprite-64.png?v=1505566465118);background-position:-406px -181px;background-size:auto!important}
.ratingCont.black .rating.r10{background-position:-406px -195px}
.ratingCont.black .rating.r20{background-position:-406px -209px}
.ratingCont.black .rating.r30{background-position:-406px -223px}
.ratingCont.black .rating.r40{background-position:-406px -237px}
.ratingCont.black .rating.r50{background-position:-406px -251px}
.ratingCont.black .rating.r60{background-position:-406px -265px}
.ratingCont.black .rating.r70{background-position:-406px -279px}
.ratingCont.black .rating.r80{background-position:-406px -293px}
.ratingCont.black .rating.r90{background-position:-406px -307px}
.ratingCont.black .rating.r100{background-position:-406px -321px}





.share_icon{width:25px; height:25px; background-color:#999; border-radius:3px;}
.share_icon:hover.sfb {background-color:#3B5998;}
.share_icon:hover.stw {background-color:#00ABF1;}
.share_icon:hover.sgp {background-color:#D0422A;}
.share_icon:hover.swa {background-color:#65BC54;}
.share_icon:hover.sem {background-color:#FF8000;}


.tab {width:178px; background-color:#ddd; border-top:3px solid #aaa; height:31px; line-height:31px; text-align:center; font-size:14px; font-weight:bold; color:#666;}
.tab_active {width:178px; background-color:#fff; border-top:4px solid #0086AD; height:31px; line-height:31px; text-align:center; font-size:14px; font-weight:bold; color:#000;}
.itab {padding:30px 20px;}

 #sortable {list-style-type: none; margin: 0; padding: 0; }
 #sortable li {float:left; width:120px; height:120px; border:1px solid #ccc; display:block; margin:0px 0px 20px 25px;}
 
 #contextual {line-height:30px;}
 #contextual p{line-height:30px; padding:0; margin:0 0 10px 0;}
 
 
.modal-overlay {display:none; width:100%; height:100%; position:fixed; z-index:1000; top:0; left:0; background-color:rgba(255,255,255,0.7);}
.modal-outer {display:none; width:100%; height:100%; position:absolute; z-index:1001; top:0; left:0; }
.modal-box {top:0; margin: 30px auto 0 auto; z-index:1000; width:520px; background-color: #fff; border-radius: 5px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);}
.btn {font-size: 14px; height:30px; line-height:30px; padding:0 5px; background-color: #fff;border: 1px solid #bbb;color: #333;border-radius: 4px;-webkit-transition: background-color 200ms ease;-moz-transition: background-color 200ms ease;transition: background-color 200ms ease;}
.btn:hover {background-color: #eee;-webkit-transition: background-color 200ms ease;-moz-transition: background-color 200ms ease;transition: background-color 200ms ease;}
.regform, .loginform {display: none; padding:10px 30px;}
.warning {width:100%; padding-left:8px; height:28px; display:none; line-height:28px; background-color:#FFEEEE; border:1px solid #FFC0CB; font-size: 12px; color: #AD271D; font-weight:500;}
.sekme {width:100px; text-align:center; background-color: #eee; color: #999; height: 40px; line-height: 41px; float: left; margin-top: 0px; display: block; cursor: pointer; border:1px solid #ccc;}
.aktif {background-color: #fff; color: #0086ad; border-bottom:1px solid #fff;}
.sekmeyazi {font-size:12px; color:inherit; font-weight:600; display:block;}
.reginput {width: 100% !important; padding: 0 5px !important; height: 30px; border: 1px solid #ccc; outline:none;}
.girisform span, .kayitform span {display: block; font-size: 13px; font-weight: 600; margin: 4px 0; color: #444;}

.regform_title{clear:both; height:30px; line-height:34px; font-size:12px;}
.regform_outer{clear:both; overflow:hidden; width:500px;}
.regform_innerl{float:left; width:220px; margin-right:20px;}
.regform_innerr{float:left; width:210px;}