.spinner1 { width: 25%; height: 50px; position: relative } 
.spinner1 input[type="text"] { width: 98%; text-align: center; height: 50px; float: left; border: 3px solid #f7f8fa; font-size:24px; font-family: museo_sans_rounded700;color:#000!important;border-radius: 10px;font-weight: bold } 
.spinner1 .nav .up { cursor: pointer; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #dddddd; font-size: 20px; position: absolute; right:0; top:15px; } 
.spinner1 .nav .down { cursor: pointer; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #dddddd; font-size: 20px; position: absolute; left:0; top:15px; } 
.spinner1 .nav .up:hover, .spinner .nav .down:hover { color:#003d76; }

.spinner { width: 100%; height: 50px; position: relative } 
.spinner input[type="text"] { width: 98%; text-align: center; height: 50px; float: left; border: 3px solid #f4f4f4; font-size:24px; font-family: proxima_nova_rgbold;border-radius: 10px; } 
.spinner .nav .up { cursor: pointer; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #dddddd; font-size: 20px; position: absolute; right:0; top:15px; } 
.spinner .nav .down { cursor: pointer; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #dddddd; font-size: 20px; position: absolute; left:0; top:15px; } 

.spinner .nav .up:hover, .spinner .nav .down:hover { color:#0b0b0b; }

.garanti:hover .blogo { background: #a3dea6; } 
.garanti:hover .pesin { color: #5dae62; } 
.garanti .blogo{background: #5dae62;} 

.axess:hover .blogo { background: #ffce3e; } 
.axess:hover .pesin { color: #ffce3e; } 
.axess .blogo{background: #f6b801;} 

.cardfinans:hover .blogo { background: #2269f7; } 
.cardfinans:hover .pesin { color: #2269f7; } 
.cardfinans .blogo{background: #003399;}

.maximum:hover .blogo { background: #ff2ea1; } 
.maximum:hover .pesin { color: #ff2ea1; } 
.maximum .blogo{background: #e6007e;} 

.world:hover .blogo { background: #ca36d2; } 
.world:hover .pesin { color: #ca36d2; } 
.world .blogo{background: #691a6d;} 

.paraf:hover .blogo { background: #00c6ff; } 
.paraf:hover .pesin { color: #00c6ff; } 
.paraf .blogo{background: #00acdd;} 
.ankaError, .variantError{
    
    display: inline-block;
   position: relative;
   
   
    background: rgba(215, 102, 102, 0.9);
    padding: .8em;
    z-index: 2;
    color: #FFF;
    font-size: 13px;
    font-size: 0.8125rem;
    border-radius: 0.25em;
    pointer-events: none;
    opacity:.9;}
.ankaError::after , .variantError::after {
    content: '';
    position: absolute;
    left: 22px;
    bottom: 100%;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(215, 102, 102, 0.9);
}
.kupon_hata{margin:10px 0 0 10px;font-size:12px;color:#cb2027;}
.kupon_basarili{margin:10px 0 0 10px;font-size:12px;color:#5dae62;}


.sip_gir{margin: 0px auto!important;float:none!important;}
.sip_gir h2{margin:0 0 20px 0px;}
.sip_gir .sip_altaal {margin-bottom: 30px;}
.bosluk_at{width: 100%;height: 70px;}
.ta_btn{display: inline-block;width: 98%; line-height: 50px; border:3px solid #7DCF85;background: #7DCF85 ;font-family:museo_sans_rounded700;font-size: 16px;border-radius: 5px;text-align: center;color:#fff;}

 .ya_btn , .ma_btn, .ta_btn{ -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360); }
 a.ya_btn:hover {color: #003d76;background: none;}
 a.ma_btn:hover {color: #0092ca;background: none;}
 a.ta_btn:hover {color: #7DCF85;background: none;}
 .anka_stil { position:relative; width: 100%;margin:0 0 30px 0px;} 
.gk_hvr .row .input_stil { position:relative; width: 100%;margin:0 0 30px 0px; } 
.anka_stil input { font-size:14px;background: #f7f8fa;width: 100%; height: 50px;  border:none; border-bottom:1px solid #f4f4f4; display: inline-block}
.anka_stil input:focus { outline:none;border-bottom:1px solid #003d76; } 
.anka_stil textarea { font-size:14px;background: #fff;width: 100%; height: 100px;   border:1px solid #7B98A5;border-radius:3px display: inline-block}
.anka_stil textarea:focus { outline:none;border-bottom:1px solid #003d76; } 
.anka_stil select { -webkit-appearance:none;appearance:none;font-size:14px;background: #fff;width: 100%; height: 53px;   border:1px solid #7B98A5;border-radius:3px }
.anka_stil select:focus {  } 
.anka_stil label { color:#003d76; font-family: museo_sans_rounded700;font-size:14px; font-weight:normal;   left:10px; top:17px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; }
.anka_stil input:focus ~ label, .input_stil input:valid ~ label { top:-20px; font-size:12px; color:#003d76 ;font-family: museo_sans_rounded700;}
.select_stil{position: relative;}
.select_stil:before{content: '\f0d7';font-family: FontAwesome; position:absolute;right:10px;top:15px;color:#003d76;font-size: 16px;}
.comparison {
  max-width: 1180px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 30px;
  font: 13px/1.4;
  text-align: center;
  padding: 10px;
}

.comparison table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
}
.comparison tbody tr{ -webkit-transition: .3s all ease;
  transition: .3s all ease;}

.comparison tbody tr:hover{-webkit-transform:scale(1.01);transform:scale(1.01);background: #009fe6;color:#fff!important}
.comparison tbody .satin_all:hover{-webkit-transform:scale(1);transform:scale(1);background: none;color:inherit}

.comparison td,
.comparison th {
  border-right: 1px solid #e5eaed;
  empty-cells: show;
  padding: 10px;
  border-top: 1px solid #e5eaed;
  border-bottom: 1px solid #e5eaed;
  
  font-size: 16px;
}

.comparison tbody tr:nth-child(odd) {
  display: none;
}

.comparison .compare-row {
  background: #F7F8FA;
}

.fa-check {
  color: #69C7F1;
}

.comparison th {
  font-weight: normal;
  padding: 0;
  border-top: 0px solid #e5eaed;
  border-bottom: 0px solid #e5eaed;
}

.comparison tr td:first-child {
  text-align: left;
  padding: 15px;
  border-left: 1px solid #e5eaed;
  border-top: 1px solid #e5eaed;
    background: #f0f2f5;
    color:#003d76;
    font-size:14px;

}

.comparison .product,
.comparison .tl {
  color: #0092ca;
  padding: 10px;
  font-size: 14px;
}

.comparison .tl2 {
  border-right: 0;
}

.comparison .product {
    border:1px solid #e5eaed;
  height: 40px;
  font-size: 1.0em;
    text-align: center;
    font-family: museo_sans_rounded700;
    position: relative;
    
}

.comparison .product img{display: inline-block!important}

.ur_sl{font-size:30px;color:#e62c2c;position: absolute;top:-15px;background: #fff;border-radius: 50%;}

.comparison .product p{margin-top:10px;}

.comparison .price-info {
  padding: 15px;
}

.comparison .price-now,
.comparison .price-now span {
  color: #808080;
}

.comparison .price-now span {
  font-size: 36px;
  color: #545454;
}

.comparison .price-now p {
  font-size: 14px;
  text-align: center;
  line-height: 16px;
  display: inline;
}

.comparison .price-buy {
  font-family: museo_sans_rounded900;
    width: 100%;
  height: auto;
  font-size: 14px;
  display: inline-block;
 
  line-height: 50px;
  text-transform: uppercase;
  
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
}
.satin_all td{margin:0;padding: 0;}

.comparison .price-buy:hover {
  color: #0092ca ;box-shadow: #0092ca 0 0px 0px 3px inset;
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
  .table_ul li {
    letter-spacing: 0px;
  }
  .comparison .price-now span {
    font-size: 32px;
  }
  .comparison .price-now p {
    display: block;
  }
}

.asil_fiyat{display: inline-block;font-size:20px;font-family: museo_sans_rounded900;color:#e62c2c;}
.asil_fiyat .fa{font-size:16px;}
.eski_fiyat{display: inline-block;font-size:14px;text-decoration: line-through}
.eski_fiyat .fa{font-size:12px;}

@media screen and (max-width: 720px) {
  .table_ul {
    padding: 0px;
  }
  .table_ul li {
    font-size: 10px;
    line-height: 16px;
    padding: 3px 0;
  }
  .comparison {
    max-width: 100%;
  }
  .comparison td:first-child,
  .comparison th:first-child {
    display: none;
  }
  .comparison tbody tr:nth-child(odd) {
    display: table-row;
    background: #F7F7F7;
  }
  .comparison .row {
    background: #FFF;
  }
  .comparison td,
  .comparison th {
    border: 1px solid #CCC;
    border-top: none;
    padding: 10px;
  }
  .price-info {
    border-top: 0 !important;
    padding: 10px 0 !important;
  }
  .price-info p {
    line-height: 8px;
    font-size: 8px !important;
  }
  .comparison .compare-row {
    background: #ffffff;
  }
  .comparison .price-now p {
    display: block;
  }
  .comparison .price-now span {
    font-size: 24px;
  }
  .comparison .qbse {
    font-size: 1.2em;
  }
  .comparison td {
    font-size: 14px;
  }
  .comparison th {
    font-size: 14px;
  }
}