body{ font-family: 'Titillium Web', sans-serif; }


.hlogo {width: 75px;margin-top: 0px;margin-bottom: 10px;}


.bodybg{background:url(../images/fg_11.jpg) center top no-repeat #fff;  /*background-size:cover; */  /*width:100%; height:100%; position: fixed; background:url(../images/sfbg.png) center top repeat #fff;*/ z-index:-2; 

/*-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(1px);*/

}

.zyildiz {color:red;}

.urunlist .urunlink img {
    position: relative;
    
}

uc {text-decoration: line-through;}

.siptekrari {

color: #fff;
    font-weight: 700;
    padding: 3px;
    background-color: #000;
    border-radius: 5px;
}
.siptekrari:hover {
color: #000;

    background-color: #fff;
}

.urunspec_inp input {
    border: 1px solid #333333;
    }

.urunspec_inp label{color:#ea7a1d;}
.urunspec_rate label{color:#ea7a1d;}

#goTop{
	display:none;
    background:#ea7a1d;
    padding:0px;
    position:fixed;
    bottom:-100px;
    right:10px;
     z-index: 100;
     border-radius:50px;
}

.sepet_total {

    margin-bottom: 5px;
    }

.sipdurum li.dot {
    border-top: 1px solid #f1f1f1 ;
    line-height: 1px;
    margin: 5px 0;
}


try:before{ font-family: "AbakuTLSymSansRegular", serif; content:"t"; padding-right:2px;  font-weight:400; }

.bodybg2{background:url(../images/fg_11.jpg) center top no-repeat #000;  width:960px; height:100%; position: fixed; z-index:-1;
margin:0 auto;
-webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  margin-top:-80px;

}

.urunspec_selc select {
   
   
        
}


.fform_radio{ float:left; min-width:20px; height:20px; margin:0 15px 10px 0; background:url(../images/formradi.png) no-repeat; cursor:pointer; }
.fform_radio.chc{ background-position:0 -20px !important; }
.fform_radio input{ display:none; }
.fform_radio label{ display:block; line-height:20px; padding-left:26px; font-size:13px; color:#666; cursor:pointer; }
.fform_radio label:hover{ text-decoration:underline; }


.urunspec_text textarea {
    border-radius: 0px;
 /*   background: #fff !important;*/
        border: 1px solid #333;
        color:#000;

}

.sipbox h3 span i{padding-left:10px;font-size: 14px;font-style:normal;color:#F4A709;font-weight: 900;}


.pgsrow .urunspec_selc div{ width:200px;border-color:#333;}
.pgsrow .urunspec_selc div label{color:#000  }

#msgdiv #msg {

padding: 50px;
    font-size: 20px;

}
.featherlight .featherlight-close-icon {
    top: 0;
    z-index: 90;
    width: 40px;
    height: 40px;
    background: url(../images/btnexit.png) no-repeat #ea7a1d !important;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 0 0 0 10px ;
}

.featherlight .featherlight-close-icon:hover {

    background: url(../images/btnexit.png) no-repeat #333333 !important;

}
.urunspec_selc select {

    opacity: 0;
    border: 1px solid #333333;
    background: #fff;
    
}

 .urunspec_selc div {   background: url(../images/formselect22.png) right center no-repeat #fff;     width: 200px;}

.scrl {
    max-height: 500px;
    overflow-y: scroll;
}


  .mmenu_login1{ display:none;}

.whitebg{ background:rgba(255,250,246,0.8); float:left; width:100%; padding:0px 0px 0px 0px; margin-left:0px; border-right:0px solid #e1e1e1;border-left:0px solid #e1e1e1; 

/*-webkit-box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.71);
-moz-box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.71);
box-shadow: 0px 0px 150px 0px rgba(0,0,0,0.71);*/

/*box-shadow: inset 120px 0 15px -4px rgba(31, 73, 125, 0.8), -120px 0 8px -4px rgba(31, 73, 125, 0.8);*/
}

.page{margin: 0px;}
.mrgn{margin: 10px;}
.content{    width: 655px;}

.urunlist {     margin-bottom: 0px; }

.logo {    top: 0px; margin-left:10px;}
.pgtitle{ color:#333333; padding-bottom:5px;}
.pgsubtitle {   
    display: inline-block;
    padding-bottom: 5px;
    width: 100%;}
    
#topbar {background:rgba(255, 255, 255,1.0); /*background: #ccffcc;*/ padding-top: 5px; padding-bottom: 5px;}
.topbar_menu li { padding-left:15px;}
.topbar_menu li a{ color: #333333 ;margin-top: 6px; line-height: 16px;border-radius:5px;}

.topbar_menu li a div{ display:block; width:32px; height:32px; border-radius:0px; position:absolute;padding:50px; background:url(../images/sip.png) no-repeat ; }


.topbar_menu li a{ text-shadow:0 1px 0 rgba(255,255,255,.4); display: block; padding:5px 5px; font-weight: 700; font-size: 14px; line-height: 20px;  text-shadow: 0 1px 0 rgba(0,0,0,.15);letter-spacing: 1px;
    -webkit-transition: color .3s,text-shadow .3s,background-color .3s; -o-transition: color .3s,text-shadow .3s,background-color .3s; transition: color .3s,text-shadow .3s,background-color .3s; }
.topbar_menu li a:hover{color: #ea7a1d; text-shadow:0 1px 0 rgba(66,66,66,0.4);background:rgba(245, 245, 245,1)}




.featherlight .featherlight-close-icon {/*
    top: -20px;
    right: -20px;
   border-radius:20px;
    width:30px; height:30px;
    background-position:  -5px;
        background: url(../images/btnexitt.png) no-repeat #E61A26 !important;
    
    
    */
   
}


.preloaderdiv{


    margin: 0 auto;
    width: 106px;
}


.preloaderimg{

background-color: #fff;
    /* color: black; */
    padding: 5px;
    border-radius: 30px;
    width: 75%;

}

#container {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 10px 10px 10px 0px;
    position: relative;
}

footer {font-family: 'Roboto', sans-serif;}

.mmenu_login{ display:none; }

.footer_menu li a {color: #333;}
.footer_menu li a:hover {color: #ea7a1d;}

.urunspec ha{font-size:16px;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}
.urunlist .urunlink h3{font-size: 16px;color: #fff;    line-height: 22px;}
.urunlist .urunlink ha{font-size: 11px;;display:none;}
.urunlist gu{
    font-size: 14px;
    /* display: block; */
    /* bottom: 36px; */
    z-index: 10;
    position: absolute;
    /* left: 6px; */
    color: #fff;
    /* top: -4px; */
    bottom: 36px;
    /* background: #000000; */
    /* padding: 2px; */
    /* offset-rotate: reverse; */
    /* transform: rotate(-20deg); */
    /* padding: 2px 5px; */
    padding: 0px 5px 2px 5px;
    /* border-radius: 20px; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-style: italic;
    /* -webkit-box-shadow: 0px 4px 12px -2px rgba(0,0,0,0.7); */
    -moz-box-shadow: 0px 4px 12px -2px rgba(0,0,0,0.7);
    /* box-shadow: 0px 4px 12px -2px rgba(0,0,0,0.7); */
    }


#badge-ribbon {
 position: relative;
 background: red;
 height: 100px;
 width: 100px;
 -moz-border-radius:    50px;
 -webkit-border-radius: 50px;
 border-radius:         50px;
}

#badge-ribbon:before,
#badge-ribbon:after {
  content: '';
  position: absolute;
  border-bottom: 70px solid red;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  top: 70px;
  left: -10px;
  -webkit-transform: rotate(-140deg);
  -moz-transform:    rotate(-140deg);
  -ms-transform:     rotate(-140deg);
  -o-transform:      rotate(-140deg);
}

#badge-ribbon:after {
  left: auto;
  right: -10px;
  -webkit-transform: rotate(140deg);
  -moz-transform:    rotate(140deg);
  -ms-transform:     rotate(140deg);
  -o-transform:      rotate(140deg);
}


.urunlist .urunlink h3{
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;
    
    }

.urunlist li p{ 
line-height: 22px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
background-color:#ea7a1d;
border-radius:0 0 0px 0;
padding-right:10px;
top:0px;
right:0px;
-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg); /* Standard syntax */
    !important;
 }
 
tell {font-family: 'Roboto', sans-serif;} 
.fimg { display:block; float:left; width:16px; height:16px; margin-top:0px; padding-right:4px;  }
.reload {background:url(../images/ch_sube.png) no-repeat;}
.b16 {background-size: 16px 16px;}



.pgstitle{ color:#333; }
.fform_inp label{ color:#333; }
.urunlist li {    background: #eda96d ; /*border:1px solid #333;*/ border-radius: 0px 0px 0px 0px; 

}


.sepet li div input { background-color: #eda96d ; color:#000}

.sepet li div a {background-color: #ea7a1d; color:#fff}
.sepet li div a:hover{background-color: #333; }

.sepet li a strong {
    font-size: 14px;
    }
.sepet li a.title {
    color: #000;
}

.sepet li div p { color: #000;}

.urunlist li:hover {}

.urunlist .btnsepet{  background-color:#333; color:#ea7a1d;     border-radius: 0px 0px 0px 0px;font-size: 14px;}
.urunlist .btnsepet:hover{ background-color:#ea7a1d;color:#000;  }

.urunlist .btnsepet i{ background:url(../images/btnsepett.png) no-repeat #ea7a1d; }

.urunspec_ekle {background:url(../images/sepetgo.pngg); padding:0 30px 0 30px; background-color:#ea7a1d; color:#fff;  }
.urunspec_ekle:hover{  background-position:right -400px; background-color:#333; }


.mostbar li:last-child{  margin-right:0px; }



/*f2e7d4*/
#navbar{ height:30px; background:#fffaf6; border-top:0px solid #e1e1e1; border-bottom:0px solid #e1e1e1; margin-bottom:0px;  }

.navbar_menu{ float:right;margin-top: -10px;    margin-right: 10px;} 




/***************/
.loader1 {float:left;
	color: #333333;	    margin-left: 12px;;margin-top: 5px;
  
}

.loader1 span {
letter-spacing: 3.8px;
font-family: 'Courgette', cursive;
font-size: 16px; 
/*  text-shadow:
    0 0 2px rgba(204, 208, 212,0.9),
    0 15px 25px rgba(0, 0, 0, 0.3),
    0 -2px 3px rgba(0, 0, 0, 0.1),
    0 -5px 10px rgba(255, 255, 255, 0.5),
    0 5px 10px rgba(0, 0, 0, 0.3),
    0 3px 4px rgba(255, 255, 255, 0.2),
    0 0 20px rgba(255, 255, 255, 0.45);*/
  
/*-webkit-animation: loading 1.2s ease-in-out infinite alternate;
-moz-animation: loading 1.2s ease-in-out infinite alternate;
-ms-animation: loading 1.2s ease-in-out infinite alternate;
animation: loading 1.2s ease-in-out infinite alternate;*/
}

@-webkit-keyframes loading {
	to { text-shadow:
    0 0 20px rgba(204, 208, 212,0.2),
    0 0 30px rgba(0, 0, 0, 0.02),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(255, 255, 255, 0);}
}

@-moz-keyframes loading {
	to { text-shadow:
    0 0 2px rgba(204, 208, 212,0.2),
    0 0 3px rgba(0, 0, 0, 0.02),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(255, 255, 255, 0);}
}

@-ms-keyframes loading {
	to { text-shadow:
    0 0 2px rgba(204, 208, 212,0.2),
    0 0 3px rgba(0, 0, 0, 0.02),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes loading {
	to { text-shadow:
    0 0 2px rgba(204, 208, 212,0.2),
    0 0 3px rgba(0, 0, 0, 0.02),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(0, 0, 0, 0),
    0 0 0 rgba(255, 255, 255, 0),
    0 0 0 rgba(255, 255, 255, 0);}
}

.loader span:nth-child(2) {
-webkit-animation-delay:0.2s;
   -moz-animation-delay:0.2s;
    -ms-animation-delay:0.2s;
        animation-delay:0.2s;
}
.loader span:nth-child(3) {
-webkit-animation-delay:0.4s;
   -moz-animation-delay:0.4s;
    -ms-animation-delay:0.4s;
        animation-delay:0.4s;
}
.loader span:nth-child(4) {
-webkit-animation-delay:0.6s;
   -moz-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
        animation-delay:0.6s;
}
.loader span:nth-child(5) {
-webkit-animation-delay:0.8s;
   -moz-animation-delay:0.8s;
    -ms-animation-delay:0.8s;
        animation-delay:0.8s;
}
.loader span:nth-child(6) {
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
        animation-delay:1s;
}
.loader span:nth-child(7) {
-webkit-animation-delay:1.2s;
   -moz-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
        animation-delay:1.2s;
}

/************/
body{ /*font-family: 'Raleway', sans-serif;*/ font-size:12px; }


.urunspec_fiy {font-family: 'Roboto', sans-serif;}

.uyemenu li a{ font-size:14px; color:#6B3321; }
.uyemenu li a:hover{ color:#ea7a1d
; }
.uyemenu li {border-top:1px dotted #B7AD9B;}

.sipdurum {width: 96%;
color: #333333;
    background: initial;
}

.urunspec_text label {color:#ea7a1d;}
.urunspec_selc label {color:#ea7a1d;}

.fform { border-radius: 0px;background-color:#fff}
.fform_tar input{  border-radius: 0px; background-color:#fff }

.footersiparis{ font-size:20px; font-weight:700; }
.featherlight .featherlight-content { border: 5px solid #ea7a1d; overflow: auto;     padding: 10px;    max-width: 760px;}
.urunspec h3{ color:#333333;margin-bottom: 5px;
; }
.mob{ display:none; }
.showbar_nav{ background-color:#333333
;border-radius: 30px; }
.subtitle i{ background:#333333
; }


.uyeform{  float:left; padding:10px 8px; margin:0 0 10px 0; border:1px solid #e6dbc7; font-weight:400; font-size:13px; color:#666; font-family: 'Roboto', sans-serif; line-height:16px; }


.urunspec_lf p {background:#ea7a1d}

.sepet ul.bos {
    border-radius: 0 0 0px 0px;}

.sepet ul{float:left;width:100%;background:#fffaf6;}
.uyemenu ul{float:left;width:100%;background:#fffaf6;}

.uyemenu h2,.sepet h2{ background-color:#333; color:#fff; text-shadow:none;border-radius:0px }
.urunkats li{ letter-spacing: 1px; }
.urunkats li a{border-radius: 0px 0px 0px 0px;   color: #000;    background-color: #fffaf6; }
.urunkats li a:hover, .urunkats li a.active{ background-color:#ea7a1d; color:#fff; text-shadow:none;letter-spacing: 1px;font-weight:900;border-radius: 0px 0px 0px 0px; }
.sube_title a{ background-color:#ea7a1d; color:#000; text-shadow:none;     right: 15px;line-height:34px; /* display:none*/}
.sube_title a:hover{  color:#fff; text-shadow:none; background:inherit !important}

.sube_title strong{ font-size:14px;}


.islemler li {width: fit-content;padding-right: 20px;}

.sendsiparis{ border-radius: 0px; background-position:right -40px;color:#000;background:url(../images/sepetgo.pngg) right top no-repeat #ea7a1d; padding:0 30px 0 30px;    margin-bottom: 20px;  /*width: 160px;*/}
.sendsiparis:hover{ background-color:#333; color:#ea7a1d;}

.sendsiparis_f{ display:block; float:left; background:#333; padding:0 50px 0 30px; height:40px; line-height:40px; text-align:center; color:#7C3F2A; text-align:center; 
 -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;
font-size:14px; font-weight:700; line-height:44px; border-radius:4px; webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4); box-shadow: 0 1px 1px 0 rgba(0,0,0,.4); text-shadow: 0 1px 0 rgba(255,255,255,.4); border-radius: 0px; background-position:right -40px;color:#fff;background:url(../images/sepetgo.pngg) right top no-repeat #3B5998; padding:0 20px 0 20px;    margin-bottom: 20px;  /*width: 160px;*/}

.sendsiparis_f:hover{ background-color:#fff; color:#3B5998;}



.sendsiparis1{ display:block; float:left; background:#333; padding:0 50px 0 30px; height:30px; line-height:40px; text-align:center; color:#7C3F2A; text-align:center; 
background:url(../images/sepetgo.png) right top no-repeat #F4A709; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;
font-size:14px; font-weight:700; line-height:44px; border-radius:4px; webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4); box-shadow: 0 1px 1px 0 rgba(0,0,0,.4); text-shadow: 0 1px 0 rgba(255,255,255,.4); }
.sendsiparis1{ border-radius: 0px; background-position:right -40px;color:#000;background:url(../images/sepetgo.pngg) right top no-repeat #ea7a1d; padding:0 10px 0 10px;    margin-bottom: 0px;line-height: 30px;float:right;}

.sendsiparis1:hover{ background-color:#333; color:#ea7a1d;text-shadow:none; cursor: pointer; cursor: hand;}


.sepet_total{ background:url(../images/sdw.png) center top #eda96d no-repeat;  }
.sepet_total a{ display:block; margin:0 20px; margin-bottom:15px; height:40px; line-height:40px; text-align:center; color:#ea7a1d; text-align:center; 
background:url(../images/sepetgo.pngg) right top no-repeat #F2E7D4; }
.sepet_total a:hover{ color:#ea7a1d; text-shadow: 0 1px 0 rgba(0,0,0,.4); background-position:right -40px; background-color:#333; }


.sepet_dev{ display:block; margin:0 20px; margin-bottom:15px; height:40px; line-height:40px; text-align:center; color:#ea7a1d; text-align:center; 
background-color: #F2E7D4; }
.sepet_dev:hover{ color:#ea7a1d; text-shadow: 0 1px 0 rgba(0,0,0,.4); background-position:right -40px; background-color:#333; }


.sube_title h2{  font-size:24px;  color:#333333
; }

.badge {background-color:#ff0000;border-radius: 10px; color:#ffffff; font-size:13px; padding-right: 6px; padding-left: 6px; position: absolute; right:-5px; top:-5px;}
.badge:hover, .badge a:hover, badge.active, badge a:active{background-color:#a5826c ; color:#F2E7D4;}

.subtitle i{ border-radius:15px;}


.mostbar li a img:hover{ -webkit-transform: scale(1.15) rotate(-2deg); -moz-transform: scale(1.15) rotate(-2deg); -ms-transform: scale(1.15) rotate(-2deg); transform: scale(1.15) rotate(-2deg); }


.mmenu li a{  color:#fff;  }
 .mmenu li{  border-top:1px solid #ea7a1d;letter-spacing: 2px; }
.mmenu div{ display:none; float:right; width:70%; padding:0 5%; height:100%; position:relative; right:-80%; top:0; background:#333333
; box-shadow:0 0 30px 0; }
 .mnav{ background:#f2e7d4;}
 
  .mnav li a{  color:#a5826c;  }
    .mnav li #spankalem{  color:#fff;  }
    
    
footer{ background:url(../images/sdw.png) center top #fffaf6 no-repeat; /* padding:30px 20px 20px 20px; margin-left:-20px; margin-top:45px;border:1px solid #cccccc;border-radius: 0px 0px 15px 15px;margin-bottom:10px;*/}

  
.sface{ background-position:0 0; border-radius: 4px;}
.stwet{ background-position:-32px 0; border-radius: 4px;}
.syout{ background-position:-64px 0; border-radius: 4px;}
.sinst{ background-position:-96px 0; border-radius: 4px;}


.navbar_menu li a{ display: block; position:relative; font-weight: 700; font-size: 13px; line-height: 20px; color: #7c3f2a; padding:20px 0;letter-spacing: 1px;
    text-shadow: 0 1px 0 rgba(255,255,255,.4); border-bottom:0px solid #e6dbc7; -webkit-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s; }
.navbar_menu li a:hover{border-bottom:0px solid #F4A70A;}

.navbar_menu li.btn{ padding:0 0 0 10px; }
.navbar_menu li.btn a{ border:none; border-radius: 0px; color:#ea7a1d; text-shadow:none; padding:5px; margin:10spx 0; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.navbar_menu li.btn a:hover{ border:none; color:#fff; background:#ea7a1d
}
.navbar_menu li.box{ border:none;border-radius:0px; background:#333333
; color:#fff; text-shadow:none; padding:5px; margin:10px 0; line-height:20px; margin-left:10px;letter-spacing: 1px; }
.navbar_menu li.box strong{ color:#FFCB46; font-weight:500; font-size:13px; }
.navbar_menu li.exit{ padding:0; }
.navbar_menu li.exit a{ display:none; width:32px; height:32px; border:none; background:url(../images/btnexit.png) no-repeat #E52635; margin:10px 0; padding:0;
    -webkit-transition: color .3s,background-color .3s; -o-transition: color .3s,background-color .3s; transition: color .3s,background-color .3s; }
.navbar_menu li.exit a:hover{ background-color:#f4a70a; }

.sipbox h3 {    background: #333;}

.btn1 a{ float:right;position:absolute;right:16px;margin-top:-4px; width:120px; height=32px; background:#ea7a1d
;padding:2px; border:none; border-radius: 5px; color:#ffffff; text-shadow:none; padding:5px; margin:10spx 0; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.btn1 a:hover{ border:none; color:#000000; background:#ffffff}

.btn2 {  display:none;  float: left; font-size: 14px;
    width: 100%;}
 
.btnipt {  display:block;  float: left; font-size: 11px;
    width: 100%;}  
    
.btnipt a {
    float: right;
    /* position: absolute; */
    /* right: 18px; */
    margin-top: -36px;
    /* width: 60px; */
    background: #717171;
    padding: 2px;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    text-shadow: none;
    padding: 5px;
    margin: 10spx 0;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin-right: 5px;
}
.btnipt a:hover{ border:none; color:#000000; background:#ffffff}
 
    
.btn2 a{padding:6px;text-align: center; margin:0 40px;display: block; margin-top:10px; margin-bottom: 10px; height=20px; background:#ea7a1d; border:none; border-radius: 5px; color:#ffffff; text-shadow:none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.btn2 a:hover{ border:none; color:#000000; background:#ffffff}

.uyeform { border-radius: 0px;
/*background:#fff !important*/
}

mm {font-family: 'Open Sans', sans-serif;}
mg { sfont-family: 'Titillium Web', sans-serif;
/*float: left;
    margin-left: 10px;*/
 /*resimler gelince a��lacak*/
}
mg:before {


    display: block !important;
    position: absolute !important;
    background-position: center;    
    background-position:75px;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    opacity: 0.9 !important;
    
    background-repeat: no-repeat !important;
    /*background-position: 50% 0 !important;*/
   /* -ms-background-size: cover !important;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover  !important;
    background-size: cover !important;*/
  background-size:150px;
 }
 

mg:after {
opacity:inital;
}
 
.topbar_menu {

    margin-right: 10px;
}



.logo img {
    height: 120%;
    margin-top: 0px;
}


.footer_social li a {

    background-image: url(../images/social3.png);
    background-size:128px;
}

.fform_tar div{ display:block; }


.footer_tel{ float:right; width:25%;text-align:center }
.footer_oth{ float:left; width:25%;text-align:center }
.footer_menu{ float:right; width:25%;text-align:center; display:block;}
.footer_social{ float:right; width:25%;text-align:center }
 .footer_app { float:right;  width:25%;text-align:center }




.footer_oth imgg {width: 30%;height:30%;margin-left:20px;}

.footer_social ul {
    padding-right: 0px;
    float:none;
    display: inline-block;
}


.spinner {
display:none;
  float:right;
  position: absolute;
  right:7px;
  bottom:2px;
      z-index: 1001;
}

.spinner > div {
  width: 4px;
  height: 4px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}








/*f.t css ek*/

.item-list {
    margin-bottom: 30px;
}
 
.item-list li {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
}
 
.item-list li img {
    display: none;
}
 
.item-list li .urunlink {
    height: auto;
    width: auto;
}
 
.item-list li .urunlink h3 {
    text-align: left;
}
 
.item-list li p {
    position: relative;
    float: right;
    font-size: 14px;
    padding: 6px 10px 5px;
    width: 50px;
    text-align: right;
}
 
.item-list li .btnsepet {
    float: right;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
 
.item-list li gu {
    position: initial;
    float: left;
    padding: 5px 6px 0 6px;
}
.content {
    width: 645px;
}
 
.list-type {
	
    float: right;
}
.list-type a {
	right: 15px;
    display: inline-block;
    position: relative;
    float: left;
    font-size: 20px;
    padding: 0 10px;
    color: #fff;
}
.list-type a:hover {

background-color: #FFCB46;
}
.list-type a.selected {
    color: #333;
}
.list-type a:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right:solid 1px #ccc;
}
.list-type a:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
 




.featherlight .urunspec_radi {
    min-width: 140px;
}





/*spinner*/

.sk-fading-circle {
  
  float:right;
  width: 16px;
  height: 16px;
  position: absolute;
  right:5px;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
  
  
  
  
}