@charset "iso-8859-9";
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,600i,700,800,900&subset=latin-ext&display=swap";
@import url("all.min.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");
@import url("../js/fancybox/jquery.fancybox.css");
@import url("../js/validate/validation.css");
@import url("flavr.min.css");
@import url("../../../../multimedia/systemicons.css");
@import url("slider.css");
/*
mavi: #55acee
koyu mavi: #124283
kırmızı renk tonu: #CB003A
global yeşil: #56A600
*/

html,body { font-family: 'Poppins',sans-serif; font-size: 13px; line-height: normal; font-weight: 400; color: #2A2A2A; background-color: #ececec; margin: 0px; padding: 0px; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;}
img{text-indent:-9999999px}	
.headerodeme{display: block; background-color: #de2526; color: #fff; padding: 8px 13px; font-weight: 600;}
*, *::before, *::after{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none}
div#mobilemenucontaniner {display:none}
a { color: #124283; text-decoration: none; }
img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
.clear { clear: both }
*{word-break: break-word;}
.dsp-flex{display: flex;}
.dsp-inflex{display: inline-flex;}
.flx-wrap{flex-wrap: wrap;}
.flx-nowrap{flex-wrap: nowrap;}
.dsp-row{flex-direction: row;}
.dsp-col{flex-direction: column;}
.just-btwn{justify-content: space-between;}
.just-start{justify-content: flex-start;}
.just-center {justify-content: center;}.just-end {justify-content: flex-end;}
.aligncontent-right{align-content: flex-end;}
.aligncontent-center{align-content: center;}
.alignitem-start{ align-items: flex-start;}
.alignitem-center{align-items: center}
.userloginsl {line-height: 16px;}
.ustaltp50 {padding: 50px 0;}
.ustaltp25 {padding: 25px 0;}
.ustaltp20 {padding: 20px 0;}
.ustaltp15 {padding: 15px 0;}
.ustaltp10 {padding: 10px 0;}
.ustaltp5 {padding: 5px 0;}
.clear {clear: both;}
.pad10{padding:10px;}
.byz-bg{background-color:#fff;}
strong { font-weight: 700; color: #3D3D3D }
.width100{width:100%}
.text-center{text-align:center}
.warp { width:100%;max-width: 1270px;margin: 0 auto;position: relative;}
ul, li {padding: 0;list-style-type: none;margin: 0;}
.globaltextcolor{color:#c21c22;}
.globalbackgroundcolor{background-color: #c21c22;}
.ikcizsol , .ikcizsag{border-top: 3px solid #c21c22;}
.carogruo-baslik span {color: #c21c22;}
.whatsappmobile {display: none;}
.whatsappmasaustu {width: 75px;position: fixed;bottom: 0px;left: 10px;z-index: 16;}
.whatsappmobile.sagayasla {left: auto;right: 10px;}
.whatsappmasaustu.sagayasla {left: auto;right: 10px;}
.ozellikTables tbody {display: table-row-group;}
.ozellikTables td {padding: 8px 10px;display: table-cell;width:50%}
.ozellikTables tr {padding: 8px 10px;display: table-row;width:100%}
.ozellikTables tr:nth-child(2n+1) {background-color: #f5f5f5;}
.urunicerikbolmesi ul,.urunicerikbolmesi ul li{list-style-type:disc;margin-left:5px;padding-left:5px}
/*HEADER BAŞLAR*/
#mobilehead{display:none;}
.listdotted ul{padding-left:30px;list-style-type:disc;}
.listdotted ul li{list-style-type:disc;}
header{position: relative;width: 100%;margin-bottom: 10px;
background-color:#FFFFFF;}
#header-sol{width:500px;justify-content: space-evenly}
#header-logo{width: 100%;position: relative;    padding: 2px 0px;}
#header-logo a{width: 100%;display: block;}
#header-logo img{width: 100%; height: auto;max-width: fit-content;max-width: -moz-fit-content;}
#header-orta{width:calc(100% - 1020px);text-align:left;padding:10px 0px;  }
#header-sag{width:330px;}
div#header-sag-top {margin-bottom: 26px;margin-top: 8px;}
.mobil-icon.iconktgr {display: none;}
a.kaskiconhead {display: block;width: 28px;height: 40px;background-repeat: no-repeat;background-position: center;background-size: 40px 38px;font-size: 28px;}
a.headbasket {display: block;width: 33px;height: 43px;background-repeat: no-repeat;background-position: center;background-size: 42px 38px;font-size: 30px;}
#mobil-menu {position: fixed;top: 0;right: -270px;width: 270px;height: 100%;z-index: 999;transition: all .2s ease-in-out;background: #fff;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
#menuOverLay {position: fixed;right: 0;top: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,.8);z-index: 23;display: none;cursor: default;}
.mobil-icon a {color: #363636;}
.padt12{padding-top:12px}
.padb12{padding-bottom:12px}
div#nav-area {width: 100%;position: relative;background-color: #fbfbfb;border-top: 1px solid #edf1f2;border-bottom: 1px solid #edf1f2;}
.navmnfric {vertical-align: middle;margin-right: 5px;display: inline-block;font-size:20px}
.navlistitem > a > span{display:inline-block;vertical-align:middle;font-size:16px}
.navlistitem  {position:inherit}
.bordersolkck > a:before{content: '';display: block;width: 1px;height: 20px;background-color: #edf1f2;position: absolute;left: 0;top: calc(50% - 10px);}
.navlistitem > a {color: #363636;height:auto;padding: 13px 13px;display: block;font-size: 16px;font-weight: 400;border-bottom:1px solid transparent;}
.navlistitem:first-child > a {border-left: 0px solid #363636;padding-left: 0px}
.navlistitem:hover > div {-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;display:block;opacity:1;}
.navlistitem > div {position: absolute;padding: 0px;background-color: #fff;border-bottom: 4px solid #c21c22;z-index: 15;box-shadow: 0 2px 7px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 2px 7px rgb(0 0 0 / 20%);-moz-box-shadow:  0 2px 7px rgb(0 0 0 / 20%);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;display:none;opacity:0;min-width: 185px;}
.mmarkamrn {width: 1000px;}
.mmarkamrn ul {list-style-type: none;display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start;}
.mmarkamrn ul li {display: inline-flex  !important;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;width: 20% !important;box-sizing: border-box;padding: 2px;flex-direction: column;align-items: center;text-align: center;}
.mmarkamrn ul li a {display: block;width: 95%;}
.navlistitem > div > ul {position: relative;}
.navlistitem > div > ul > li{position: relative;display: block;width: auto;}
.navlistitem > div > ul >li > a {font-size: 13px;font-weight: 500;color: #363636;padding: 10px 10px;border-bottom: 1px dotted #e8dbdb;display: block;line-height: normal;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.navlistitem > div > ul >li > a:hover {}
.navlistitem > div > ul >li:last-child > a {border-bottom: 0px dotted #e8dbdb;}
li.navlistitem.prelative {position: relative;}
li.navlistitem.prelative div {min-width:650px}
li.navlistitem.prelative > div >ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
li.navlistitem.prelative >div >ul>li {
    width: 25%;
    text-align: center;
}
.topcatm {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}


.topcatltc li {position:relative}
.topcatltc {
    display: none;-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.topaltct:hover  {
    /* display: none; */
   background-color: #fbfafa;
   cursor:pointer;
  
}
.topaltct:hover > .topcatltc {
    /* display: none; */
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    min-width: 183px;
  padding-left:0px;
  width: 150%;

}
.topaltct:hover > .topcatltc ul li:hover .topcatltc {
    /* display: none; */
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    min-width: 183px;
  padding-left:0px;
  width: 150%;

}
.topaltct {
padding: 7px 10px;
    flex: 1 0 auto;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;border-top:3px solid transparent;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;position: relative;
}

.topaltct ul{
 background-color: #fbfafa;box-shadow:  0px 3px 3px 0px rgb(0 0 0 / 41%);
    -webkit-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 41%);
    -moz-box-shadow:  0px 3px 3px 0px rgb(0 0 0 / 41%);   
}
a.tpmenuallpro {
    display: block;
    font-size: 12px;
    color: #363636;
    padding: 5px 15px;  -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

a.tpmenuallpro:hover {

	
	    color: #c21c22;transform: translate(8px,0px);
-webkit-transform: translate(8px,0px);
-moz-transform: translate(8px,0px);

  
}

a.tpmenulistpro {
    display: block;
    font-size: 14px;font-weight: 500;
    color: #363636;
    padding: 10px 10px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border-bottom: 1px dotted #e5e5e5;
    position: relative;

}
.topcatltc ul li:last-child  a.tpmenulistpro{
  
    border-bottom: 0px dotted #e5e5e5;
}
 
.topcatmtitle {
    border-bottom: 0px solid #c21c22;
    font-size: 14px;
    font-weight: 600;
    color: #363636;margin-bottom: 0px;
    width: 100%;

}
.topcatmtitle a{ color: #363636;}
.topcatm:hover >.topaltct:before {
    content: '>';
    position: absolute;
    right: 3px;
    color: #fff;
    font-size: 21px;
    top: 0px;
    height: 100%;
    vertical-align: middle;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.topaltct:hover > .topcatmtitle > a,.topcatmtitle:hover a ,.topcatmtitle a:hover{ color: #fff;}
a.top-menu-item:first-child {
  margin-left:0px;
   
}a.top-menu-item {
    display: inline-block;
    font-size: 12px;
    color: #363636;
    padding: 0px;margin-left:15px;
   
}
a.header-contact-item {color: #363636;margin-left: 20px;}
#top-header {background-color: #f5f5f5;padding: 3px 0px;}
a.header-contact-item:first-child {color: #363636;margin-left: 0px;}
span.cntct-item-ic {font-size: 13px;}
span.cntct-item-ic i{font-weight: 600;}
span.cntct-item-txt {font-size: 13px;margin-left: 5px;}
.whatsp{font-size: 19px !important;color: #c21c22;}
div#inputarea {position: relative;display: inline-block;width: calc(100% - 50px);border-left: 0px;}
input#searc-area-input {border: 0px solid #e5e5e5;font-size: 12px;padding: 9px 0px 9px 42px;outline: none;height: 46px;width: 100%;border: 1px solid #e5e5e5;}
span#search-icon {position: absolute;left: 0px;top: 0;z-index: 1;color: #9a9797;height: 46px;padding: 9px 10px;font-size: 20px;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
#search-icon:before {content: '';width: 44px;height: 46px;border: 1px solid #e5e5e5;display: block;z-index: 0;position: absolute;left: auto;top: 0px;right: 0;border-right: 0px solid transparent;border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;}
button#search-btn {display: inline-block;height: 46px;color: #fff;border: 0px solid #de2526;width: 50px;outline: none;font-weight: 600;font-size: 12px;position: relative;z-index: 0;text-indent: -6px;cursor: pointer;border-radius: 10px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
button#search-btn:after {content: '';width: 24px;height: 46px;display: block;z-index: -1;position: absolute;left: -8px;top: 0;border-right: 0px solid transparent;transform: skew(340deg, 0deg);-webkit-transform: skew(340deg, 0deg);-moz-transform: skew(340deg, 0deg);background-color: #c21c22;}
div#search-area-content {position: relative;font-size: 0px;width: 475px;}
div#search-result-area,div#search-result-area-mobile {position: absolute;width: 100%;z-index: 1;background-color: #fff;padding: 10px;border-bottom: 4px solid #c21c22;z-index: 3;box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 41%);-webkit-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 41%);-moz-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 41%);-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
a.searcajitem {display: block;width: 100%;color: #363636;font-size: 13px;font-weight: 500;padding: 3px 0px;border-bottom: 1px dotted #e5e5e5;}
a.searcajitem small{color: #363636;font-size: 11px;font-weight: 500;}
#header-sag-alt {display: flex;justify-content: flex-end;}
.user-menu {display: flex;align-items: center;flex-wrap: wrap; margin-left: 25px; }
.user-login-button { padding: 1px 15px; border-radius: 4px; }
.headuserikon {flex: 0 0 auto;width: auto;max-width: none;position: relative;min-height: 1px;line-height: normal;font-size: 36px;color: #363636;}
.headuserikon a{color: #c21c22;}
.headuserselect {flex: 0 0 auto;width: auto;max-width: none;padding-left: 5px;position: relative;min-height: 1px;line-height: normal;}
.userloginsl a {color: #363636;font-weight: 600;font-size: 13px;}
.userloginsl  .ayrac {color: #edf1f2;margin: 0px 5px;font-weight: 400;font-size: 17px;}
.userlogdesc a {font-size: 11px;color: #a9a195;font-weight: 400;margin-top: 0px;display: block;line-height: 7px;}
/*HEADER BİTER*/


/*BANNER BAŞLAR*/
#homebannerarea {
    position: relative; width: 100%;margin-bottom: 5px;margin-top:-10px;
}
#homebanner {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    z-index: 1;
    margin: 0;
}
.homebanner img {
    height: auto;
    width: 100%;
}
div#homebanner button.owl-prev {
    display: inline-block !important;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    color: #525252;
    position: absolute;
    top: 50%;
    left: 5px;
    border: 2px solid #525252;
    font-size: 22px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;

}
div#homebanner button.owl-next {
    display: inline-block !important;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    color: #525252;
    position: absolute;
    top: 50%;
    right: 5px;
    border: 2px solid #525252;
    font-size: 22px;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
div#bannerkampanya {
    width: 25%;
    position: relative;
    padding-left: 10px;
}
div#kampanya-all-box {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-top: 0;
}

.kampanya-baslik {
  background-color: #000000;
    color: #fff;
    padding: 11px 65px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.kampanya-box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.kampanya-box-gorsel {
    text-align: center;
}
.kampanya-box-gorsel img {
    max-width: 160px;
    display: inline-block !important;
}
.kampanya-sepet-total {
    margin-bottom: 5px;
}
span.kampanya-sepet {
    border: 1px solid #e5e5e5;
    padding: 5px 18px;
    font-size: 13px;
    color: #363636;
}
span.kampanya-sepet-icon {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    font-size: 13px;
    color: #de2526;
}
.kampanya-adi {
    font-size: 15px;
    text-align: center;
}
.kampanya-fiyat {
    font-size: 15px;
}
span.kampanya-box-fytorn {
    background-color: #de2526;
    padding: 8px 5px;
    
    width: 40px;
    height: 40px;
    color: #fff;
	border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;

}
span.kampanya-box-fyt {
    text-decoration: line-through;
    color: #9a9a9a;
}
span.kampanya-box-txt {
    color: #363636;
}
.kampanya-fiyat-sag {
    padding: 7px;
}
.kampanya-box .owl-nav {
    display: inline-block !important;
    top: -35px;
    width: auto;
    height: auto;
    color: #dcdcdc !important;
    position: absolute;
    right: 5px;
    font-size: 16px !important;
    font-weight: 100 !important;
}
.kampanya-box .owl-nav .owl-prev{margin-right: 3px;}

/*BANNER BİTER*/
/*Product BOX*/
.urun-box-content {position: relative;line-height: normal;}
.urunbox-container.bordered {border: 1px solid #e5e5e5;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.urunbox-container.bordered:hover {border: 1px solid #c21c22;}
.urun-box-content .urn-image{position: relative;}
.urun-box-content .urn-image .ikincifoto {left: 0;max-width: 100%;opacity: 0;position: absolute;top: 0;visibility: hidden;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.urun-box-content:hover .urn-image .ikincifoto {opacity: 1;visibility: visible;}
.urunbaslik a {display: block;}
.urunbaslik h3 {margin:0px;padding:0px;}
.urun-box-content .urunaciklama {position: relative;}
.urun-box-content .box-pr-nm {font-weight: 600;font-size: 16px;color: #363636;width: 100%;overflow: hidden;display: block;text-overflow: ellipsis;margin-top: 0!important;/* white-space: nowrap;*/text-align: left;}
.urun-box-content .box-cat {text-transform: uppercase;font-size: 13px;color: #848484;font-weight: 400;margin: 0 auto;}
.urunyildiz {font-size: 12px;color: #fdd835;}
.urunlerfiyat {width: 100%;font-size: 18px;font-weight: 500;}
.hompgsol {width: 25%;float: left;padding-right: 10px;}
.hmprogrop {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.hmprogrop > ul{padding: 0px;margin: 0px;}
.hmprogrop > ul>li{padding: 0px 5px;position: relative;margin: 0px;}
.hmprogrop  a:hover, .hmprogrop  li:hover > a{  color:#30427a }
.hmprogrop  a{display: flex;width: 100%;padding: 15px 5px;border-bottom: 1px solid #e5e5e5;font-size: 13px;font-weight: 500;color: #363636;flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: space-between;align-items: center;}
.hmprogrop > ul>li ul{display:none;}
.hmprogrop  > ul > li:hover> ul, .hmprogrop  > ul > li > ul >li:hover > ul{display: block;position: absolute;left: 100%;width: 200px;z-index: 99;top: 0px;background-color: #fff;border: 1px solid #e5e5e5;}
.hmprogrop > ul>li>ul li{position: relative;}
.hmprogrop i {font-size: 18px;}
.hompgsag {width: 75%;float: right;}
.textcolorwhite{color:white}
.slbs {font-size: 19px;padding: 10px 10px;margin-top: 25px;}
span.urunlerinszfyt {margin-right: 4px;display: inline-block; text-decoration: line-through; color: #9a9a9a;}
span.urunlerinfyt {display: inline-block;margin-right: 4px;font-weight: 600;}
span.urunlerorn {display: inline-block;width: 20%;border-radius: 7px;text-align: center;font-size: 14px;color: #fff;font-weight: 600;}
.sepette_fiyati{ color: green; display: block; margin-left: 100px; font-size: 12px;}
.sepet_fiyati {  color:green; font-size:10px; padding: 2px; border-radius:2px; border:1px solid green}
.sepet_fiyati i { font-size :10px !important;}
.urunlerfiyat span span {vertical-align: middle;display: inline-block;}
.urunlerfiyat span i {font-size: 14px;margin-left: 2px;}
.urunbox-container{position:relative;width: 100%;overflow:hidden;}
.urunbox-container .quickview {position: absolute;left: 0;right: 0;top: 50%;opacity: 0;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.urunbox-container .quickview span {width: 46px;display: block;height: 46px;line-height: normal;color: #fff;border: 0;border-radius: 100%;-webkit-border-radius: 100%;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;position: relative;margin: 0 auto;text-align: center;font-size: 18px;line-height: normal;padding: 11px 0px;opacity: .8;color: #fff;}
.urunbox-container:hover .quickview {opacity: 1;}
.urunbox-container .box-action {position: absolute;background-color: #ffffff;width: 100%;top:100%;padding: 7px 10px;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);left:0px;opacity:0;-webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.urunbox-container:hover .box-action {opacity:1;transform: translate(0px,-40px);-webkit-transform: translate(0px,-40px);-moz-transform: translate(0px,-40px);}
.box-action:after{clear:both;content:'';display:Block;}
.viewproduct {font-size: 15px;text-transform: uppercase;font-weight: 600;position: relative;float: left;}
.viewproduct:after {content: "";left: 0;right: 0;background: #c21c22;height: 2px;position: absolute;bottom: 0px;}
.prod-act {float: right;}
.favbtn:after {content: "\f004";display: inline-block;font: bold normal normal 22px/1 "Font Awesome 5 Free";font-size: 22px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 0px 0px;vertical-align: middle;font-weight: 400;}
.favbtn.faved:after {content: "\f004";display: inline-block;font: bold normal normal 22px/1 "Font Awesome 5 Free";font-size: 22px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 0px 0px;vertical-align: middle;font-weight: 600;} 
.favbtn:hover:after {content: "\f004";display: inline-block;font: bold normal normal 22px/1 "Font Awesome 5 Free";font-size: 22px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 0px 0px;vertical-align: middle;font-weight: 600;}
.urunKutuOzellikler.sol {right: auto;left: 0;width: 115px;z-index: 1;}
.urunKutuOzellikler.sag {right: 0;    z-index: 1;width: 95px;}
.urunKutuOzellikler.sol .urunDetayOzellikBox.urun_hizligonderi {width: 105px;margin-bottom: 5px;background-color: #ffffffd9;border: 1px solid #f3f3f3;}
.urunKutuOzellikler.sol .urunDetayOzellikBox.urun_ucretsizkargo {width: 115px;margin-bottom: 5px;background-color: #ffffffd9;border: 1px solid #f3f3f3;}
.urunKutuOzellikler.sag .urunDetayOzellikBox.urun_yeniurun {width: 95px;margin-bottom: 5px;background-color: #ffffffd9;border: 1px solid #f3f3f3;}
.urunKutuOzellikler.sag .urunDetayOzellikBox.urun_indirimliurun {width: 95px;margin-bottom: 5px;background-color: #ffffffd9;border: 1px solid #f3f3f3;}
.urunbox-container:hover .urunKutuOzellikler > div {   background-color: #fff !important;}
.urunbox-container .urunKutuOzellikler > div {   -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.item3lu {width: 33.33333%;padding: 0px 5px 10px 5px;}
.item4lu {width: 25%;padding: 0px 5px 10px 5px;}
.item5lu {width: 20%;padding: 0px 5px 10px 5px;}
/*Product BOX*/
.bl-baslik {position: relative;width: 100%;}
.bl-baslik .bl-title{width: 100%;text-align: center;font-size: 22px;font-weight: 600;letter-spacing: normal;margin: 0px;color: #676767;}
h2.carogruo-baslik {width: 100%;text-align: center;font-size: 22px;font-weight: 600;letter-spacing: normal;margin: 0px;color: #676767;}
.hmikc {width: 100%;padding: 0;text-align: center;font-size: 0px;line-height: normal;margin-bottom: 5px;}
.ikcizico:after{content: "\f107";display: inline-block;font: normal normal normal 24px/1 "Font Awesome 5 Free";text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 0px 0px;vertical-align: middle;font-weight: 600;}
.ikcizsol , .ikcizsag{width: 79px;display: inline-block;height: 18px;vertical-align: bottom;}.ikcizico{display: inline-block;vertical-align: middle;margin: 0px 10px;}
.ozelowl .owl-dots .owl-dot span {width: 25px;height: 8px;margin: 5px 7px;background: transparent;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;border: 1px solid #e5e5e5;}
.ozelowl .owl-dots .owl-dot.active span, .ozelowl .owl-dots .owl-dot:hover span {background: #de2526;}
/*reklam*/.rsm-content {margin: 0px -5px;}
.rsm-content>div {text-align:center;}
.rsmg1 {max-width: 100%;padding: 5px;}
.rsmg2 {width: 50%;padding: 5px;}
.rsmg3 {width: 33.333333%;padding: 10px 5px 5px 5px;}
.rsmg4 {width: 25%;padding: 5px;}
.rsmg6 {width: 33.333333%;padding: 5px;}
/*reklam*/.tabMenu { background-image: url(../images/MenuTab.png); background-repeat: no-repeat; background-position: center bottom; display: block; margin: 0px; padding: 0px; max-height: 75px; list-style-type: none; text-align: center; background-size: contain }
.tabMenu li { display: inline-block; padding: 0px; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; list-style-type: none;float: left; }
.tabMenu li a { font-size: 12px; line-height: 34px; font-weight: 400; color: #FFFFFF; text-decoration: none; background-color: #A0A0A0; display: inline-block; padding-right: 6px; padding-left: 6px; border-radius: 4px 4px 0px 0px; border-top: solid 1px #848484; border-left: solid 1px #848484; border-right: solid 1px #848484; }
.tabMenu li a:hover { background-color: #353637; border-top: solid 1px #353637; border-left: solid 1px #353637; border-right: solid 1px #353637; }
.tabMenu li a.active { background-color: #fff; color: #55acee; border-top: solid 1px #E0E0E0; border-left: solid 1px #E0E0E0; border-right: solid 1px #E0E0E0; font-weight: 500; }
#kategoriler { padding-top: 10px; position: absolute; left: 0; top: 60px; right: 0; z-index: 25; display: none; background-color: #fff; border-radius: 3px; padding: 15px; }
#kategoriler:after { height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #fff transparent; position: absolute; content: ""; left: 40px; top: -6px; }
#menuOverLay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); z-index: 23; display: none; cursor: url('../images/c.png'), default; }
.popKapat { text-align: center; padding-top: 15px; background-image: url(../images/kapat.png); background-repeat: no-repeat; background-size: contain; background-position: center top; }
.kapatIcon { display: inline-block; background-color: #da012e; color: #fff; text-decoration: none; width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align: center; -webkit-transition: all 800ms; -moz-transition: all 800ms; -ms-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; }
.tabcontentMenu { padding-top: 10px; padding-bottom: 10px; }
.kapatIcon:hover { background-color: #a90124; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.subKats { display: block; margin: 0px; padding: 0px; list-style-type: none; }
.subKats>li { display: block; float: left; width: 16.666666%; box-sizing: border-box; padding: 7px; margin: 0px; list-style-type: none; }
.subKats>li>a { color: #282828; text-decoration: none; display: block; border: solid 1px #EBEBEB; padding: 10px; text-align: center; font-size: 14px; line-height: 20px; font-weight: 400; padding-right: 10px; font-weight: bold; }
.subKats>li>a span { display: block; text-align: center; }
.subKats>li>a small { display: block; text-align: center; color: #666; font-weight: normal; font-size: 12px; }
.subKats>li>a span img { max-width: 100%; }
.subKats>li:hover>a { -webkit-box-shadow: inset 0 0 20px 0 #E0E0E0; box-shadow: inset 0 0 20px 0 #E0E0E0; }
.homemark-item{display:block;width:100%;filter: grayscale(100%);-webkit-filter: grayscale(100%);-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;}
.homemark-item:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;}
.footer_special_desc{
	text-align: center;font-weight: 400;padding:10px 200px 0px 200px;
}
#footer { background-color: #282828; border-top-width: 1px; border-top-style: solid; border-top-color: #edf1f2; }
.footerLinks { float: left; width: 17%; box-sizing: border-box; padding-right: 30px; color: #f7f7f7; font-weight: 300; font-size: 11px; }
.footerLinks.w2 { width: 32% }
.footerLinks h4 { font-size: 14px; line-height: 35px; font-weight: 600; margin: 0px; padding: 0px; color: #f7f7f7; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#393939; margin-bottom: 10px;}
.footerLinks span { color: #242424; }
.footerLinks a { font-weight: 400; font-size: 12px; color: #f7f7f7; text-decoration: none; display: block; line-height: 24px; }
.footerLinks a:hover { color: #fff }
a.mobildefiltrele {display: none;}
.socialLinksfooter {position: relative;width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-content: flex-start;justify-content: flex-start;align-items: flex-start;margin-top: 15px;}
.socialLinksfooter a {display: inline-flex;padding: 5px;font-size: 22px; margin-right: 3px;}
#footerAdres { margin-top: 10px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #393939; border-bottom-color: #393939; color: #f7f7f7; font-weight: 300; line-height: 20px; background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
#magazaAdres { display:flex; padding-top: 15px; padding-bottom: 15px; float: left; box-sizing: border-box; padding-right: 20px; }
#magazaAdres i { font-size: 36px; margin-right: 10px;}
#magazaMail { display:flex; padding-top: 15px; padding-bottom: 15px; float: left; box-sizing: border-box; border-left: solid 1px #393939; border-right: solid 1px #393939; padding-right: 20px;  }
#magazaMail i { font-size: 36px; margin: 0px 10px;}
#magazaNumara { display:flex; padding-top: 15px; padding-bottom: 15px; float: left; box-sizing: border-box; }
#magazaNumara i { font-size: 36px; margin: 0px 10px;}
#magazaAdres strong, #magazaMail strong, #magazaNumara strong { display: block; font-size: 14px; color: #f7f7f7; font-weight: 700; }
.mastercard { background-position: left -6px; background-image: url(../images/carsmerged.png); }
.visa { background-position: left -53px; background-image: url(../images/carsmerged.png); }
.amex { background-position: left -101px; background-image: url(../images/carsmerged.png); }
#cardicon, #bankaicon { line-height: 40px; width: 82px; border-radius: 6px; -webkit-border-radius: 6px; background-repeat: no-repeat; display: inline-block; text-indent: -3500px; }
#bankaLogolari { background-color: #222; background-image: url(../images/bbankaLogolari.png); background-repeat: no-repeat; background-position: center center; height: 50px; margin-bottom: 12px; }
#footerCopyright { padding-top: 12px; padding-bottom: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #393939; font-size: 11px; font-weight: 300; color: #f7f7f7; }
#footerCopyright strong { font-weight: bold;color: #f7f7f7;  }
#copyRightLinks { float: right; width: 50%; text-align: right; color: #A3A3A3; }
#copyRightLinks a { color: #f7f7f7; text-decoration: none; }
#storeplus { color: #FFF; font-size: 12px; font-weight: 300; text-align: center; padding: 5px; }
#storeplus a { font-weight: 550; color: #e30613; text-decoration: none; }
#copyRightLinks a:hover, #storeplus a:hover { text-decoration: underline }
#mainContent { padding-top: 10px; padding-bottom: 10px; }
#sayfaBasi { font-size: 25px; line-height: 40px; color: #363636; background-color: #fff; float: right; margin-top: 10px; padding-right: 15px; padding-left: 15px; padding-bottom: 7px; cursor: pointer; height: 40px; }
#sayfaBasi:hover { background-color: #fff; }
.footerMaillist { border: 0px solid #393939; margin-top: 7px;background-color:#fff; }
.footerMaillist input { font-family: 'Poppins', sans-serif; font-size: 12px; color: #363636; height: 46px; width: calc(100% - 46px); border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 10px; box-sizing: border-box; }
.footerMaillist a { color: #282828 !important; background-color: #fff !important; float: right; height: 46px; width: 46px; display: block; text-align: center; font-size: 28px !important; line-height: 50px; }
.footerMaillist a:hover { color: #363636; }
#homeLeft { float: left; width: 50%; padding-right: 5px; box-sizing: border-box; margin-bottom: 10px; }
.homeMansetContent { border: solid 1px #edf1f2; background-color: #fff; height: 350px; border-radius: 3px; box-sizing: border-box; padding: 10px; position: relative; }
#homeRight { float: right; padding-left:5px; width: 50%; box-sizing: border-box; margin-bottom: 10px; }
.homeBox { width: 50%; box-sizing: border-box; float: left; }
.homeYarimBox { width: 25%; box-sizing: border-box; float: left; }
.homekutuContent { border: solid 0px #edf1f2;  background-color: #fff; border-radius: 3px; padding: 0px; box-sizing: border-box; position: relative; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.homeBoxContent { border: solid 1px #edf1f2; height: 170px; background-color: #fff; border-radius: 3px; padding: 10px; box-sizing: border-box; position: relative; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.homeBoxContent:hover { -webkit-box-shadow: inset 0 0 10px 0 #D6D6D6; box-shadow: inset 0 0 10px 0 #D6D6D6; border-color: #124283 }
.homeBoxContent a.yazilar, .homeBoxContent a.yazilarTam { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #2A2A2A; font-size: 11px; font-weight: 400; line-height: 16px; }
.homeBoxContent a.yazilar { left: 40%; right: 5%; }
.homekutuContent a.kutuyazilar { position:absolute; }
.homeBoxContent a.yazilarTam { left: 0; }
.homeBoxContent a.resim { position: absolute; width: 30%; left: 5; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.box1 { padding-right: 10px; padding-bottom: 10px; }
.box2 { padding-bottom: 10px; }
.box3 { padding-right: 10px; }
#kampanyalar {float: left;width: 100%;box-sizing: border-box;}
.width100 {width: 100% !important;}
.width100 img{width: 100% !important;}
.width3 {width: 33.333% !important;}
.width50 {width: 50% !important;}
.kampanyaKutu {float: left;width: 33.333%;background-color: #fff;margin-bottom:10px;}
.kampanyaResim {display: block;position: relative;margin: 10px;background-color: #fff;}
.kampanya_Text {position: absolute;bottom: 0px;width: 100%;}
.kategorikutu_Text {position: absolute;bottom: 0px;width: 100%;}
a.kategorikuturesim {position: relative;display: block;}
.kategorikutu_Text h2 {color: #fff;font-size: 16px;font-weight: 700;max-width: 90%;padding: 5px 7px;margin: 10px auto;text-align: center;background-color: rgba(0, 0, 0, 0.27);display: table;position: relative;text-shadow: 0px 1px 0px #000000;}
h2.kampanya_Baslik {color: #fff;font-size: 18px;font-weight: 700;max-width: 90%;padding: 5px 7px;margin: 10px auto;text-align: center;background-color: rgba(0, 0, 0, 0.27);display: table;position: relative;text-shadow: 0px 1px 0px #000000;}
.kampanya_Btn {-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;display: table;color: #fff;font-size: 14px;font-weight: bold;padding: 5px 7px;border: 1px solid #fff;text-shadow: 0px 1px 0px #000000;margin: 10px auto;background-color: rgba(0, 0, 0, 0.27);position:relative;}
span.kampanya_Aciklama {font-size: 13px;font-weight: normal;} 
.kampanyaResim img{border: solid 1px #edf1f2;}
.kampanyaResim:hover .kampanya_Baslik, .kategorikuturesim:hover h2{  background-color: rgba(0, 0, 0, 0);}
.kampanyaResim:hover, .kategorikuturesim:hover{  background-color: #000; }
.kampanyaResim:hover img, .kategorikuturesim:hover img{opacity:0.6;}
.kampanyaResim:hover .kampanya_Btn{-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;background-color: none;color:#fff; text-shadow: none;}
.homeKategoriler { margin-top: 10px; background-color: #fff; border: solid 1px #edf1f2; padding: 10px; border-radius: 3px; }
.homeKategoriler h2 { color: #124283; font-size: 16px; line-height: 30px; font-weight: 700; margin: 0px 10px; padding: 0px 0 7px 0; display: block; background-image: url(../images/rmg.png); background-repeat: no-repeat; background-position: left bottom; }
.homeKategoriler h2 a { font-size: 11px; line-height: 23px; font-weight: 300; color: #282828; display: block; float: right; padding-right: 9px; padding-left: 9px; border: 1px solid #edf1f2; text-decoration: none; background-color: #FFFFFF; box-sizing: border-box; border-radius: 3px; }
.kategoriContent { box-sizing: border-box; border-radius: 3px; background-color: #fff; position: relative; }
#homeAltLeft { float: left; width: 50%; padding-right: 5px; box-sizing: border-box; }
#homeAltRight { float: right; width: 50%; padding-left: 5px;box-sizing: border-box;}
.box5 { width: 100%; margin-bottom: 10px; }
.box6 { padding-right: 10px; }
.box8 { height: 350px; width: 100%; }
.box8 .homeBoxContent { height: 350px; }
.cerezbilgisi {height: auto;width: 310px;opacity: 0.7;border-radius: 4px;background-color: rgb(0, 0, 0);z-index: 9999;position: fixed;left: 7px;bottom: 7px;color: #fff;display: flex;}
.cerztext {font-family: Helvetica;font-size: 12px;line-height: normal;text-align: left;color: rgb(255, 255, 255);padding-top: 10px;padding-left: 16px;padding-right: 24px;padding-bottom: 10px;}
.cerezbilgisi > a {position: absolute;right: 0px;top: 0px;color: #fff;font-weight: bold;padding: 0;font-size: 22px;line-height: normal;display: inline-block;width: 25px;margin: 0;height: 29px;text-align: center;}
.cerztext a.link {font-weight: bold;color: #fff;}
#globalContent p, #urunlerContent p{padding: 0px !important; margin: 0px; margin-bottom: 7px}
#globalContent, #urunlerContent { background-color: #FFFFFF; padding: 0px;margin-top: 12px; margin-bottom: 12px; font-weight: 300; font-size: 15px; color: #525252;word-break: break-all; }
#pageTitle { text-align: center; background-image: url(../images/sep-line.png); background-repeat: no-repeat; background-position: center center; display: block; color: #55acee; font-weight: 300; font-size: 30px; line-height: 40px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#pageTitle span { background-color: #FFFFFF; display: inline-block; padding-right: 15px; padding-left: 15px; }
.ulTab { background-color: #333336; display: block; margin: 0px; padding: 0px; height: 90px; list-style-type: none; text-align: center; }
.ulTab.sm { height: 60px; }
.ulTab li { display: inline-block; margin: 0px; padding: 0px; list-style-type: none; }
.ulTab li a { font-size: 16px; color: #FDFDFD; display: inline-block; border-right-width: 1px; border-right-style: solid; border-right-color: #3f3f42; line-height: 40px; padding-top: 10px; padding-right: 17px; padding-bottom: 10px; padding-left: 17px; text-decoration: none; font-weight: 300; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; position: relative; }
.ulTab li a span { display: block; text-align: center; font-size: 26px; line-height: 30px; color: rgba(255,255,255,.4) }
.ulTab li:last-child a { border-right: none }
.ulTab li a:hover { background-color: #19191a; color: #DDD; }
.ulTab li a.active { background-color: #55acee; color: #fff; }
.ulTab li a.active:after { display: inline-block; position: absolute; top: 90px; content: ""; left: 50%; transform: translateX(-50%); border-style: solid; border-width: 10px 8px 0 8px; border-color: #55acee transparent transparent transparent; }
.ulTab.sm li a.active:after { top: 60px; }
.tabIcerik, .tabIcerik2 { padding-top: 20px }
.subTitle { background-image: url(../images/sep-line.png); background-repeat: no-repeat; background-position: center center; text-align: center; display: block; margin: 0; padding-bottom: 10px; padding-top: 10px; }
.subTitle span { font-size: 24px; line-height: 30px; font-weight: 300; color: #55acee; background-color: #FFFFFF; display: inline-block; padding-right: 15px; padding-left: 15px; }
.AltBaslik { padding: 14px; box-sizing: border-box; float: left; width: 33.3333%; }
.AltBaslik h2 { color: #124283; padding: 0; font-size: 20px; font-weight: 800; line-height: 35px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #edf1f2; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
.altTab { display: block; list-style-type: none; margin: 0; padding-left: 0px; border-bottom: solid 1px #DADADA; min-height: 46px; }
.altTab li { display: block; list-style-type: none; margin-right: 3px; float: left; padding-left: 5px; padding-right: 5px; margin-top: 5px; border-radius: 3px 3px 0 0; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #DADADA; border-right-color: #DADADA; border-left-color: #DADADA; position: relative; background-image: -ms-linear-gradient(bottom, #EBEBEB 0%, #F7F7F7 100%); background-image: -moz-linear-gradient(bottom, #EBEBEB 0%, #F7F7F7 100%); background-image: -o-linear-gradient(bottom, #EBEBEB 0%, #F7F7F7 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EBEBEB), color-stop(1, #F7F7F7)); background-image: -webkit-linear-gradient(bottom, #EBEBEB 0%, #F7F7F7 100%); background-image: linear-gradient(to top, #EBEBEB 0%, #F7F7F7 100%); }
.altTab li>ul { position: absolute; display: none; left: 0; top: 100%; width: 150px; padding: 15px; background-color: #fff; }
.altTab li>ul li { border: none; background: none; float: none; border-radius: 0; padding: 0; margin: 0; }
.altTab li>ul li a { border-bottom: solid 1px #edf1f2; display: block; float: none; }
.altTab li:hover>ul { display: block; }
.altTab li.active { margin-top: 0; background: #FFF; padding-bottom: 5px; padding-left: 12px; padding-right: 12px; }
.altTab li.active>a { border-bottom: solid 3px #b3b3b3; padding-bottom: 7px; font-weight: bold; color: #55acee }
.altTab li a { font-weight: 300; line-height: 40px; color: #7B7B7B; font-size: 13px; text-decoration: none; }
.altTab li:hover { background-image: -ms-linear-gradient(top, #EBEBEB 0%, #F7F7F7 100%); background-image: -moz-linear-gradient(top, #EBEBEB 0%, #F7F7F7 100%); background-image: -o-linear-gradient(top, #EBEBEB 0%, #F7F7F7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EBEBEB), color-stop(1, #F7F7F7)); background-image: -webkit-linear-gradient(top, #EBEBEB 0%, #F7F7F7 100%); background-image: linear-gradient(to bottom, #EBEBEB 0%, #F7F7F7 100%); color: #121212 }
.altTab li.active:hover { background-color: #fff }
.tabContent h4, .tabContent2 h4 { color: #124283; border-bottom: dashed 1px #edf1f2; }
.tabContent2 h5 { color: #124283; font-size: 20px; margin: 0; font-weight: 300; border-bottom: dashed 1px #edf1f2; padding-bottom: 10px; padding-left: 10px; background-color: #F4F4F4; padding-top: 10px; }
.sssContent { padding: 20px; }
#sssContent h3 { display: block; margin: 0; padding: 10px 20px; background-color: #F4F4F4; cursor: pointer; margin-bottom: 1px; }
#sssContent h3:hover { background-color: #F1F1F1 }
#sssContent h3>span { display: block; background-image: url(../images/plus.png); background-repeat: no-repeat; background-position: right center; line-height: 30px; font-size: 18px; font-weight: 300; color: #124283; padding-right: 35px; }
#sssContent h3.active>span { background-image: url(../images/minus.png); font-size: 24px; color: #131313 }
#sssContent h3>span small { display: inline-block; width: 20px; height: 20px; margin-right: 15px; background-color: #A7A7A7; color: #fff; text-align: center; line-height: 20px; border-radius: 50%; margin-top: 5px; font-size: 11px; }
#sssContent h3.active>span small { margin-top: 0; line-height: 30px; width: 30px; font-size: 13px; background-color: #3C3C3C; height: 30px; }
.button { display: inline-block; position: relative; line-height: normal; text-align: center; padding-left: 15px; padding-right: 15px; text-decoration: none; font: 12px "Open Sans", Helvetica, Arial, sans-serif; border: none; font-weight: bold;  text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;padding-top: 8px; padding-bottom:8px }
.button.large { padding-bottom: 10px; padding-top: 10px; padding-left: 16px; padding-right: 16px; font-size: 15px; }
.button.small { padding-left: 9px; padding-right: 9px; }
.button:hover{background-color:#363636;}
.button:after { content: ''; position: absolute; left: -1px; top: 0; right: 0; left: 0; bottom: -1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.gray, .gray:hover, .gray:visited { color: #555; border-bottom: 0px solid #b2b1b1; text-shadow: 0px 1px 0px #fafafa; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e2e2e2)); background: -moz-linear-gradient(top, #eee, #e2e2e2); box-shadow: inset 1px 1px 0 #f5f5f5; }
.gray:before, .gray:after { border: 1px solid #cbcbcb; border-bottom: 1px solid #a5a5a5; }
.gray:hover { background: #e2e2e2; background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#eee)); background: -moz-linear-gradient(top, #e2e2e2, #eee); }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button, input { line-height: normal; *overflow: visible;
}
.pink, .pink:hover, .pink:visited { color: #913944; border-bottom: 0px solid #cb5462; text-shadow: 0px 1px 0px #f9a0ad; background: #f56778; background: -webkit-gradient(linear, left top, left bottom, from(#f997b0), to(#f56778)); background: -moz-linear-gradient(top, #f997b0, #f56778); box-shadow: inset 1px 1px 0 #fbc1d0; }
.pink:before, .pink:after { border: 1px solid #ee8090; border-bottom: 1px solid #b84d5a; }
.pink:hover { background: #f56778; background: -webkit-gradient(linear, left top, left bottom, from(#f56778), to(#f997b0)); background: -moz-linear-gradient(top, #f56778, #f997b0); }
.blue, .blue:hover, .blue:visited { color: #fff; border-bottom: 0px solid #10233d; background: #3784c8; text-shadow: 0px 1px 0px #124283; background: -webkit-gradient(linear, left top, left bottom, from(#3784c8), to(#2462a5)); background: -moz-linear-gradient(top, #3784c8, #2462a5); box-shadow: inset 1px 1px 0 #b2e6f8; }
.blue:before, .blue:after { border: 0px solid #2c5995; border-bottom: 0px solid #2c5995; }
.blue:hover { background: #55acee; background: -webkit-gradient(linear, left top, left bottom, from(#2462a5), to(#3784c8)); background: -moz-linear-gradient(top, #2462a5, #3784c8); }
.green, .green:hover, .green:visited { color: #5d7731; border-bottom: 0px solid #799545; text-shadow: 0px 1px 0px #d5e8aa; background: #cae285; background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#a3cd5a)); background: -moz-linear-gradient(top, #cae285, #a3cd5a); box-shadow: inset 1px 1px 0 #cce3a1; }
.green:before, .green:after { border: 1px solid #98b85b; border-bottom: 1px solid #6d883b; }
.green:hover { background: #a3cd5a; background: -webkit-gradient(linear, left top, left bottom, from(#a3cd5a), to(#cae285)); background: -moz-linear-gradient(top, #a3cd5a, #cae285); }
/* TURQUOISE */
.turquoise, .turquoise:hover, .turquoise:visited { color: #437b7d; border-bottom: 0px solid #4fa7aa; text-shadow: 0px 1px 0px #9fd5d7; background: #81e8eb; background: -webkit-gradient(linear, left top, left bottom, from(#b7f2f4), to(#81e8eb)); background: -moz-linear-gradient(top, #b7f2f4, #81e8eb); box-shadow: inset 1px 1px 0 #d4f8f8; }
.turquoise:before, .turquoise:after { border: 1px solid #87d3d5; border-bottom: 1px solid #47989b; }
.turquoise:hover { background: #81e8eb; background: -webkit-gradient(linear, left top, left bottom, from(#81e8eb), to(#b7f2f4)); background: -moz-linear-gradient(top, #81e8eb, #b7f2f4); }
.black, .black:hover, .black:visited { color: #fff; border-bottom: 0px solid #414141; text-shadow: 0px 1px 0px #2f2f2f; background: #656565; background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#444)); background: -moz-linear-gradient(top, #656565, #444); box-shadow: inset 1px 1px 0 #939393; }
.black:before, .black:after { border: 1px solid #535353; border-bottom: 1px solid #343434; }
.black:after { border: 1px solid #5a5a5a; }
.black:hover { background: #444; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#656565)); background: -moz-linear-gradient(top, #444, #656565); }
.darkgray, .darkgray:hover, .darkgray:visited { color: #555; border-bottom: 0px solid #878787; text-shadow: 0px 1px 0px #d6d6d6; background: #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, from(#d1d1d1), to(#afafaf)); background: -moz-linear-gradient(top, #d1d1d1, #afafaf); box-shadow: inset 1px 1px 0 #e3e3e3; }
.darkgray:before, .darkgray:after { border: 1px solid #b4b4b4; border-bottom: 1px solid #7b7b7b; }
.darkgray:hover { background: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#d1d1d1)); background: -moz-linear-gradient(top, #afafaf, #d1d1d1); }
.yellow, .yellow:hover, .yellow:visited { color: #996633; border-bottom: 0px solid #b98a37; text-shadow: 0px 1px 0px #fedd9b; background: #feda71; background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febe4d)); background: -moz-linear-gradient(top, #feda71, #febe4d); box-shadow: inset 1px 1px 0 #fee9aa; }
.yellow:before, .yellow:after { border: 1px solid #eab551; border-bottom: 1px solid #9f7630; }
.yellow:hover { background: #febe4d; background: -webkit-gradient(linear, left top, left bottom, from(#febe4d), to(#feda71)); background: -moz-linear-gradient(top, #febe4d, #feda71); }
.purple, .purple:hover, .purple:visited { color: #7b5777; border-bottom: 0px solid #946890; text-shadow: 0px 1px 0px #eacae6; background: #e8c4e4; background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d698d0)); background: -moz-linear-gradient(top, #e8c4e4, #d698d0); box-shadow: inset 1px 1px 0 #f2dcef; }
.purple:before, .purple:after { border: 1px solid #da9fd4; border-bottom: 1px solid #865d82; }
.purple:hover { background: #d698d0; background: -webkit-gradient(linear, left top, left bottom, from(#d698d0), to(#e8c4e4)); background: -moz-linear-gradient(top, #d698d0, #)e8c4e4;
}
.darkblue, .darkblue:hover, .darkblue:visited { color: #515f6a; border-bottom: 0px solid #62727e; text-shadow: 0px 1px 0px #c4d0da; background: #becbd6; background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#8da5b7)); background: -moz-linear-gradient(top, #becbd6, #8da5b7); box-shadow: inset 1px 1px 0 #d8e0e6; }
.darkblue:before, .darkblue:after { border: 1px solid #a1aeb7; border-bottom: 1px solid #5d6b75; }
.darkblue:hover { background: #8da5b7; background: -webkit-gradient(linear, left top, left bottom, from(#8da5b7), to(#becbd6)); background: -moz-linear-gradient(top, #8da5b7, #becbd6); }
.button:active { border: none;  outline: none; }
.button.large:active { padding-bottom: 10px; padding-top: 10px; }
.formRow { padding-bottom: 14px; }
.formLabel { font-size: 14px; color: #656565; display: block; float: left; width: 160px; line-height: 40px; text-align: right; }
.formControls { margin-left: 175px; line-height: 40px; }
.formControlLabel { display: inline-block; margin-right: 15px; line-height: 40px; cursor: pointer; }
.formInfo { padding-top: 10px; padding-bottom: 10px; line-height: 20px; font-size: 11px; display: inline-block; margin-left: 15px; }
.formInfo i { display: inline-block; margin-right: 5px; color: #55acee; }
input.text, select.text, textarea.text { background: #F5F5F5; padding: 10px 15px; border: 1px solid #ccc; height: 40px; font: 12px 'Poppins', Helvetica, Arial, sans-serif; -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -kthtml-transition: all 0.2s linear; transition: all 0.2s linear; box-sizing: border-box; }
input.text:focus, select.text:focus, textarea.text:focus { background-color: rgba(250,250,250,1.0); border-color: #55acee; }
textarea.text { height: auto; resize: vertical }
.inputMini { width: 10% }
.inputsemiSmall { width: 17%; }
.inputSmall { width: 25%; }
.inputMedium { width: 35%; }
.inputSemiLarge { width: 47%; }
.input100 { width: 100% }
.inputLarge { width: 90%; }
#modalContentContainer { padding: 30px; box-sizing: border-box; }
#modalContent { padding: 20px; max-width: 1140px; }
.modalTitle { font-size: 18px; line-height: 20px; font-weight: 300; color: #55acee; background-image: url(../images/rmg.png); background-repeat: no-repeat; background-position: left bottom; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.titleAciklama { font-size: 14px; text-align: center; margin-bottom: 15px }
.formLeft { float: left; width: 50%; }
.formRight { float: right; width: 50%; }
.globalH4 { font-size: 18px; font-weight: 700; color: #3C3C3C; margin: 0; line-height: 30px; padding-top: 15px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.mtop { margin-top: 15px }
.veya { display: inline-block; margin-left: 10px; margin-right: 10px; line-height: 29px; font-weight: 400; font-size: 12px; }
.message { background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); border: 1px solid; color: #fff; padding: 15px; text-shadow: 0 1px 0 rgba(0,0,0,.5); margin-bottom: 15px; animation: animate-bg 5s linear infinite; font-weight: 400; }
.message a { color: #fff; text-decoration: underline }
.info { background-color: #4ea5cd; border-color: #3b8eb5; }
.error { background-color: #de4343; border-color: #c43d3d; }
.warning { background-color: #eaaf51; border-color: #d99a36; }
.success { background-color: #61b832; border-color: #55a12c; }
.message h3 { margin: 0 0 5px 0; }
.message p { margin: 0; }
@keyframes animate-bg { from {background-position: 0 0;} to { background-position: -80px 0; }}
@-webkit-keyframes llLoadingf { 0% {-webkit-transform:rotateZ(-360deg)} 100% {-webkit-transform:rotateZ(0deg)}}
@keyframes llLoadingf { 0% {transform:rotateZ(-360deg)} 100% {transform:rotateZ(0deg)}}
.preloader { width: 60px; height: 60px; border-radius: 100%; border-width: 1px; border-style: solid; border-color: #545A6A rgba(255,255,255,0) rgba(255,255,255,0) #545A6A; background-color: #fff; content: ""; opacity: 0.5; animation: 1s linear 0s normal none infinite running llLoadingf; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.globalh5 { color: #3B3B3B; background-color: #F7F7F7; display: block; padding: 10px 15px 10px 90px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 30px; position: relative; border-radius: 2px; border: solid 1px #E7E7E7 }
.filtreBaslik { color: #3B3B3B; background-color: #F7F7F7; display: block; padding: 5px 10px 5px 25px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; line-height: 20px; position: relative; border-radius: 2px; border: solid 1px #E7E7E7; font-weight: 700; font-size: 13px; }
.filtreBaslik a { float: right; color: #124283; font-size: 10px; font-weight: 400; }
.filtreBaslik span { position: absolute; left: -1px; top: -1px; border-radius: 50%; border: solid 1px #e7e7e7; background-color: #fff; font-size: 11px; color: #55acee; text-align: center; line-height: 30px; height: 30px; width: 30px; left: -15px }
.filtrebox { padding-bottom: 0px }
.globalWell { background-color: #F7F7F7; border: solid 1px #E7E7E7; padding: 10px; border-radius: 2px; }
.globalh5 span, .shadowBox>.ikon, .mesajSistem>.ikon, .mesajUser>.ikon { position: absolute; background-color: #FFF; border-radius: 100%; border: solid 1px #E7E7E7; text-align: center; display: block; }
.globalh5 span { height: 70px; width: 70px; line-height: 70px; top: -10px; left: 10px; background-image: -ms-linear-gradient(top, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); background-image: -moz-linear-gradient(top, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); background-image: -o-linear-gradient(top, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(0.5, #FFFFFF), color-stop(1, #F6F6F6)); background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); background-image: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); -webkit-box-shadow: inset 0 0 0 3px #FFFFFF; box-shadow: inset 0 0 0 3px #FFFFFF; }
.globalh5 a { float: right; display: block; font-weight: 400; font-size: 13px; }
.globalh5 a.button { font-weight: 700; }
.globalh5 small { display: inline-block; margin-left: 10px; font-weight: 400; color: #8F8F8F }
.globalh5 i { color: #55acee; font-size: 34px; line-height: 70px; }
.globalContent { padding-top: 15px; padding-bottom: 10px; }
.msg-warning { background-image: -ms-linear-gradient(top, #FCF0BF 0%, #F7E4A2 100%); background-image: -moz-linear-gradient(top, #FCF0BF 0%, #F7E4A2 100%); background-image: -o-linear-gradient(top, #FCF0BF 0%, #F7E4A2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCF0BF), color-stop(1, #F7E4A2)); background-image: -webkit-linear-gradient(top, #FCF0BF 0%, #F7E4A2 100%); background-image: linear-gradient(to bottom, #FCF0BF 0%, #F7E4A2 100%); box-shadow: 0px 1px 0px #F7FEF2 inset, 0px 1px 0px #DADEE1; padding: 10px; border: 1px solid #ECC579; border-radius: 5px; }
.msg-success { background-image: -ms-linear-gradient(top, #E8FACE 0%, #C8ED9B 100%); background-image: -moz-linear-gradient(top, #E8FACE 0%, #C8ED9B 100%); background-image: -o-linear-gradient(top, #E8FACE 0%, #C8ED9B 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E8FACE), color-stop(1, #C8ED9B)); background-image: -webkit-linear-gradient(top, #E8FACE 0%, #C8ED9B 100%); background-image: linear-gradient(to bottom, #E8FACE 0%, #C8ED9B 100%); box-shadow: 0px 1px 0px #e2e2e2 inset, 0px 1px 0px #FFFFFF; padding: 10px; border: 1px solid #a2db7c; border-radius: 5px; }
.msg-warning.mini { padding: 5px; font-size: 11px; font-weight: 400; color: #3F3F3F; margin-top: 10px; }
.globalTable { margin-bottom: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-collapse: collapse; }
.globalTable th { border-bottom: solid 3px #dce3eb; border-left: solid 1px #dce3eb; text-align: left; font-size: 14px; font-weight: 400; color: #124283; padding: 15px 12px; }
.globalTable th.first { border-left: none; background: url(../images/fade-to-left-bg.jpg) repeat-y right center; font-size: 16px; font-weight: 800 }
.globalTable td { border-left: solid 1px #dce3eb; font-size: 12px; font-weight: 400; color: #3D3D3D; border-bottom: solid 1px #dce3eb; padding: 15px 12px; }
.globalTable td.noBorder, .globalTable th.noBorder { border-left: none }
.globalTable td.first { border-left: none; background: url(../images/fade-to-left-bg.jpg) repeat-y right center; }
.globalTable td.drTrue, .globalTable td.drtrue, .globalTable td.drFalse, .globalTable td.drfalse { font-size: 16px; color: #fff; }
.globalTable td.first.tright, .globalTable td.tright, .globalTable th.first.tright, .globalTable th.tright { text-align: right }
.globalTable td.nobordervs { border: none }
.globalTable td.tcenter, .globalTable th.tcenter { text-align: center }
.drTrue, .drtrue { background: #124283; }
.drFalse, .drfalse { background: #55acee; }
.globalTable tbody>tr:hover>td.global { background-color: #F7F7F7 }
.dividerHor { border-bottom: solid 3px #dce3eb; margin-bottom: 15px; }
.dividerHor.pd { margin-top: 15px }
.yarimSayfaLeft { float: left; width: 49%; }
.yarimSayfaRight { float: right; width: 49%; box-sizing: border-box; padding-left: 2%; border-left: solid 1px #edf1f2; }
.animate-Fade { -webkit-animation: blink 1s linear infinite; -moz-animation: blink 1s linear infinite; animation: blink 1s linear infinite; }
.surekliOynat { animation-timing-function: linear; animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite }
@keyframes blink { 0% {color: #55acee;} 100% {color: #124283;}}
@-webkit-keyframes blink { 0% {color: #55acee;} 100% {color: #124283;}}
.tcenter { text-align: center }
.subBaslikAciklamalar { padding: 15px; margin-right: 10px; margin-left: 10px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #E7E7E7; border-bottom-color: #E7E7E7; border-left-color: #E7E7E7; border-radius: 0px 0px 2px 2px; }
.subBaslikItem { float: left; margin-right: 15px; padding-right: 15px; line-height: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #E7E7E7; }
.subBaslikItem.last { border: none; padding-right: 0; }
.altBorder { padding-bottom: 15px; border-bottom: solid 1px #edf1f2 }
.shadowBox { background-image: -ms-linear-gradient(top, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); background-image: -moz-linear-gradient(top, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); background-image: -o-linear-gradient(top, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(0.5, #FFFFFF), color-stop(1, #F6F6F6)); background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); background-image: linear-gradient(to bottom, #F9F9F9 0%, #FFFFFF 50%, #F6F6F6 100%); -webkit-box-shadow: inset 0 0 0 1px #FFFFFF; box-shadow: inset 0 0 0 1px #FFFFFF; border-radius: 3px; border: solid 1px #edf1f2; padding: 10px 20px 10px 50px; position: relative; box-sizing: border-box; line-height: 30px; margin-left: 25px; }
.shadowBox>.ikon { height: 60px; width: 60px; line-height: 60px; top: -6px; left: -26px; }
.shadowBox>.ikon>i { color: #55acee; font-size: 26px; line-height: 60px; color: #ecc579 }
.mesajSistem>.ikon { height: 60px; width: 60px; line-height: 60px; top: -1px; right: -40px; }
.mesajSistem>.ikon>i { color: #55acee; font-size: 26px; line-height: 60px; color: #ecc579 }
.mesajUser>.ikon { height: 60px; width: 60px; line-height: 60px; top: -1px; left: -40px; }
.mesajUser>.ikon>i { color: #55acee; font-size: 26px; line-height: 60px; color: #ecc579 }
.shadowBox a { float: right; }
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
.mesajSistem { margin-bottom: 10px; background-color: #f1f1f1; padding: 15px; border-radius: 2px; margin-right: 40px; position: relative; }
.mesajUser { margin-bottom: 10px; background-color: #fff; border: solid 1px #edf1f2; padding: 15px; border-radius: 2px; margin-left: 40px; text-align: right; position: relative; }
.mesajTop { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #edf1f2 }
.labelAciklama { display: inline-block; margin-right: 3px; padding-left: 5px; padding-right: 5px; background-color: #f1f1f1 }
.padtsmall { padding-top: 10px }
.padt { padding-top: 15px }
.pont { cursor: pointer }
.markaList { float: left; width: 16.666%; display: block; box-sizing: border-box; padding: 6px; text-align: center }
.markaList>.kapsa { display: block; border: solid 1px #edf1f2; border-radius: 3px; padding: 6px; }
.markaList>.kapsa:hover { -webkit-box-shadow: inset 0 0 5px 0 #E0E0E0; box-shadow: inset 0 0 5px 0 #E0E0E0; }
.markaAdiList { display: inline-block; font-size: 14px; font-weight: bold; color: #124283 }
.markaList img { max-width: 100%; }
#leftSide { float: left; width: 22%; box-sizing: border-box; padding-right: 15px; }
#rightSide { float: right; width: 78%; padding-left: 15px; box-sizing: border-box; border-left-width: 1px; border-left-style: solid; border-left-color: #E7E7E7; }
#brCmb { padding-top: 15px; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #edf1f2; position: relative; }
.brIkon { font-size: 14px; line-height: 30px; color: #124283; text-align: center; display: block; height: 30px; width: 30px; border: 1px solid #edf1f2; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; left: 0; top: 0px; background-color: #fff; }
.brUl { display: block; position: absolute; margin: 0; padding: 0; list-style-type: none; left: 37px; top: 5px; height: 30px; }
.brUl li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; }
.brUl li a { border: solid 1px #edf1f2; border-radius: 10px; line-height: 20px; background-color: #fff; color: #3D3D3D; font-size: 11px; font-weight: 400; padding-left: 10px; padding-right: 10px; display: block; float: left; margin-right: 5px; font-family: Arial, Helvetica, sans-serif; }
.brUl li a:hover, .brIkon:hover { background-color: #F7F7F7; color: #124283 }
.filtreListesi { display: block; margin: 0px; padding: 0px; list-style-type: none; }
.filtreListesi li { display: block; padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; border-left-width: 1px; border-left-style: dotted; border-left-color: #ccc; }
.filtreListesi li a { font-size: 13px; line-height: 18px; color: #3D3D3D; background-image: url(../images/submenu_oncesi.png); background-repeat: no-repeat; background-position: left center; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 22px; }
.filtreListesi li a:hover { text-decoration: underline }
.range-bar { background-color: #a9acb1; border-radius: 15px; display: block; height: 4px; position: relative; width: 100% }
.range-quantity { background-color: #124283; border-radius: 15px; display: block; height: 100%; width: 0 }
.range-handle { background-color: #fff; border-radius: 100%; cursor: move; height: 20px; left: 0; top: -10px; position: absolute; width: 20px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4) }
.range-min, .range-max { color: #181819; font-size: 12px; height: 20px; padding-top: 0px; position: absolute; text-align: center; top: 10px; width: 24px }
.range-min { left: 0px; text-align: left }
.range-max { right: 0px }
.vertical { height: 100%; width: 4px }
.vertical .range-quantity { bottom: 0; height: 0; position: absolute; width: 100% }
.vertical .range-handle { bottom: 0; left: -13px; top: auto }
.vertical .range-min, .vertical .range-max { left: -10px; right: auto; top: auto }
.vertical .range-min { bottom: -30px }
.vertical .range-max { top: -30px }
.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.range-disabled { cursor: default }
#fiyatAraligi { margin-bottom: 10px; padding: 7px; }
#fiyatAraligi strong { padding-bottom: 10px; display: block }
#fiyatAraligi strong small { float: right; font-weight: 300; }
.secimKutusu { display: block; padding-left: 27px; line-height: 28px; font-size: 13px; cursor: pointer; background-image: url(../images/filtreCheck.png); background-repeat: no-repeat; background-position: left top; }
.secimKutusu:hover { text-decoration: underline }
.secimKutusu.active { background-position: left bottom; font-weight: 700; color: #292929 }
.filtreListesi li a.active { font-weight: 700; color: #292929 }
.markaSecimBox, .ozellikSecimBox,.siralaSecimBox { padding-left: 16px }
.urunkutuGorunum { box-sizing: border-box; padding: 10px; float: left; border-right: solid 1px #e7e7e7; height: 100%; margin-bottom: 10px; position: relative; }
.urunAltKisim { position: absolute; bottom: 0 }
.urunkutuGorunum.last { border-right: none }
.urunkutu2 { width: 50% }
.urunkutu3 { width: 33.3333% }
.urunkutu4 { width: 25% }
.urunkutu5 { width: 20% }
.urunkutuurunadi { font-size: 12px; font-weight: 700; color: #282828; line-height: 17px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.urunkutuGorunum:hover .urunkutuurunadi { color: #124283 }
.urunkutuurunaciklama { font-size: 11px; font-weight: 400; color: #545454; padding-top: 5px; line-height: 15px }
.urunkutuurunadi.otoyukseklik { height: auto }
.pagination ul { display: block; margin: 0; padding: 0; list-style-type: none; height: 30px; }
.pagination li { display: block; margin: 0; padding: 0; list-style-type: none; float: left; }
.pagination li a { display: block; float: left; padding-left: 10px; padding-right: 10px; line-height: 30px; border-radius: 3px; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee)); background-image: -webkit-linear-gradient(top, #f7f7f7, #eee); background-image: -moz-linear-gradient(top, #f7f7f7, #eee); background-image: -ms-linear-gradient(top, #f7f7f7, #eee); background-image: -o-linear-gradient(top, #f7f7f7, #eee); background-image: linear-gradient(top, #f7f7f7, #eee); margin-left: 2px; margin-right: 2px; border: 1px solid #ddd; font-size: 12px; font-weight: 700; color: #2A2A2A }
.pagination li a:hover { background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, from(#f7f7f7), to(#eee)); background-image: -webkit-linear-gradient(bottom, #f7f7f7, #eee); background-image: -moz-linear-gradient(bottom, #f7f7f7, #eee); background-image: -ms-linear-gradient(bottom, #f7f7f7, #eee); background-image: -o-linear-gradient(bottom, #f7f7f7, #eee); background-image: linear-gradient(bottom, #f7f7f7, #eee); }
.pagination li.active>a { color: #fff; border: 1px solid #114081; background-image: -ms-linear-gradient(top left, #3988CD 0%, #114081 100%); background-image: -moz-linear-gradient(top left, #3988CD 0%, #114081 100%); background-image: -o-linear-gradient(top left, #3988CD 0%, #114081 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #3988CD), color-stop(1, #114081)); background-image: -webkit-linear-gradient(top left, #3988CD 0%, #114081 100%); background-image: linear-gradient(to bottom right, #3988CD 0%, #114081 100%); }
.pagination li span { display: block; float: left; padding-left: 15px; padding-right: 15px; line-height: 30px; }
#urunLeft { float: left; width: 40%; box-sizing: border-box; }
#urunRight { float: right; width: 60%; box-sizing: border-box; padding-left: 15px; }
#urunTitle { font-size: 20px; line-height: 25px; font-weight: 700; color: #131313; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #edf1f2; display: block; }
#urunTitle span { display: block; font-weight: 400; color: #676767; line-height: 20px; font-size: 15px; }
#fotoThumbs { padding-top: 10px }
.vscnkgradi {font-weight: bold;font-size: 14px;}
.vscnkgrd {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

a.vdgrscnk {
    display: inline-flex;
    padding: 4px 12px;
    margin: 4px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;font-size: 13px;
    font-weight: 500;
    color: #525252;
}
a.vdgrscnk:first-child{margin-left:0px;}
a.vdgrscnk:hover{background-color:#f5f5f5}
a.vdgrscnk.active{background-color:#363636;color:#fff}
#fotoThumbs .thumblist { float: left; width: 60px; margin-right: 1px; margin-left: 1px; border: solid 1px #FFF; padding: 2px; border-radius: 2px; display: block; cursor: pointer; }
#fotoThumbs .thumblist:hover { border-color: #edf1f2 }
#fotoThumbs .thumblist.active { border-color: #55acee; position: relative; }
#fotoThumbs .thumblist.active:after { content: ""; position: absolute; left: 50%; top: -5px; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #55acee transparent; transform: translateX(-50%); -webkit-transform: translateX(-50%) }
#anaFoto { position: relative; border-bottom: solid 1px #edf1f2; text-align: center; overflow: hidden; }
#urunFotoSlider { padding: 10px; border: solid 1px #edf1f2; border-radius: 2px; -webkit-border-radius: 2px; position: relative; }
#anaFoto img { cursor: pointer }
#indirimvar { font-size: 14px; text-align: left; font-weight: 800; color: #FFFFFF; background-image: url(../images/indirimvar.png); height: 47px; width: 141px; padding-bottom: 9px; padding-left: 10px; position: absolute; left: -14px; top: 20px; line-height: 38px; z-index: 11; }
.urundetaySatir { font-size: 12px; line-height: 25px; font-weight: 400; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f5f5f5; }
.satirInside { float: left; margin-right: 15px; padding-right: 15px; border-right: dotted 1px #edf1f2 }
.fLabel { display: inline-block; margin-right: 15px; padding-right: 15px; border-right: dotted 1px #edf1f2; width: 85px; }
.satirInside.last { margin-right: 0; padding-right: 0; border-right: none }
#detailShareDiv a { display: inline-block; color: #fff; text-decoration: none; font-size: 11px; margin-right: 3px; border-radius: 2px; line-height: 25px; padding-left: 9px; padding-right: 9px; }
#detailShareDiv a:hover { opacity: .9 }
#detailShareDiv a i { display: inline-block; font-size: 12px; line-height: 25px !important }
#detailShareDiv .twitter { background-color: #000000 }
#detailShareDiv .facebook { background-color: #3b5998 }
#detailShareDiv .google-plus { background-color: #eb4026 }
#detailShareDiv .linkedin { background-color: #0074a1 }
#detailShareDiv .tumblr { background-color: #559fca }
#detailShareDiv .pinterest { background-color: #ca212a }
#detailShareDiv .more { background-color: #eee }
#detailShareDiv .more i { color: #aaa }
.globalyesil { color: #56A600 }
.globalgri { color: #787878 }
.globalkirmizi { color: #CB003A }
.buyukYazi { font-size: 150% }
.yaribuyukYazi { font-size: 125% }
.kucukYazi { font-size: 90% }
.xxlargeYazi { font-size: 200% }
.mleft { margin-left: 10px }
.urunFiyatGorunum { padding-top: 5px }
#alisverisKabul { font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-top: 15px; line-height: 14px; }
#alisverisKabul a { color: #292929; font-weight: bold; text-decoration: underline; }
.cizikFiyat { display: inline-block; opacity: .5; position: relative; }
.cizikFiyat:after { border-bottom: solid 1px #CB003A; left: 0; right: 0; top: 50%; transform: translateY(-50%) rotate(-5deg); content: ""; position: absolute; }
#urunDetaySagSol { float: left; width: 65%; box-sizing: border-box; padding-right: 15px; border-right-width: 1px; border-right-style: solid; border-right-color: #E5E5E5; }
#urunDetaySagSag { float: right; width: 35%; box-sizing: border-box; padding-left: 15px; padding-top: 15px; }
#sepeteEkleme { padding: 15px; background-color: #f5f5f5 }
.renkSec, .bedenSec, .varyasyonSec { display: inline-block; margin-right: 2px; padding-left: 28px; padding-right: 8px; line-height: 28px; background-color: #F5F5F5; background-image: url(../images/filtreCheck.png); background-repeat: no-repeat; background-position: 5px top; border-radius: 2px; cursor: pointer; margin-bottom: 2px; }
.altGri input { display: none }
div.varyasyonSec { display: block }
div.varyasyonSec.disabled { opacity: .5 }
div.varyasyonSec>span { color: #124283 }
div.varyasyonSec>small { color: #CB003A; font-size: 11px; font-weight: 700; float: right; }
.renkSec.active, .bedenSec.active, .varyasyonSec.active, .altGri.active { background-position: 5px bottom; font-weight: bold; }
.bigIconContainer { font-size: 120px; line-height: 120px; color: #BBBBBB; }
#alisverisSepetiBos { text-align: center }
.sepetSatiri { font-size: 12px; line-height: 18px }
.sepetguncelle, .sepetkaldir { display: none }
#sepetRight { float: right; box-sizing: border-box; width: 23%; padding-left: 15px; }
#sepetLeft { float: left; box-sizing: border-box; width: 77%; padding-right: 15px; border-right: solid 1px #e5e5e5; }
#odemeRight { float: right; box-sizing: border-box; width: 35%; padding-left: 15px; }
#odemeLeft { float: left; box-sizing: border-box; width: 65%; padding-right: 15px; border-right: solid 1px #e5e5e5; }
.miniBox { max-width: 300px; margin-left: auto; margin-right: auto; }
.altGri { background-color: #F5F5F5; background-image: url(../images/altGri.png); background-repeat: no-repeat; background-position: 10px center; margin-bottom: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 40px; border-radius: 2px; -webkit-border-radius: 2px; line-height: 30px; font-size: 14px; cursor: pointer; display: block; }
.altGri.active { background-color: #EFEFEF; background-image: url(../images/altGriChecked.png); background-position: 10px center; }
.labelcontent { padding-top: 5px; padding-bottom: 10px; display: none }
ol.progtrckr { margin: 0; padding: 0; list-style-type: none; text-align: center; height: 60px }
ol.progtrckr li { display: block; float: left; height: 45px; text-align: center; line-height: 3em; }
ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33.33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 25%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 20%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }
ol.progtrckr li a { font-size: 12px }
ol.progtrckr li a font { display: none; }
ol.progtrckr li.progtrckr-done { color: #F7B928; border-bottom: 4px solid #124283; }
ol.progtrckr li.progtrckr-todo { color: silver; border-bottom: 4px solid silver; }
ol.progtrckr li.progtrckr-active { color: #292929; border-bottom: 4px solid #55acee; }
ol.progtrckr li:after { content: "\00a0\00a0"; }
ol.progtrckr li.progtrckr-done a { color: #626262; line-height: 30px; font-family: "Open Sans", Arial; font-weight: 800; }
ol.progtrckr li.progtrckr-active a { color: #373F48; line-height: 30px; font-family: "Open Sans", Arial; font-weight: 800; }
ol.progtrckr li.progtrckr-todo a { color: #8A8A8A; line-height: 30px; font-family: "Open Sans", Arial; font-weight: 300; }
ol.progtrckr li:before { position: relative; bottom: -2.5em; float: left; left: 50%; line-height: 1em; }
ol.progtrckr li.progtrckr-done:before { content: "\2713"; color: white; background-color: #124283; height: 1.2em; width: 1.2em; line-height: 1.2em; border: none; border-radius: 1.2em; font-family: Arial, Helvetica, sans-serif; }
ol.progtrckr li.progtrckr-todo:before { content: "\039F"; color: silver; background-color: #fff; font-size: 1.5em; bottom: -1.6em; font-family: Arial, Helvetica, sans-serif; }
ol.progtrckr li.progtrckr-active:before { content: "\039F"; color: #55acee; background-color: #fff; font-size: 1.5em; bottom: -1.6em; font-family: Arial, Helvetica, sans-serif; }
#urunUstOzelliklerDiv { margin-top: 15px; font-size: 12px; line-height: 17px; }
.ozellikBaslik { font-size: 14px; font-weight: 700; background-image: url(../images/rmg.png); background-repeat: no-repeat; background-position: left bottom; margin-bottom: 10px; padding-bottom: 7px; }
.ozellikBaslik.large { color: #124283; font-size: 20px; padding-left: 10px }
.ozellikTable { border-collapse: collapse; border: none; margin: 0; }
.ozellikTable tr td, .ozellikTable tr th { padding: 8px 10px; }
.ozellikTable tr td.tright { text-align: right }
.ozellikTable tr.active { position: relative; }
.ozellikTable tr.active:after { font: bold normal normal 20px/1 FontAwesome;     font-family: "Font Awesome 5 Free"; content: "\f00c"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 20px; color: #56A600 }
.ozellikTable tr th { text-align: right; white-space: nowrap }
.ozellikTable tr:nth-child(2n+1) { background-color: #f5f5f5; }
.ozellikBaslik a, .sagayasliLink { font-size: 11px; font-weight: 400; display: inline-block; float: right; }
#urunAltIcerik { padding-left: 0; border-left: solid 0px #E5E5E5; position: relative; margin-top: 15px; margin-left: 0; }
#urunAltIcerik .globalContent {margin-bottom: 25px;}
div#anaContent {padding: 25px 0px;}
.ozellikIkon { position: absolute; left: -24px; width: 46px; height: 46px; border-radius: 50%; border: solid 1px #E5E5E5; background-color: #fff; text-align: center; line-height: 46px; }
.pBox { display: block; text-align: center; padding-left: 12px; padding-right: 12px; }
#onerilenContainer { position: relative; }
.owlPrev, .owlNext { position: absolute; bottom: 0; width: 30px; height: 30px; box-sizing: border-box; line-height: 28px; text-align: center; font-size: 16px; border: solid 1px #E5E5E5; background-color: #fff; border-radius: 3px; z-index: 15; display: block; }
.owlPrev.ortala, .owlNext.ortala { bottom: 50%; transform: translateY(50%); padding-bottom: 15px; padding-top: 15px; height: 60px; -webkit-transform: translateY(50%); }
.owlPrev { left: 0px; }
.owlNext { right: 0px; }
.owlPrev.ortala { left: 10px; }
.owlNext.ortala { right: 10px; }
#onerilenContainer:hover>.owlPrev, #onerilenContainer:hover>.owlNext { display: block }
.owlPrev:hover, .owlNext:hover { background-color: #F5F5F5 }
.urunSagIslemler { display: block; line-height: 17px; font-size: 12px; font-weight: 400; color: #2A2A2A; background-color: #F5F5F5; padding: 12px 7px; margin-bottom: 2px; border-radius: 2px; -webkit-border-radius: 2px; }
.urunSagIslemler:hover { background-color: #F0F0F0; }
.urunSagIslemler span { display: inline-block; font-size: 16px; margin-right: 7px; color: #B9B9B9; padding-right: 7px; border-right: solid 1px #E5E5E5 }
#sagustMarka { padding-bottom: 12px; text-align: center; }
#tekCekimIndirimleri { padding-top: 10px }
.nakitIndirimi { float: left; padding-right: 5px; text-align: left; line-height: 13px; width: 33.3333%; box-sizing: border-box; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 13px; }
.nakitIndirimi span { margin-left: 7px; display: inline-block }
.kartLogoBox { float: left; box-sizing: border-box; }
.kartLogoBox.kt1 { width: 100%; }
.kartLogoBox.kt2 { width: 50%; }
.kartLogoBox.kt3 { width: 33.3333%; }
.kartLogoBox.kt4 { width: 25%; }
.kartLogoBox.kt5 { width: 20%; }
.kartLogoBox.kt6 { width: 16.6666%; }
.kartLogoBox.kt7 { width: 14.285%; }
.kartLogoBox.kt8 { width: 12.5%; }
.kartLogoBox.kt9 { width: 11.11111%; }
.kartLogoBox.kt10 { width: 10%; }
.cardLogoInside { margin-left: 1px; margin-right: 1px; }
.cardLogoInside>.ozellikTable { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.ozellikTable tr th.bankalarLogolari { margin: 0; padding: 0; height: 40px; background-image: url(../../../../multimedia/images/bankalar.png); }
.ozellikTable tr th.bonuscard { background-position: center top }
.ozellikTable tr th.yapikredi { background-position: center -40px }
.ozellikTable tr th.isbank { background-position: center -80px }
.ozellikTable tr th.finansbank { background-position: center -120px }
.ozellikTable tr th.akbank { background-position: center -160px }
.ozellikTable tr th.advantage { background-position: center -200px }
.ozellikTable tr th.asyakart, .ozellikTable tr th.bankasya { background-position: center -240px }
.ozellikTable tr th.turkiyefinans { background-position: center -280px }
.ozellikTable tr th.citibank { background-position: center -320px }
.ozellikTable tr th.parafkart, .ozellikTable tr th.halkbank { background-position: center -360px }
.ozellikTable tr th.vakifbank { background-position: center -400px }
.ozellikTable tr th.ziraatbankasi { background-position: center -440px }
.ozellikTable tr th.teb { background-position: center -480px }
.tamamlayiciUrun { text-align: center; box-sizing: border-box; padding-left: 5px; padding-right: 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.tamamlayiciUrun label { border: solid 1px #F4F4F4; border-radius: 2px; display: block; -webkit-border-radius: 2px; padding: 5px; }
.tamamlayiciUrunAdi { line-height: 22px; padding: 6px; font-weight: 600; font-size: 14px; color: #676767; width: 100%; overflow: hidden; display: block;
 text-overflow: ellipsis; margin-top: 0!important; text-align: left;}
.tamamlayiciUrunFiyati { margin: 5px 0px; width: 100%; font-size: 18px; font-weight: 500; }
#komboSecimleri { padding-top: 15px; padding-bottom: 15px }
#komboSecimleri ul { display: block; padding: 0; margin: 0; list-style-type: none; height: 40px; border-bottom: solid 1px #e5e5e5 }
#komboSecimleri ul li { height: 40px; float: left; margin: 0; padding: 0; cursor: pointer; padding-left: 12px; padding-right: 12px; line-height: 40px; font-size: 14px; font-weight: normal; color: #7E7E7E }
#komboSecimleri ul li.active { line-height: 39px; height: 39px; border-bottom: solid 1px #fff; border-left: solid 1px #e5e5e5; border-top: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; font-weight: 700; color: #141414 }
.paketicerik { padding: 15px; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; border-radius: 0 0 3px 3px; }
.paketsecimBox { box-sizing: border-box; width: 20%; padding-right: 30px; position: relative; float: left; }
.paketsecimBox:after { font: bold normal normal 14px/1 FontAwesome;     font-family: "Font Awesome 5 Free"; content: "\f067"; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 20px; color: #A5A5A5 }
.paketsecimBox.last:after, .paketsecimBox.lyok:after { display: none }
.paketsecimBox.lyok { width: 30% }
.paketsecimBox>.pBox { border: solid 1px #fff }
.paketsecimBox:hover>.pBox { border: solid 1px #e5e5e5 }
.lwout { text-align: center; padding: 5px; background-color: #fff; border-radius: 2px; float: left; color: #124283 }
.mgle { margin-left: 1px; margin-right: 1px; display: inline-block; margin-right: 5px; margin-bottom: 0 }
.countdown_descr { font-size: 9px; padding-top: 0; margin-top: 0; line-height: 15px; }
.countdown_amount { font-size: 20px; font-weight: bold; display: block; padding-bottom: 3px; text-align: center; padding-top: 3px; border-bottom: solid 1px #E5E5E5; margin-bottom: 0 }
.kalanSure { background-color: #124283; color: #fff; padding: 8px; border-radius: 3px; position: relative; }
.kalanSureYazisi { position: absolute; left: 160px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 11px; font-weight: 400; color: #fff; line-height: 14px; }
.kalanSureYazisi strong { color: #fff }
.urunDetayOzellikBox { float: left; padding-right: 55px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-position: right center; background-repeat: no-repeat; border: solid 1px #e5e5e5; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 5px; padding-top: 5px; padding-left: 8px; padding-bottom: 5px; }
.urun_hizligonderi { background-image: url(../images/urun_hizligonderi.png) }
.urun_ucretsizkargo { background-image: url(../images/urun_ucretsizkargo.png) }
.urun_yeniurun { background-image: url(../images/urun_yeniurun.png) }
.urun_indirimliurun { background-image: url(../images/urun_indirimliurun.png) }
.urunDetayOzellikBox.urun_yeniurun, .urunDetayOzellikBox.urun_indirimliurun { padding-right: 39px }
.urunDetayOzellikBox strong { color: #124283 }
.adresBilgisi { padding-left: 100px; position: relative; }
.adresBilgisi h3 { padding: 0 0 10px 0; margin: 0; line-height: 25px; font-size: 16px; font-weight: 700; color: #124283; border-bottom: solid 1px #e5e5e5 }
.adresBilgisi:after { font: bold normal normal 70px/1 FontAwesome;     font-family: "Font Awesome 5 Free"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #BCBCBC; content: "\f015" }
select>option { padding-bottom: 4px; padding-top: 4px; border-top: solid 1px #E6E6E6; cursor: pointer; }
.optionAyir { font-weight: bold; border-top: solid 1px #E2E2E2; padding-top: 10px; padding-bottom: 10px; }
#odemeSecimi { background-color: #F5F5F5; padding-top: 10px; padding-left: 20px; padding-bottom: 0; padding-right: 0; border-radius: 3px; -webkit-border-radius: 3px; display: block; margin: 0; list-style-type: none; height: 48px; }
#odemeSecimi li { padding: 5px 15px; line-height: 30px; font-size: 14px; display: block; float: left; cursor: pointer }
#odemeSecimi li.active { background-color: #fff; color: #124283; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; font-weight: 700 }
#hediyeCekiKullan { background-color: #F5F5F5; padding: 15px; margin-top: 10px; }
.altRmg { font-size: 15px; line-height: 25px; color: #124283; background-image: url(../images/rmg.png); background-repeat: no-repeat; background-position: left bottom; font-weight: 700; margin-bottom: 10px; padding-bottom: 10px; }
.cokBigIkon { text-align: center; color: #124283; font-size: 60px; background-image: url(../images/sep-line.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 20px; margin-bottom: 15px; }
.cokBigIkon span { font-size: 30px; color: #292929; display: inline-block; vertical-align: middle }
#checkoutsecurity { background-image: url(../images/checkout_security.jpg); height: 82px; margin-top: 10px; background-repeat: no-repeat; background-position: center bottom; padding-top: 10px; border-top: solid 1px #e5e5e5 }
.maxHeight170 { max-height: 170px; overflow: auto }
.boxkucukAciklama { font-size: 11px; font-weight: 400; color: #545454; line-height: 15px; }
#aramaSonucu { display: block; margin: 0; padding: 0; list-style-type: none; }
#aramaSonucu li { display: block; float: left; box-sizing: border-box; width: 20%; padding: 5px; list-style-type: none; }
#aramaSonucu li:hover { -webkit-box-shadow: inset 0 0 10px 0 #D6D6D6; box-shadow: inset 0 0 10px 0 #D6D6D6; border-color: #124283; }
.ulAramaDiv { padding: 10px; border: solid 1px #e5e5e5; border-radius: 3px; }
.buyukUrunKutusu { height: 328px; position: relative; margin-left: 35px; margin-right: 35px; }
.indirimBox { position: absolute; left: -15px; top: 50px; width: 70px; height: 70px; box-sizing: border-box; text-align: center; line-height: 17px; padding: 15px 5px; border: solid 4px #124283; background-color: #fff; font-size: 20px; font-weight: 800; z-index: 4; border-radius: 50%; color: #CB003A; }
.indirimBox span { font-size: 10px; font-weight: 400; color: #515151; display: block; }
.homeBoxContent .indirimBox { top: 10px; left: 10px; width: 40px; height: 40px; font-size: 12px; padding: 0px; line-height: 36px; border-width: 2px; opacity: .5 }
.homeBoxContent:hover>.indirimBox { opacity: 1 }
.solResim { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 35%; }
.sagAciklamalar { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 60%; padding-top: 10px; }
.anasayfaUrunAdi { font-weight: 700; color: #124283; }
.urunKutuOzellikler { position: absolute; display: inline-block; width: auto; top: 0px; right: -10px; }
.kalanSure.small { padding: 4px; }
.katOwl { margin-left: 35px; margin-right: 35px; }
.homeKatBox { margin-left: 10px; margin-right: 10px; display: block; text-align: center; }
.homeKatBox2 { margin-left: 15px; margin-right: 15px; display: block; text-align: center; }
.p_adi { font-size: 12px; font-weight: 400; color: #292929; line-height: 15px; display: block; }
.opak { opacity: .6 }
#fiyatAlarmi { background-color: #FFF; border-radius: 3px; padding: 20px; margin-top: 10px; position: relative; overflow: hidden; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40) }
.close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) }
#ajaxaramasonuc h4{ font-size: 16.25px;margin: 10px 0; font-family: inherit; font-weight: 300; line-height: 20px; color: inherit; text-rendering: optimizelegibility}
#ajaxaramasonuc { width: 50%; position: absolute; left: 0px; top: 44px; z-index: 989; }
.aramasonuc { padding: 10px; box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.5); background-color: #FFF; }
.aramasonuc a:hover { background-color: #F7F7F7 }
button.paynetj-button {padding-bottom: 10px;padding-top: 10px;padding-left: 16px;padding-right: 16px;font-size: 15px;color: #fff;border-bottom: 4px solid #10233d;background: #3784c8;text-shadow: 0px 1px 0px #124283;background: -webkit-gradient(linear, left top, left bottom, from(#3784c8), to(#2462a5));background: -moz-linear-gradient(top, #3784c8, #2462a5);box-shadow: inset 1px 1px 0 #b2e6f8;display: inline-block;position: relative;line-height: 25px;text-align: center;padding-left: 15px;padding-right: 15px;text-decoration: none;font: 12px "Open Sans", Helvetica, Arial, sans-serif;border: none;font-weight: bold;line-height: 25px;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.grid-item { width: 23.5%; float:left; margin-right:2%;margin-bottom:2%;}
.grid-item:nth-child(4n+0) {margin-right:0%;}
.grid-item a.fancybox {padding: 4px;display: block;border: 1px solid #e5e5e5;background-color: #fff;}
.grid-item a.fancybox:hover {background-color: #e5e5e5;}
.haberkutulari {margin-top: 15px;background-color: #fff;border: 1px solid #edf1f2;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.haberkutu {width: 50%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:15px;}
.habergorsel {float: left;width: 50%;position: relative;min-height: 1px;padding-left: 0px;padding-right: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.habericerigi {float: left;width: 50%;position: relative;min-height: 1px;padding-left: 0px;padding-right: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 18px;letter-spacing: 1.5px;font-size: 13px;}
.habericerigi b{ font-size: 15px;}
.bloghead{padding:0px;margin:0px;text-align:center;margin-bottom:10px;}
h2.hb-baslik {margin: 0;padding: 0;margin-bottom: 5px;font-size: 18px;letter-spacing: normal}
p.hb-icerik {margin: 0px;padding: 0px;}
.urunvidesu {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;position: relative;width: 50%;padding: 10px 10px 0px 10px;}
img.haberresim {float: left;margin-bottom: 15px;margin-right: 15px;width: 40%;height: auto;}
#yorumlar {margin-bottom: 20px;display:block;}
#yorumlar , #yorumlar * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#yorum-ust {width: 100%;background: #f5f5f5;padding: 20px;border-radius: 3px;display: inline-block;margin-bottom:15px;}
#yorum-liste {width: 100%;background: #fff;display: inline-block;margin-bottom:15px;}
#yorum-ust #yapilan-yorum {display: inline-block;margin-left: 17px;}
#yapilan-yorum span {font-size: 18px;font-weight: 600;}
#yapilan-yorum #yorum-aciklama {display: block;font-size: 14px;font-weight: 600;}
#yapilan-yorum small {font-size: 16px;}
#yapilan-yorum small.olumlu {color: #15c060;font-weight: 700;font-size: 14px;}
#yapilan-yorum small.olumsuz {color: #CB003A;font-weight: 700;font-size: 14px;}
#yorum-ortalama {float: left;}
#yorum-ortalama-puan {width: 80px;font-size: 30px;font-weight: bold;color: #55acee;background: #fff;text-align: center;padding: 13px 0;}
#yorum-ortalama>* {float: left;}
#yorum-yap {float: right;}
a.btn-Default{position: relative;display: inline-block;background: #55acee;padding: 17px 20px 16px;text-transform: uppercase;font-size: 14px!important;color:#fff;text-align: center;font-weight: 600;transition: all .2s ease;-webkit-transition: all .2s ease;-o-transition: all .2s ease;background: #2196f3;border-radius: 3px;}
.btn-mavi {background: #55acee;color:#fff}
.btn-mavi:hover {background: #37a0f4;color:#fff}
.yapilanyorumlar:last-child {border-bottom: 0px solid #e5e5e5;}
.yapilanyorumlar {width: 100%;display: inline-block;padding: 20px 0 30px;border-bottom: 1px solid #e5e5e5;position: relative;}
.yapilanyorumlar .yorumyapan {float: left;width: 25%;}
.yapilanyorumlar .yorumyapanad {font-size: 14px;color: #424242;font-weight: 700;display: block;}
.yapilanyorumlar .yaptigiyorum {float: right;width: 75%;}
.yaptigiyorum .yorumu {color: #565656;font-size: 14px;font-weight: 400;}
.yorumyapantarih {font-size: 13px;}
.yorum-yildiz , .yorum-yildiz i  {color: #ff8f00;}
.yorum-yildiz i  {color: #ff8f00;font-size: 18px;margin-right: 3px;}
#stars {list-style-type: none;margin: 0;padding: 0;display: inline-block;color: #eee;}
li.star.hover, li.star.selected{color: #f8c414 !important;}
#stars li {list-style-type: none;margin: 0;cursor: pointer;padding: 5px;color: #b1b1b1;font-size: 17px;float: left;margin: 0px 1px;background-color: #eee;min-width: 55px;text-align: center;}
#stars li span{display: block;color: #565656;font-size: 13px;font-weight: 600;}
.maxwi370 {width: 100%;max-width: 370px;position: relative;margin: 0 auto;}
.yorumformbaslik {font-weight: bold;color: #363636;text-align: center;}
.yorum-puanla {text-align: center;font-size: 11px;}
.fright{float:right;}
.ozeltaksittablo{flex-direction: row;flex-wrap: wrap;display: flex;}
.margin-top-md-mb {margin-top: 1.2rem;}
.masadadortleflexlebea{width:25%;box-sizing: border-box;padding:0px 5px}
.ozeltaksittablo *{box-sizing: border-box;}
.installment-item {border: solid #dedede 1px;padding: 10px;position: relative;height: 100%;}
.installment-item.current {border-color: #55acee;color: #55acee;border-width: 4px;padding: 7px;}
.installment-item .select-icon {position: absolute;background: #55acee;color: #fff;padding: 0px 4px 0px 6px;right: 0;top: 0;display: none;}
.installment-item.current .select-icon {display: inherit;}
.icon-check-circle:before {display: inline-block;font: bold normal normal 14px/1 FontAwesome;     font-family: "Font Awesome 5 Free";font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f14a";}
.taksitinyazisi {font-size: 20px;font-weight: 600;}
.taksitintutari {font-size: 15px;font-weight: 400;}
.taksitinyazisifiyat {font-size: 20px;font-weight: 600;border-top: solid #dbdbdb 1px;width: 100%;margin-top: 4px;padding-top: 4px;}
.taksitinyazisifiyat span {display: block;font-size: 15px;font-weight: 400;}
.flex {display: flex;flex-direction: row;flex: 0 1 auto;align-items: flex-start;}
.column {display: flex;flex-direction: column;flex-wrap: nowrap;}
.cursor-pointer {cursor: pointer;}
.text-center {text-align: center;}
.middle {align-items: center;}
.height-full {height: calc(100% - 40px);}
.bankbnkane {height: auto;background: #f7f7f7;margin-bottom: 10px;border: solid 1px #E7E7E7;font-weight: 600;color: #368ad6;word-break: break-word;}}.bankologotak {height: 30px;background: #f7f7f7;margin-bottom: 10px;border: solid 1px #E7E7E7;}.center {justify-content: center;}.tekcekimyazi {font-size: 24px;font-weight: 400;}.tekcekimyazifiyat {font-size: 18px;font-weight: bold;margin-top: 5px;}.msfspttbl {background-color: #f7f7f7;}.msfspttbl td,.msfspttbl th {border: 1px solid #fff;padding: 5px;}.msfspttbl .tleft {text-align: left;}.msfspttbl .tright {text-align: right;}.msfspttbl .tcenter {text-align: center;}table.msfadtbl td {width: 50%;padding: 10px;}.sarch-onr {position: relative;width: 100%;font-size: 12px;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #e5e5e5;}.sarch-onr a{display:block;}.sarch-onr a:not(strong) {font-weight: 500;color: #7e7e7e;}@media only screen and (max-width:900px){.haberkutu{margin-bottom:15px !important;}.habericerigi, .habergorsel {width: 100%;}img.haberresim { width: 50%;}}@media only screen and (max-width:650px){.haberkutu{margin-bottom:15px !important;}.urunvidesu {width:100%;}img.haberresim { width: 100%;}}@media only screen and (max-width:500px){#yorum-ust {padding: 10px;}.msfspttbl tr td {display: inline-block;width: 50%;}.msfspttbl tr td:first-child {display: inline-block;width: 100%;margin-top: 5px;padding-top: 10px;}table.msfadtbl td {width: 100%;display:inline-block;padding: 10px;}.yapilanyorumlar {padding: 0px;}.yapilanyorumlar .yorumyapan {width: 100%;text-align: center;}.yapilanyorumlar .yaptigiyorum {width: 100%;text-align: center;margin-top: 15px;margin-bottom: 15px;}ul#stars li span {display: none;}#stars li {min-width: auto;text-align: center;}}@media only screen and (max-width:450px){.haberkutu{width:100%;margin-bottom:15px !important;}.habericerigi, .habergorsel {padding-right: 0px;}}
@-webkit-keyframes blinker {2% {-moz-transform: translateX(-2px);-webkit-transform: translateX(-2px);-o-transform: translateX(-2px);-ms-transform: translateX(-2px);transform: translateX(-2px);}4% {-moz-transform: translateX(0px);-webkit-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}6% {-moz-transform: translateX(2px);-webkit-transform: translateX(2px);-o-transform: translateX(2px);-ms-transform: translateX(2px);transform: translateX(2px);}8% {-moz-transform: translateX(0px);-webkit-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}10% {-moz-transform: translateX(-2px);-webkit-transform: translateX(-2px);-o-transform: translateX(-2px);-ms-transform: translateX(-2px);transform: translateX(-2px);}
12% {-moz-transform: translateX(0px);-webkit-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}14% {-moz-transform: translateX(2px);-webkit-transform: translateX(2px);-o-transform: translateX(2px);-ms-transform: translateX(2px);transform: translateX(2px);}16% {-moz-transform: translateX(0px);-webkit-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}}
.prucari {width: 100%;height: 90px;font-size: 0px;margin: 5px auto;position: relative;text-align: right;background-color: #b01f28;max-width: 261px;}
.ucrszrk {display: inline-block;vertical-align: middle;font-size: 15px;width: calc(100% - 90px);text-align: center;color: #fff;}
span.uckrfyt {display: block;font-size: 0;text-align: center;}
span.ucrtkrfytcr {display: inline-block;vertical-align: middle;font-size: 18px;font-weight: 600;line-height: normal;}
span.ucrtszkrfgt {display: inline-block;font-size: 13px;vertical-align: middle;font-weight: 600;margin-left: 4px;line-height: normal;}
span.ucrtsizktal {display: block;font-size: 14px;font-weight: 600;line-height: normal;margin-top: -3px;}
span.ucrtsizaluk {font-weight: 700;text-align: center;font-size: 19px;animation: blinker 1s linear infinite;margin-top: 2px;display: block;line-height:19px}
.prucari .ucrtsizrkbgs{background-image:url(../images/ucrtzkrgbgs.png);background-position: right center;background-repeat: no-repeat;background-size: contain;display: inline-block;vertical-align: middle;width: 90px;height: 90px;}
.haberkutuyeni {width: calc(25% - 10px);margin: 0px 5px;float: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 15px;background-color: #fdfdfd;display: inline-flex;flex-direction: column;padding:5px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;flex-wrap: wrap;align-content: center;justify-content: flex-start;border:1px solid #e5e5e5;align-items: center;}
div#blogpage {display: flex;flex-direction: row;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;align-items: flex-start;}
.haberkutuyeni .habergorsel,.haberkutuyeni .habericerigi {float: none;width: 100%;position: relative;min-height: 1px;padding-left: 0px;padding-right: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height:18px;letter-spacing:normal;font-weight:400;}
.haberkutuyeni .habericerigi h2.hb-baslik{margin-top:10px;}
.kirmiziyasilyak	{animation: yesilkirmiziyap 1s linear infinite;}
@-webkit-keyframes yesilkirmiziyap {10% {color: #56A600;}20% {color: #CB003A;}30% {color: #56A600;}40% {color: #CB003A;}50% {color: #56A600;}60% {color: #CB003A;}70% {color: #56A600;}80% {color: #CB003A ;}90% {color: #56A600;}100% {color: #CB003A ;}}
.login-with-google-btn {min-width:170px;
transition: background-color 0.3s, box-shadow 0.3s;
padding: 8px 16px 8px 42px;
border: 1px solid #e5e5e5;
border-radius: 3px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
color: #757575;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;text-align:left;
font-size: 12px;
font-weight: 500;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
background-color: #f7f7f7;
background-repeat: no-repeat;
background-position: 12px 8px;
}
.login-with-google-btn:hover {
background-color:#3C3C3C;color:#fff
}
.login-with-google-btn:active {
background-color: #eeeeee;
}
.login-with-google-btn:focus {
outline: none;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}
.login-with-google-btn:disabled {
filter: grayscale(100%);
background-color: #ebebeb;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}

/* Shared */
.loginBtn {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
box-sizing: border-box;
position: relative;
/* width: 13em;  - apply for fixed size */
min-width:175px;
padding: 8px 16px 8px 42px;
border: none;
text-align: left;
white-space: nowrap;
border-radius: 0.2em;
font-size: 12px;
font-weight: 500;
color: #FFF;
}
.loginBtn:before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 34px;
height: 100%;
}
.loginBtn:focus {
outline: none;
}
.loginBtn:active {
box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
background-color: #4C69BA;
background-image: linear-gradient(#4C69BA, #3B55A0);
}
.loginBtn--facebook:before {

background: url('../images/icon_facebook.png') center center no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
background-color: #5B7BD5;
background-image: linear-gradient(#5B7BD5, #4864B1);
}

/* ZUCK (STORIES) */

#zuck-modal-content .story-viewer .head .left .info{
	background-color: #ffffff00;
}
#zuck-modal-content .story-viewer .head .left .info .name {
    color: white;
}
.stories.facesnap .story > .item-link>.item-preview {
    background: <%=ayar(152)%>;
}
.stories.carousel .story > .item-link > .info {
    background-color: #fff !important;
}
#stories {
	display: flex;
	justify-content: center;
}
#zuck-modal-content .story-viewer .slides .item {
    background: #0d0d0d2e !important;
}
#zuck-modal-content .story-viewer .head .right .close{
	color: #fff;
}
/* ZUCK (STORIES) */

/*KOLAY İLETİSİM */

.easy_contacts_left {
	position: fixed;
	left: 10px;
	bottom: 10px;
}
.easy_contacts_right {
	position: fixed;
	right: 10px;
	bottom: 10px;
}
.iltsm_dropbtn {
  color: white;
  padding: 10px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.iltsm_dropdown {
  display: inline-block;
  z-index: 100;
}
.iltsm_dropdown_content {
  display: none;
  position: absolute;
  min-width: 56px;
  z-index: 200;
  bottom: 100%; /* Position it above the button */
}

/* Links inside the dropdown */
.iltsm_dropdown_content a {
  color: black;
  padding: 10px 0px;
  text-decoration: none;
  display: block;
  text-align: center;
}

/* Show the dropdown menu on hover */
.iltsm_dropdown:hover .iltsm_dropdown_content {
  display: block;
}
.kolay_iletisim{
	display:block;
}
.mr-5 { margin-right: 5px;}
.ek_adi {
	font-weight: bold;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}
.ek-bilgi-container {
  display: flex; 
  flex-wrap: wrap;
}
.ek-bilgi {
  width: calc(50% - 20px);
  margin: 0px 10px; 
}
.kolay_iletisim_button{
       display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 8px 18px;
    border-radius: 5px;
    margin-bottom: 5px;
    color: white;
    font-size: 13px;
    font-weight: 500;
}

.dropdown {
    position: relative;
}

.dropdown-content {
	box-shadow: 0 2px 7px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 2px 7px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 7px rgb(0 0 0 / 20%);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 225px;
    z-index: 100;
	right: -100%;
	top: 32px;
}
.dropdown-content ul { text-align: center;}
.dropdown-content ul li a {
	font-size: 13px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-weight: 500;
}
.dropdown-content a:hover {
    background-color: #f1f1f1;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.onemli-aciklama{
	position: absolute;
    bottom: 2%;
    left: 3px;
    font-size: 10px;
    width: 100%;
	display: grid;
    justify-items: start;
}
.onemli-aciklama-yazi {
	padding:2px 4px;
	border-radius:5px;
	color: white;
	margin-bottom:3px;
	margin-right: 3px;
}

a.vdgrscnk {
    cursor: pointer;
}