﻿.backrenk2{background-color:#eef7fc}.arabuton i{color:White;}.toplamcss{float:right;font-weight:normal;}.sepet,.sepetarka{ border-radius:15px; height:32px; line-height:32px;}.divspt{width:210px;}.sepetarka{background-color:Transparent;background:none;border:none;background-image:none; margin-top:-14px; width:225px;}.divspt{color:#ffffff;}#dvDetaylar a{font-size:12px;}#sepet1_Lb_Toplam2,#Lb_Toplam2{margin-top:8px;margin-left:3px;float:right;}.sepeticon3{font-size:26px;color:#0876b3; display:block;float:right;}.imgSepetDiv{color:#ffffff;  height:15px; width:auto; border-radius:15px; margin-top:-7px;margin-right:-10px; float:right;line-height:15px;}
.lblsepet{color:#fff;margin-top:-20px;margin-left:0px; height:20px; width:20px;}.imgSepetDiv{margin-top:0px; line-height:20px;text-align:center; background-color:#eef7fc; color:#fff;display:inline-block; height:20px;width:20px; -moz-border-radius:10px;-webkit-border-radius: 10px;} #ctl00_sepet1_Lb_Toplam2,.toplamcss .ustrenk{color:#000000;}.sepeticon3 i{font-size:28px; line-height:42px;color:#222222; margin-right:-10px; margin-left:-30px;} .sepeticon3 .fa fa-shopping-cart{ } .sepeticon3{float:right; display:block;color:#0876b3; }
.kategoribaslik{ border:none; border-radius:0px;}
#IMenuK li ul a:hover li h3,#IMenuK li ul li:hover h3,#IMenuB li ul a:hover li h3,#IMenuB li ul li:hover h3{color:#222222} #IMenuB>li>a,#IMenuK>li>a{display:block;width:100%;height:100%;text-decoration:none;color:inherit;box-sizing:border-box}#IMenuK li a,#IMenuB li a{border:none;border:0;padding-right:20px;padding-left:20px;background-image:none;color:#000;text-shadow:none;box-sizing:border-box}#navigationB ul li,#navigation ul li{padding-left:0;padding-right:0;margin-left:0;margin-right:0}#navigationB ul li,#navigation ul li{display:inline-block!important}#IMenuK li a:hover,#IMenuB li a:hover{color:#fff}#IMenuK li,#IMenuB li{transition:opacity .2s linear;-webkit-transition:all .52s;-moz-transition:all .2s;transition:all .2s}#IMenuK,#IMenuB{text-align:left}#IMenuK ul li a h3,#IMenuB ul li a h3{color:#444;text-shadow:none;overflow:hidden}#DivKucuk,#DivBuyuk{text-align:left;width:100%}.arkaps li i,.arkaps li i{padding-top:5px}.lblFiyat{color:#000;width:100%;padding:0;margin:0;text-align:center;font-size:130%}.lblEskiFiyat{width:100%;text-align:center;padding:0;margin:0}
.lblFiyat{color:#949da2;}
.arkaps ul li:hover
                                {
                                    background: #555;
                                    color: White;
                                }
                                .arkaps ul li h2:hover
                                {
                                    color: White;
                                    text-decoration: none;
                                }
                                .arkaps ul
                                {
                                    color: White;
                                    text-align: left;
                                    display: inline;
                                    margin: 0;
                                    width: 100%;
                                    list-style: none;
                                }
                                .arkaps ul li
                                {
                                    color: White;
                                    display: inline-block;
                                    position: relative;
                                    cursor: pointer;
                                    -webkit-transition: all 0.2s;
                                    -moz-transition: all 0.2s;
                                    -ms-transition: all 0.2s;
                                    -o-transition: all 0.2s;
                                    transition: all 0.2s;
                                }
                                .arkaps ul li ul
                                {
                                    z-index: 99;
                                    padding: 0;
                                    position: absolute;
                                    background: #555;
                                    top: 45px;
                                    left: 0;
                                    width: 150px;
                                    -webkit-box-shadow: none;
                                    -moz-box-shadow: none;
                                    box-shadow: none;
                                    display: none;
                                    opacity: 0;
                                    visibility: hidden;
                                    -webkit-transiton: opacity 0.2s;
                                    -moz-transition: opacity 0.2s;
                                    -ms-transition: opacity 0.2s;
                                    -o-transition: opacity 0.2s;
                                    -transition: opacity 0.2s;
                                }
                                .arkaps ul li ul li
                                {
                                    z-index: 999;
                                    background: #555;
                                    display: block;
                                    color: #fff;
                                    text-shadow: 0 -1px 0 #000;
                                }
                                .arkaps ul li ul li:hover
                                {
                                    background: #666;
                                    color: #fff;
                                }
                                .arkaps ul li:hover ul
                                {
                                    display: block;
                                    opacity: 1;
                                    visibility: visible;
                                    z-index: 99999;
                                }

.arkapzero ul li:hover
                                        {
                                            background: #555;
                                            color: White;
                                        }
                                        .arkapzero ul li h2:hover
                                        {
                                            color: White;
                                            text-decoration: none;
                                        }
                                        .arkapzero ul
                                        {
                                            color: White;
                                            text-align: left;
                                            display: inline;
                                            margin: 0;
                                            width: 100%;
                                            list-style: none;
                                        }
                                        .arkapzero ul li
                                        {
                                            color: White;
                                            display: inline-block;
                                            position: relative;
                                            cursor: pointer;
                                            -webkit-transition: all 0.2s;
                                            -moz-transition: all 0.2s;
                                            -ms-transition: all 0.2s;
                                            -o-transition: all 0.2s;
                                            transition: all 0.2s;
                                        }
                                        .arkapzero ul li ul
                                        {
                                            padding: 0;
                                            position: absolute;
                                            background: #555;
                                            left: 0;
                                            width: 150px;
                                            -webkit-box-shadow: none;
                                            -moz-box-shadow: none;
                                            box-shadow: none;
                                            display: none;
                                            opacity: 0;
                                            visibility: hidden;
                                            -webkit-transiton: opacity 0.2s;
                                            -moz-transition: opacity 0.2s;
                                            -ms-transition: opacity 0.2s;
                                            -o-transition: opacity 0.2s;
                                            -transition: opacity 0.2s;
                                        }
                                        .arkapzero ul li ul a li
                                        {
                                            height: 25px;
                                        }
                                        .arkapzero ul li ul li
                                        {
                                            z-index: 999999999999;
                                            background: #555;
                                            display: block;
                                            color: #fff;
                                            text-shadow: 0 -1px 0 #000;
                                        }
                                        .arkapzero ul li ul li:hover
                                        {
                                            background: #666;
                                            color: #fff;
                                        }
                                        .arkapzero ul li:hover ul
                                        {
                                            display: block;
                                            opacity: 1;
                                            visibility: visible;
                                        }
.arkaps ul li h2:hover {  font-weight:normal;  color:#16324a; }  
.arkaps ul li ul li h3:hover { font-weight:normal;  color:#16324a; }  
#IMenuK ul a:hover li h3,#IMenuB ul a:hover li h3{color:#16324a}
#IMenuK ul a:hover li h2,#IMenuB ul a:hover li h2{color:#16324a}
#IMenuB ul li{ Height:25px; display:inline-block; line-height:25px; color:White; }  
#IMenuB ul li:hover{ background-color:#eef7fc; Height:25px; display:inline-block; line-height:25px; color:#ffffff; }  
#IMenuB ul li a{ Height:25px; display:inline-block; line-height:25px; color:White; }  
#IMenuB ul li a:hover{ background-color:#eef7fc; Height:25px; display:inline-block; line-height:25px; color:#ffffff; }  
.arkaps ul li ul
    {
        transition: all .3s linear;
        opacity: 0;
    }
    .arkaps ul li ul:hover
    {
        opacity: 1;
    }
.arkaAltMenu
                        {
                            background: -moz-linear-gradient(top,rgba(250,250,250,0.99) 0%,rgba(225,225,225,1) 93%,rgba(224,224,224,0.99) 97%,rgba(223,223,223,0.94) 100%);
                            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(250,250,250,0.99)),color-stop(93%,rgba(225,225,225,1)),color-stop(97%,rgba(224,224,224,0.99)),color-stop(100%,rgba(223,223,223,0.94)));
                            background: -webkit-linear-gradient(top,rgba(250,250,250,0.99) 0%,rgba(225,225,225,1) 93%,rgba(224,224,224,0.99) 97%,rgba(223,223,223,0.94) 100%);
                            background: -o-linear-gradient(top,rgba(250,250,250,0.99) 0%,rgba(225,225,225,1) 93%,rgba(224,224,224,0.99) 97%,rgba(223,223,223,0.94) 100%);
                            background: -ms-linear-gradient(top,rgba(250,250,250,0.99) 0%,rgba(225,225,225,1) 93%,rgba(224,224,224,0.99) 97%,rgba(223,223,223,0.94) 100%);
                            background: linear-gradient(to bottom,rgba(250,250,250,0.99) 0%,rgba(225,225,225,1) 93%,rgba(224,224,224,0.99) 97%,rgba(223,223,223,0.94) 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfafafa',endColorstr='#f0dfdfdf',GradientType=0);
                        }
  
      .resimlazy{margin-left:3%; border:1px solid #ddd; height:auto; padding-left:0px;padding-right:0px; z-index:12}
           .blogicimg{width:30%;margin-right:3%;}
                              .blogyanyazi{width:67%;}
                               @media screen and (max-width:980px) 
    {
           .blogicimg{width:100%;margin-right:0%;}
                              .blogyanyazi{width:100%;}
                                .resimlazy{margin-left:0%; border:none; height:auto; padding-left:0px;padding-right:0px; z-index:12}
    }
    h1{font-size:27px; text-align:left;}.blogorta{ width:75%; float:left; margin-right:2%;} .blogsag{width:23%; float:left;}
 /*.kucuresimDiv{width:310px; height:310px; text-align:center;vertical-align:middle;} 
 .resimlazy{margin-left:3%; max-width:310px;width:auto; max-height:310px; border:1px solid #ddd; height:auto; padding-left:0px;padding-right:0px; z-index:12}
 */

  .blogdevam{ border-radius:2px; background-color:#383f48; color:White; height:30px; line-height:30px; width:80px; margin-top:30px; margin-right:20px; text-align:center; display:inline-block;}
  .blogdevam:hover{color:White; background-color:Red;}
    .blogmenu{height:auto; }
   .PagerNormal
      {
        font: 16pt Verdana;
        color: Black;
         border-radius:10px 10px 10px 10px;
  
        padding: 1px 14px 1px 14px;
        text-decoration:none;
        width:120%;
        background-color:#ffffff;
        margin-left:3px;
        
      }
      .PagerCurrent
      {
      	font: 16pt Verdana;
      	color:White;
      	  text-shadow:1px 1px 1px Black;
      	border-radius:10px 10px 10px 10px;
         padding: 1px 14px 1px 14px;
        background-color:#444444;
        margin-left:3px;
        
      }
      
    .fotoboyut
    {
        max-width:155px;
        max-height:300px;
        
        }

.pnlclass3{border:1px solid #ddd; border-right:none; border-bottom:none;width:178px;}
     
                     .menu ul{ padding:0px; border-bottom:none; width:178px; }
                     .menu li{ margin-left:-10px;  width:178px; border-bottom:none;}
                    .menu li ul li ul{ left:188px; border-bottom:none;}
                    .menu li ul li ul li ul{ left:188px; border-bottom:none;}
                    
.menu li a:hover{z-index:9999999999999;color:Black;background-color:#ffffff; border-left:5px solid #ddd; }

.menu ul li:hover ul{visibility:visible; opacity:1; margin-left:0px;}
 
.menu ul li ul
{
    margin-left:-10px;
    display:block;
   visibility:hidden;
  opacity:0;
  transition:opacity 0.5s linear;
  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;
}
 .menu li ul{ left:188px;}
      .menu li ul{ box-shadow: 1px 1px 1px #888888;  }
.menu ul li h2 { font-family:PT Sans Narrow; font-weight:normal;  font-size:16px;}.menu ul li h2:hover{ }  
.menu ul li h3{ font-weight:normal; font-size:16px;} .menu ul li h3:hover{} 
/* .kategoribaslik,.kategoribaslik{width:100%; height:100%; float:left;}*/
                      .menu{width:100%; height:100%;}
                         .pnlclass3{border:1px solid #ddd; border-right:none; border-bottom:none;}
     
                    .menu ul{ padding:0px; border-bottom:none; width:178px; }
                     .menu li{ margin-left:-10px;  width:178px; border-bottom:none;}
                    .menu li ul li ul{ left:188px; border-bottom:none;}
                    .menu li ul li ul li ul{ left:188px; border-bottom:none;}
                    
.menu li a:hover{z-index:9999999999999;color:Black;background-color:#ffffff; border-left:5px solid #ddd; }

.menu ul li:hover ul{visibility:visible; opacity:1; margin-left:0px;}
 
.menu ul li ul
{
    margin-left:-10px;
    display:block;
   visibility:hidden;
  opacity:0;
  transition:opacity 0.5s linear;
  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;
}
 .menu li ul{ left:188px;}
      .menu li ul{ box-shadow: 1px 1px 1px #888888;  }/* */
.rmm{display:none;}.mobilarama{display:none;} 
/* Scoped blog presentation: article content and existing sidebar controls stay intact. */
.odyo-blog-page{display:flow-root;box-sizing:border-box;color:inherit}
.odyo-blog-page *{box-sizing:border-box}
.odyo-blog-page .blogorta{width:74%;margin-right:3%;min-width:0}
.odyo-blog-page .blogsag{width:23%;min-width:0}
.odyo-blog-page .blogmenu{padding:12px 16px;line-height:1.7!important;background:#f6f8fa!important;border:1px solid #e2e8ee!important;font-family:inherit;font-size:14px;line-height:1.7!important;overflow-wrap:anywhere;display:flow-root}
.odyo-blog-page .blogmenu img{max-width:160px;height:auto!important;max-height:36px;vertical-align:middle;object-fit:contain}
.odyo-blog-page .blogmenu a{display:inline;color:inherit}
.odyo-blog-page h1,.odyo-blog-page .odyo-blog-list-title{font-family:inherit;font-weight:600;font-size:clamp(24px,2.5vw,32px);line-height:1.35!important;margin:16px 0;color:inherit;overflow-wrap:anywhere}
.odyo-blog-page .odyo-blog-entry-inner{padding:20px 0;display:flex;gap:24px;align-items:flex-start}
.odyo-blog-page .blogicimg{width:30%;margin:0!important;float:none!important;flex-shrink:0}
.odyo-blog-page .blogicimg img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:8px;object-fit:contain}
.odyo-blog-page .blogyanyazi{width:auto;min-width:0;flex:1;float:none!important}
.odyo-blog-page .odyo-blog-intro{font-family:inherit;font-size:16px;line-height:1.75;color:#526675;clear:both}
.odyo-blog-page .odyo-blog-body{font-family:inherit;font-size:16px;line-height:1.85!important;padding:8px 0 20px;overflow-wrap:anywhere;min-width:0;overflow-x:auto}
.odyo-blog-page .odyo-blog-body img,.odyo-blog-page .odyo-blog-body video{max-width:100%!important;height:auto!important}
.odyo-blog-page .odyo-blog-body iframe{max-width:100%}
.odyo-blog-page .odyo-blog-social{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px;clear:both;padding:18px;margin:18px 0;background:#f6f8fa;border:1px solid #e2e8ee;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.6;float:none!important;width:100%}
.odyo-blog-page .odyo-blog-social strong{display:block;margin-bottom:10px;font-size:14px}
.odyo-blog-share-links{display:flex;flex-wrap:wrap;gap:8px}
.odyo-blog-page .odyo-blog-share-links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border:1px solid #d5e0e8;border-radius:5px;background:#fff;color:inherit!important;text-decoration:none!important;font-family:inherit;font-size:14px;line-height:1.4;transition:background .15s,box-shadow .15s}
.odyo-blog-page .odyo-blog-share-links a:hover{background:#eaf2f7;box-shadow:0 2px 7px #25374616}
.odyo-blog-page .odyo-blog-share-links a:focus-visible,.odyo-blog-page .odyo-blog-card-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.odyo-blog-page .pnletiket{margin:4px;padding:5px 10px;background:#edf3f7;color:#385266;border-radius:4px;font-family:inherit;font-size:13px;line-height:1.6}
.odyo-blog-page .etikets{padding:8px 4px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.6}
.odyo-blog-page .odyo-blog-list-card{background:#fff;border:1px solid #e2e8ee;border-radius:10px;margin:0 0 16px;overflow:hidden;transition:box-shadow .18s}
.odyo-blog-page .odyo-blog-list-card:hover{box-shadow:0 5px 18px #25374612}
.odyo-blog-page .odyo-blog-card-link{display:flex;gap:24px;padding:20px;color:inherit!important;text-decoration:none!important}
.odyo-blog-page .odyo-blog-list-card h2{font-family:inherit;font-weight:600;font-size:22px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}
.odyo-blog-page .odyo-blog-list-card p{font-family:inherit;font-size:15px;line-height:1.75;margin:12px 0;overflow-wrap:anywhere}
.odyo-blog-date,.odyo-blog-card-footer{font-family:inherit;font-size:13px;line-height:1.6;color:#637887}
.odyo-blog-card-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.odyo-blog-read{color:inherit}
.odyo-blog-pagination{padding:16px;text-align:center;line-height:2.6}
@media(max-width:800px){.odyo-blog-page .blogorta,.odyo-blog-page .blogsag{width:100%!important;margin:0!important;float:none!important;display:flow-root}.odyo-blog-page .blogsag{margin-top:24px!important}.odyo-blog-page .odyo-blog-social{grid-template-columns:1fr}.odyo-blog-page .odyo-blog-entry-inner,.odyo-blog-page .odyo-blog-card-link{flex-direction:column;gap:16px}.odyo-blog-page .blogicimg{width:100%!important}.odyo-blog-page .blogicimg img{max-height:300px}.odyo-blog-page .blogyanyazi{width:100%!important}.odyo-blog-page .odyo-blog-card-link{padding:16px}}

/* General blog layout: data, counters, photos and event handlers are unchanged. */
.odyo-blog-page{padding:24px 16px 40px;font-family:inherit}
.odyo-blog-page .blogorta{width:73%;margin-right:3%}
.odyo-blog-page .blogsag{width:24%}
.odyo-blog-page .blogmenu{font-size:16px!important;border-radius:12px!important;padding:16px!important;margin-bottom:18px}
.odyo-blog-page .blogmenu input{box-sizing:border-box;max-width:100%;min-height:40px;border:1px solid #cbd3da;border-radius:6px;font-family:inherit;font-size:16px;padding:7px 10px}
.odyo-blog-page .blogmenu input[type=text]{width:180px}
.odyo-blog-page .blogmenu input[type=submit]{width:auto!important;cursor:pointer}
.odyo-blog-page .odyo-blog-list-card{border-radius:14px;margin-bottom:24px;box-shadow:0 3px 14px #00000005}
.odyo-blog-page .odyo-blog-card-link{padding:24px;gap:26px;align-items:flex-start}
.odyo-blog-page .odyo-blog-list-card h2{font-size:clamp(22px,2vw,28px);line-height:1.35;color:inherit}
.odyo-blog-page .odyo-blog-list-card p{font-size:17px;line-height:1.8}
.odyo-blog-page .odyo-blog-date,.odyo-blog-page .odyo-blog-card-footer{font-family:inherit;font-size:15px;line-height:1.6}
.odyo-blog-page .odyo-blog-read{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.odyo-blog-page .odyo-blog-body{font-family:inherit!important;font-size:18px!important;line-height:1.85!important}
.odyo-blog-page .odyo-blog-intro{font-size:17px;line-height:1.8}
.odyo-blog-page .blogicimg img{max-height:none;object-fit:contain}
.odyo-blog-page .gosterimb{display:inline-block;margin:16px 0;padding:8px 12px;border:1px solid #dce2e7;border-radius:8px;font-family:inherit;font-size:15px;line-height:1.6}
.odyo-blog-page .blogsag{border:1px solid #e2e8ee;border-radius:12px;padding:16px;background:#fafbfc;overflow-wrap:anywhere}
.odyo-blog-page .blogsag img{max-width:100%;height:auto}
.odyo-blog-page .odyo-blog-pagination :is(a,span){display:inline-block;max-width:100%;width:auto;min-width:38px;margin:3px;padding:4px 12px;font-family:inherit;font-size:16px;border:1px solid #dce2e7;border-radius:7px;text-shadow:none}
.odyo-blog-page .odyo-blog-social{font-family:inherit;font-size:16px}
.odyo-blog-page .odyo-blog-social strong{font-size:16px}
@media(max-width:800px){.odyo-blog-page{padding:16px 10px 28px}.odyo-blog-page .blogorta,.odyo-blog-page .blogsag{width:100%!important}.odyo-blog-page .odyo-blog-card-link{padding:18px}.odyo-blog-page .blogmenu>div{float:none!important;max-width:100%;margin:8px 0!important}.odyo-blog-page .blogmenu input[type=text]{width:calc(100% - 80px)}.odyo-blog-page .odyo-blog-body{font-size:17px!important}.odyo-blog-page .blogicimg img{max-height:none}}


#footer .footrenk>.shell{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
#footer .footrenk .footer-nav{float:none;width:auto;flex:0 1 auto}
#footer .footrenk [id$="divAltGizle"]{margin-left:auto;float:none;width:auto}
#footer .footrenk [id$="divAltGizle"] .copy{padding-left:0!important;margin:0!important;float:none;text-align:right;line-height:1.6}
#footer .footrenk [id$="divAltGizle"] img{margin-top:0!important;vertical-align:middle}
#footer .footrenk>.shell>.cl{display:none}

#footer [id$="Div8"]{height:auto!important;min-height:180px}#footer [id$="Div8"]>.shell{box-sizing:border-box;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 120px;align-items:start;gap:24px;width:calc(100% - 40px)!important;max-width:1200px!important;margin:0 auto!important;float:none!important}#footer [id$="Div8"]>.shell>.cols{box-sizing:border-box;float:none!important;flex:1 1 170px;width:auto!important;min-width:0;height:auto!important;padding:0!important;border:0!important;overflow-wrap:break-word}#footer .odyo-legacy-contracts a{color:inherit}#footer [id$="Div8"] .cl{display:none}#footer [id$="Div8"]>.shell>.cols>p:first-child,#footer [id$="Div8"]>.shell>.cols>p:first-child span{font-family:inherit;color:#555!important;font-size:16px!important;font-weight:700!important;line-height:1.5!important;text-transform:uppercase;margin:0 0 18px!important}#footer [id$="Div8"]>.shell>.cols>p:not(:first-child){line-height:1.65!important;margin:0 0 10px!important}#footer [id$="Div8"]>.shell>.cols>p>a{font-size:16px!important;line-height:1.65!important;display:inline;color:inherit}#footer .odyo-legacy-contracts{color:inherit;font-family:inherit}#footer [id$="divkatz3"]{width:120px!important;max-width:100%}@media(max-width:1000px){#footer [id$="Div8"]>.shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#footer [id$="divkatz3"]{grid-column:1/-1}}

#footer [id$="divkatz3"]{box-sizing:border-box;min-width:0;max-width:100%;height:auto!important}
#footer [id$="divkatz3"] img{box-sizing:border-box;max-width:100%!important;height:auto!important}
