.product-boxx{border:1px solid #ccc;margin-bottom:30px;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;}
.product-boxx img{width:100%;}
.product-boxx-resim{text-align:center;}
.product-boxx-baslik{text-align:center;padding:5px 10px;}
.product-boxx-baslik p{margin-bottom:0;}
.product-boxx-baslik p a{text-decoration:none;color:#000;}
.product-boxx-fiyat{text-align:center;padding:5px 10px;overflow:hidden;font-size:3.1rem;}
.product-boxx-fiyat span{display:inline-block;}
.product-boxx-fiyat-normal span:first-child{font-size:3.5rem;}
.product-boxx-fiyat-normal span:last-child{font-size:1.7rem;}
@media (max-width:768px){
.product-boxx-fiyat{padding:5px 2px;}
.product-boxx{padding:10px 3px;}
}

.product-boxx:hover{border:1px solid #5a5a5a80;}
.product-boxx-fiyat-normal{color:#5a5a5a;}


/*! CSS Used from: /assets/css/reset.css */
a,div,img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/*! CSS Used from: /assets/libs/bootstrap/dist/css/bootstrap.min.css */
*,::after,::before{box-sizing:border-box;}
a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;}
a:hover{color:#0056b3;text-decoration:underline;}
img{vertical-align:middle;border-style:none;}
.img-fluid{max-width:100%;height:auto;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-md-5,.col-md-6,.col-md-7{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width:768px){
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
img{page-break-inside:avoid;}
}
/*! CSS Used from: /assets/css/my_style.css */
.container-large{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.banner-genel{margin-bottom:30px;}
.banner-kutu{margin:20px 5px;}
.banner-kutu img{width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
@media (max-width:768px){
.container-large{max-width:570px;}
}
@media (min-width:768px){
.container-large{max-width:730px;}
}
@media (min-width:992px){
.container-large{max-width:950px;}
}
@media (min-width:1200px){
.container-large{max-width:1150px;}
}
@media (min-width:1600px){
.container-large{max-width:1540px;}
}


/*! CSS Used from: /assets/css/reset.css */
div,i,pre,span,strong{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/*! CSS Used from: /assets/libs/bootstrap/dist/css/bootstrap.min.css */
*,::after,::before{box-sizing:border-box;}
[tabindex="-1"]:focus{outline:0!important;}
strong{font-weight:bolder;}
pre{font-family:monospace,monospace;font-size:1em;}
pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar;}
input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
input{overflow:visible;}
pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
pre{display:block;font-size:87.5%;color:#212529;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}

@media (min-width:768px){

}
@media screen and (prefers-reduced-motion:reduce){
}
.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%;}
.position-relative{position:relative!important;}
.pl-0{padding-left:0!important;}
.my-auto{margin-top:auto!important;}
.my-auto{margin-bottom:auto!important;}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
pre{white-space:pre-wrap!important;}
pre{border:1px solid #adb5bd;page-break-inside:avoid;}
}
/*! CSS Used from: /assets/dist/css/icons/font-awesome/css/fontawesome-all.min.css */
.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-lock:before{content:"\f023";}
.fa-map-marker-alt:before{content:"\f3c5";}
.fa-percent:before{content:"\f295";}
.fa-smile:before{content:"\f118";}
.fa-street-view:before{content:"\f21d";}
.fa-truck:before{content:"\f0d1";}
.far{font-weight:400;}
.far,.fas{font-family:Font Awesome\ 5 Free;}
.fas{font-weight:900;}
/*! CSS Used from: /assets/css/my_style.css */
.container-large{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.buradanbaslayin{background:#fcfcfc;color:#000;border:1px solid #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:20px 10px;}
.custom_gps{float:left;position:absolute;z-index:1;top:7%;left:10px;font-size:1.5rem;color:#8b8b8b;}
.custom_search_input{padding:3px 45px!important;}
.ribbon {
  position: absolute;
left: 16px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 9px;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  background: #79a70a;
  background: linear-gradient(#28a745 0,#28a745 100%);
  position: absolute;
  font-weight: bold;
  color: #fff;
  top: 19px;
  left: -21px;
}
.buradanbaslayin-body{margin-top:10px;}
.home-ico-genel{border:1px solid #ccc;padding:19px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.home-ico{text-align:center;}
.home-ico span:first-child{position:relative;bottom:5px;}
.home-ico span:last-child{font-size:16px;}
.home-ico i{font-size:26px;}
.b-r-1:not(:last-child){border-right:1px solid #ccc;}
.tt-hint,.typeahead{width:100%;padding:3.3px 12px;font-size:1.5rem;line-height:30px;border:1px solid #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;outline:0;}
.typeahead{background-color:#fff;}
.typeahead:focus{border:2px solid #0097cf;}
.tt-hint{color:#999;}
.tt-menu{width:100%;padding:8px 0;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, .2);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .2);box-shadow:0 5px 10px rgba(0, 0, 0, .2);overflow:hidden;}
.twitter-typeahead{width:100%;}
@media (max-width:768px){
.container-large{max-width:570px;}
.ribbon{display:none;}
.buradanbaslayin{margin-bottom:15px;}
.home-ico{margin-bottom:15px;}
input{font-size:1.5rem!important;}
.b-r-1:not(:last-child){border-right:0px;}
}

.spotone:hover{color:#000;}
.spotwo:hover{color:#000;}
.spotthree:hover{color:#000;}
.spotfour:hover{color:#000;}


a{background-color:transparent;}
a:active,a:hover{outline:0;}
img{border:0;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
a[href^="#"]:after{content:"";}
img{page-break-inside:avoid;}
img{max-width:100%!important;}
p{orphans:3;widows:3;}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#000;text-decoration:none;}
a:focus,a:hover{color:#000;text-decoration:underline;}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
img{vertical-align:middle;}
p{margin:0 0 10px;}
.text-right{text-align:right;}
ul{margin-top:0;margin-bottom:10px;}
ul ul{margin-bottom:0;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:768px){
.container{width:750px;}
}
@media (min-width:992px){
.container{width:970px;}
}
@media (min-width:1200px){
.container{width:1540px;}
}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn:focus,.btn:hover{color:#333;text-decoration:none;}
.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}
.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px;}
.btn-block{display:block;width:100%;}
.container-fluid:after,.container-fluid:before,.container:after,.container:before{display:table;content:" ";}
.container-fluid:after,.container:after{clear:both;}

#myInput {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#myUL {
  /* Remove default list styling */
list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 60px;
  width: 80%;
  top: 50px;
  z-index: 100;
  display:none;
  height:350px;
  overflow: hidden;

}

#myUL li a {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL li a:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}