/*************************************************************/
/***************************GENERAL****************************/
/*************************************************************/
a { color:#494949;}
.center { margin: 0 auto;}
/*************************************************************/
/***************************CATEGORIES****************************/
/*************************************************************/
.sepet{
  top:0; right:0; width:150px; text-align:right; position:absolute; padding-top: 10px; padding-right: 15px;
}
.cat_break {
  border-bottom:1px #cac8c9 solid;
}

 input[type=text].error {border: 4px solid #c60f13; background-color:rgba(198,15,19,.1); }
 .error-box {border: 1px solid #ccc; background-color:#c60f13; padding: 5px; color:white; line-height: 150%;}
 input[type=text].error:focus {border: none;background-color:#fff;}

ul.slider  { margin-left: 0px; list-style: none;}
/*************************************************************/
/***************************HEADER****************************/
/*************************************************************/
#logo {
  width: 115px;
  float: left;
  display: inline;
}

#logo h1 {
  margin: 0px;
}

#logo h1 a {
  display: block;
  height: 118px;
  width: 114px;
  background-image: url(../img/anasayfa/logo.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -999em;
}

nav ul, ul.nav,ul.tmenu {
  list-style: none;
  margin-left: 0;
  font-size: 14px;
  margin-top: 80px;
}
nav ul li, ul.nav li { float:left; padding-left: 7px;  border-left: 1px #ccc solid; padding-right: 7px;}
nav ul li.first, ul.nav li.first { padding-left: 0px;  border-left: none; }

/*************************************************************/
/***************************INDEX****************************/
/*************************************************************/

.banner {
  position: relative;
 /* background: rgba(252,203,42,1);
  background: -moz-linear-gradient(left, rgba(252,203,42,1) 0%, rgba(252,203,42,1) 32%, rgba(252,203,42,1) 43%, rgba(252,223,128,1) 80%, rgba(252,203,42,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,203,42,1)), color-stop(32%, rgba(252,203,42,1)), color-stop(43%, rgba(252,203,42,1)), color-stop(80%, rgba(252,223,128,1)), color-stop(100%, rgba(252,203,42,1)));
  background: -webkit-linear-gradient(left, rgba(252,203,42,1) 0%, rgba(252,203,42,1) 32%, rgba(252,203,42,1) 43%, rgba(252,223,128,1) 80%, rgba(252,203,42,1) 100%);
  background: -o-linear-gradient(left, rgba(252,203,42,1) 0%, rgba(252,203,42,1) 32%, rgba(252,203,42,1) 43%, rgba(252,223,128,1) 80%, rgba(252,203,42,1) 100%);
  background: -ms-linear-gradient(left, rgba(252,203,42,1) 0%, rgba(252,203,42,1) 32%, rgba(252,203,42,1) 43%, rgba(252,223,128,1) 80%, rgba(252,203,42,1) 100%);
  background: linear-gradient(to right, rgba(252,203,42,1) 0%, rgba(252,203,42,1) 32%, rgba(252,203,42,1) 43%, rgba(252,223,128,1) 80%, rgba(252,203,42,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccb2a', endColorstr='#fccb2a', GradientType=1 );
*/
}
.banner .bg_cat {
  height: 50px;
  position: absolute;
  top: 0;
  background-color: rgba(68,68,68,0.85);
  width: 100%;
  z-index: 100;
  color: white;
  padding-top: 8px;
}
.banners {
  height: 417px;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.main-banners {
  height: 478px;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.foto-kitap_1 {
  background-image: url('../img/categories/foto-kitap-1.jpg');
}
.foto-kitap_2 {
  background-image: url('../img/categories/foto-kitap-2.jpg');
}
.foto-kitap_3 {
  background-image: url('../img/categories/foto-kitap-3.jpg');
}
.foto-kitap_4 {
  background-image: url('../img/categories/foto-kitap-4.jpg');
}
.foto-kitap_5 {
  background-image: url('../img/categories/foto-kitap-5.jpg');
}

.davetiye_1 {
  background-image: url('../img/categories/davetiye-1.jpg');
}
.davetiye_2 {
  background-image: url('../img/categories/davetiye-2.jpg');
}
.davetiye_3 {
  background-image: url('../img/categories/davetiye-3.jpg');
}
.davetiye_4 {
  background-image: url('../img/categories/davetiye-4.jpg');
}
.davetiye_5 {
  background-image: url('../img/categories/davetiye-5.jpg');
}
.kurumsal-calismalar_1 {
  background-image: url('../img/categories/kurumsal-calismalar-1.jpg');
}
.kurumsal-calismalar_2 {
  background-image: url('../img/categories/kurumsal-calismalar-2.jpg');
}
.kurumsal-calismalar_3 {
  background-image: url('../img/categories/kurumsal-calismalar-3.jpg');
}
.kurumsal-calismalar_4 {
  background-image: url('../img/categories/kurumsal-calismalar-4.jpg');
}
.kurumsal-calismalar_5 {
  background-image: url('../img/categories/kurumsal-calismalar-5.jpg');
}

.egitim-kurumlari_1 {
  background-image: url('../img/categories/kurumsal-calismalar-1.jpg');
}
.egitim-kurumlari_2 {
  background-image: url('../img/categories/kurumsal-calismalar-2.jpg');
}
.egitim-kurumlari_3 {
  background-image: url('../img/categories/kurumsal-calismalar-3.jpg');
}
.egitim-kurumlari_4 {
  background-image: url('../img/categories/kurumsal-calismalar-4.jpg');
}
.egitim-kurumlari_5 {
  background-image: url('../img/categories/kurumsal-calismalar-5.jpg');
}


.takvim_1 {
  background-image: url('../img/categories/takvim-1.jpg');
}
.takvim_2 {
  background-image: url('../img/categories/takvim-2.jpg');
}
.takvim_3 {
  background-image: url('../img/categories/takvim-3.jpg');
}
.takvim_4 {
  background-image: url('../img/categories/takvim-4.jpg');
}
.takvim_5 {
  background-image: url('../img/categories/takvim-5.jpg');
}

.anasayfa_1 {
  background-image: url('../img/categories/anasayfa-1.jpg');
}
.anasayfa_2 {
  background-image: url('../img/categories/anasayfa-2.jpg');
}
.anasayfa_3 {
  background-image: url('../img/categories/anasayfa-3.jpg');
}
.anasayfa_4 {
  background-image: url('../img/categories/anasayfa-4.jpg');
}
.anasayfa_5 {
  background-image: url('../img/categories/anasayfa-5.jpg');
}


.main-banners .textbg1 {
  position: absolute;
  top: 30px;
  left:0;
  padding: 10px 10px 10px 0px;
  background-color: rgba(255,255,255,0.2);
  width: 650px;
  height: 138px;
  color: white;
  font-family:'Open Sans';
}
.main-banners .button{
   position: absolute;
   top: 200px;
   left: 200px;
}

.main-banners .baslik {
  font-size:20px;
  
  font-weight: bold;
}
.main-banners .detay {
  font-size:16px;
  float: right;
}
.main-banners .textbg2 {
  background-color: rgba(255,255,255,0.3);
  width: 100%;
  height: 100%;
}
.main-banners .textbg1 .text{
  width: 450px;
  padding: 10px;
  float: right;
}
.banners { color:white; position: relative;}
.banners .baslik {font-size:25px;  font-weight: bold; width: 380px;  text-shadow: 1px 1px #ccc; }
.banners .detay { padding: 20px; margin-top: 20px; background-color: rgba(0,0,0,0.3);  width: 380px; }
.banners .baslik.toleft {
  position: absolute; left:220px; top:50px;
}
.banners .detay.toleft {
  position: absolute; left:200px; top:150px;
}
.banners .baslik.toright{
  position: absolute; right:180px; top:50px;
}
.banners .detay.toright{
  position: absolute; right:180px; top:150px;
}


.yorum ul li div {
  height:250px; padding:20px 30px;
  overflow: hidden;
}
.yorum ul {
  margin-left: 0px;
}

.catbox h3 {
  font-size: 20px;
  margin-top: 15px;
}
.cats { position: relative;}
.cats .text { 
  position: absolute;
  top: 240px;
  padding: 10px;
  width: 95%;
  font-size: 20px;
  font-weight: bold;
  color:white;
}
.baby.text { background-color: rgba(255,134,54,0.6); }
.cocuk.text { background-color: rgba(234,81,159,0.6); }
.davetiye.text { background-color: rgba(78,187,237,0.6); }
.egitim.text { background-color: rgba(186,13,12,0.6); }
.fotokitap.text { background-color: rgba(194,90,147,0.6); }
.takvim.text { background-color: rgba(70,254,114,0.6); }

/*************************************************************/
/***************************LEFT MENU*************************/
/*************************************************************/

.bg_dark {
  background-color: #444444;
  color: white;
  padding: 10px;
}
.bg_dark a { color: white; }
.bg_dark a:hover { color: #ccc; }
  ul.leftmenu {
    list-style: none;
     margin-left: 0 !important;
  }
  ul.leftsubmenu {
      list-style: none;
      margin-left: 0 !important;
      width: 290px;
  }
  ul.leftmenu li .catname{
      border: 1px solid #cac8c9;
      background-color: #f7f7f7;
      font-size: 20px;
      cursor: pointer;
      width: 290px;
      color: #6c6c6c;
      display: block;
      height: 53px;
  }
  ul.leftmenu li .catname.last { 
      border-bottom: 2px solid #cac8c9;
    }
  ul.leftmenu li .catname .baslik {
      padding: 6px;
  }

  ul.leftmenu li .toggle {
    border-left:2px solid #cac8c9;
    width: 40px;
    padding: 5px;
    padding-top: 13px;
    height: 53px;
  }

  ul.leftsubmenu li a {
    padding: 5px !important;
    display:block;
    width: 100%;
    background-color: #efefef; 
    font-size: 13px;
    cursor: pointer;
    border-left:1px #d8d8d8 solid;
    border-right:1px #d8d8d8 solid;
    border-bottom:1px #d8d8d8 solid;

  }

  ul.leftsubmenu li a:hover, ul.leftsubmenu li a:hover .erguvan {
    background-color: #bb3982; 
    color:white;
  }


.cat.davetiye,
.cat.egitim-kurumlari,
.cat.foto-kitap,
.cat.takvim,
.cat.cocuk-kitaplari,
.cat.bebek-kitaplari, 
.cat.kurumsal-calismalar, 
.catname .davetiye,
.catname .egitim-kurumlari,
.catname .foto-kitap,
.catname .takvim,
.catname .cocuk-kitaplari,
.catname .arrow-close,
.catname .arrow-open,
.catname .arrow-hover,
.catname .bebek-kitaplari, 
.catname .kurumsal-calismalar, 
.menu-icon-SSS, 
.menu-icon-creditcard, 
.logo-icon, 
.yeni,.catname .davetiye-zarflari
{
  background: url(../img/sprites.png) no-repeat;
}
.catname.davetiye-zarflari{
  background-position: -199px -197px;
  width: 34px;
  height: 25px;
}
.cat.foto-kitap{
  background-position: -38.963043212890625px -108.95736694335938px ;
  width: 31px;
  height: 32px;
  margin-right: 15px;
}
.cat.bebek-kitaplari{
  background-position: -67.97726440429688px -5.951690673828125px ;
  width: 27px;
  height: 33px;
}
.cat.egitim-kurumlari {
  background-position: -33.988616943359375px -58.98579406738281px ;
  width: 29px;
  height: 33px;
  margin-right: 15px;
}

.cat.cocuk-kitaplari{
  background-position: -67.98577880859375px -55.9801025390625px ;
  width: 23px;
  height: 38px;
  margin-right: 15px;
}

.cat.kurumsal-calismalar{
  background-position: -74.95169067382812px -108.93466186523438px ;
  width: 35px;
  height: 27px;
  margin-right: 15px;
}

.cat.takvim{
  background-position: -48.977264404296875px -158.991455078125px ;
  width: 32px;
  height: 34px;
  margin-right: 15px;
}

.cat.davetiye{
  background-position: -36.951690673828125px -4.9573822021484375px ;
  width: 26px;
  height: 36px;
  margin-right: 15px;
}



.catname .davetiye{
  background-position: -1px -3px ;
  width: 30px;
  height: 41px;
  margin-right: 15px;
}
.catname .egitim-kurumlari{
  background-position: 0 -60px ;
  width: 29px;
  height: 31px;
  margin-right: 16px;
}
.catname .foto-kitap{
  background-position: 0 -108px ;
  width: 34px;
  height: 35px;
  margin-right: 11px;
}

.catname .cocuk-kitaplari{
  background-position: -104px -55px ;
  width: 26px;
  height: 41px;
  margin-right: 19px;
}

.catname .takvim{
  background-position: 0 -158px ;
  width: 35px;
  height: 36px;
  margin-right: 10px;
}
.catname .bebek-kitaplari {
  background-position: -99px -6px ;
  width: 32px;
  height: 39px;
  margin-right: 13px;
}
.catname .kurumsal-calismalar {
  background-position: -92px -104px ;
  width: 39px;
  height: 31px;
  margin-right: 6px;
}
.catname .arrow-hover{
  background-position: -3px -208px ;
  width: 26px;
  height: 26px;
}

.catname .arrow-close{
  background-position: -48px -214px ;
  width: 26px;
  height: 26px;
}

.catname .arrow-open{
  background-position: -3px -251px ;
  width: 26px;
  height: 26px;
}



.spriteIcons {
  background: url(../img/sprites.png) no-repeat;
}
.davetiye_3{
  background-position: -307.18182373046875px -3.9801177978515625px ;
  width: 95px;
  height: 52px; bottom:0px;position: absolute;margin: 0 auto;
}
.davetiye_4{
  background-position: -327.17327880859375px -69.97160339355469px ;
  width: 71px;
  height: 65px; bottom:0px;position: absolute;margin: 0 auto;
}

.davetiye_5{
  background-position: -315.17041015625px -142.98863220214844px ;
  width: 93px;
  height: 50px;bottom:0px;position: absolute;margin: 0 auto;
}

.davetiye_6{
  background-position: -243.98294067382812px -67.17613220214844px ;
  width: 70px;
  height: 75px;bottom:0px;position: absolute;margin: 0 auto;
}

.davetiye_11{
  background-position: -315.15625px -196.9346466064453px ;
  width: 93px;
  height: 50px;bottom:0px;position: absolute;margin: 0 auto;
}

.davetiye_12{
  background-position: -160.97442626953125px -73.97442626953125px ;
  width: 77px;
  height: 84px;bottom:0px;position: absolute;margin: 0 auto;
}

.davetiye_13{
  background-position: -206.17044067382812px 0;
  width: 95px;
  height: 62px; 
  bottom:0px;position: absolute;margin: 0 auto;
}
.davetiyesizes {position: relative; height: 60px !important;}
.yeni{
  background-position: -138.97726440429688px 0;
  width: 64px;
  height: 64px;
}
.davetiyesizes.active div {
  border:1px #000 solid;
}

.menu-icon-SSS {
  background-position: -94px -151px ;
  width: 50px;
  height: 39px;
  margin-right: 15px;
} 



.menu-icon-creditcard{
  background-position: -88px -201px ;
  width: 97px;
  height: 52px;
}

.logo-icon{
  background-position: -50px -248px ;
  width: 39px;
  height: 24px;
   margin:0px auto;
}
.logo-frame {
width: 70px;  height: 24px; margin:0px auto; background-color: #fff; margin-bottom: -10px; }





/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/
.banner .bx-wrapper .bx-pager {
  position: absolute;
  bottom:10px;
}
.banner .bx-wrapper { margin:0px;}
.bx-wrapper .bx-viewport {
  left: -5px; 
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
      -ms-transform: translatez(0);
      -o-transform: translatez(0);
      transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../img/slider/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../img/slider/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(../img/slider/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../img/slider/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../img/slider/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}






/********************************************************************************************/
/**************************          New codes finish       *********************************/
/********************************************************************************************/
/********************************************************************************************/


/* line 260, ../scss/foundation/components/_global.scss */
meta.foundation-version {
  font-family: "/5.2.1/";
}

/* line 264, ../scss/foundation/components/_global.scss */
meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em;
}

/* line 269, ../scss/foundation/components/_global.scss */
meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em;
}

/* line 274, ../scss/foundation/components/_global.scss */
meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em;
}

/* line 279, ../scss/foundation/components/_global.scss */
meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em;
}

/* line 284, ../scss/foundation/components/_global.scss */
meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em;
}

/* line 289, ../scss/foundation/components/_global.scss */
meta.foundation-data-attribute-namespace {
  font-family: false;
}

/* line 296, ../scss/foundation/components/_global.scss */
html, body {
  height: 100%;
}

/* line 301, ../scss/foundation/components/_global.scss */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 306, ../scss/foundation/components/_global.scss */
html,
body {
  font-size: 100%;
}

/* line 309, ../scss/foundation/components/_global.scss */
body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: Ubuntu, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

/* line 322, ../scss/foundation/components/_global.scss */
a:hover {
  cursor: pointer;
}

/* line 325, ../scss/foundation/components/_global.scss */
img {
  max-width: 100%;
  height: auto;
}

/* line 327, ../scss/foundation/components/_global.scss */
img {
  -ms-interpolation-mode: bicubic;
}

/* line 333, ../scss/foundation/components/_global.scss */
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

/* line 338, ../scss/foundation/components/_global.scss */
.left {
  float: left !important;
}

/* line 339, ../scss/foundation/components/_global.scss */
.right {
  float: right !important;
}

/* line 340, ../scss/foundation/components/_global.scss */
.clearfix {
  *zoom: 1;
}
/* line 116, ../scss/foundation/components/_global.scss */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
/* line 117, ../scss/foundation/components/_global.scss */
.clearfix:after {
  clear: both;
}

/* line 341, ../scss/foundation/components/_global.scss */
.hide {
  display: none;
}

/* line 347, ../scss/foundation/components/_global.scss */
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 350, ../scss/foundation/components/_global.scss */
img {
  display: inline-block;
  vertical-align: middle;
}

/* line 360, ../scss/foundation/components/_global.scss */
textarea {
  height: auto;
  min-height: 50px;
}

/* line 363, ../scss/foundation/components/_global.scss */
select {
  width: 100%;
}

/* line 11, ../scss/app/_global.scss */
.guvessssn ul li {
  padding-top: 100px;
  text-align: center;
  height: 170px;
}

/* line 17, ../scss/app/_global.scss */
.guven ul li {
  padding-top: 100px;
  text-align: center;
  height: 170px;
}

/* line 22, ../scss/app/_global.scss */
.guven ul li.bir {
  background: url("../img/interface/guvenli.png") no-repeat;
  background-position: 50% 20%;
}

/* line 26, ../scss/app/_global.scss */
.guven ul li.iki {
  background: url("../img/interface/mutlu.png") no-repeat;
  background-position: 50% 20%;
}

/* line 30, ../scss/app/_global.scss */
.guven ul li.uc {
  background: url("../img/interface/geri.png") no-repeat;
  background-position: 50% 20%;
}

/* line 34, ../scss/app/_global.scss */
.guven ul li.dort {
  background: url("../img/interface/car.png") no-repeat;
  background-position: 50% 20%;
}

/* line 38, ../scss/app/_global.scss */
.guven ul li.bes {
  background: url("../img/interface/card.png") no-repeat;
  background-position: 50% 20%;
}

/* line 42, ../scss/app/_global.scss */
.guven ul li.bir:hover {
  background: url("../img/interface/guvenli-hover.png") no-repeat;
  background-position: 50% 20%;
  color: #bb3981;
}

/* line 47, ../scss/app/_global.scss */
.guven ul li.iki:hover {
  background: url("../img/interface/mutlu-hover.png") no-repeat;
  background-position: 50% 20%;
  color: #bb3981;
}

/* line 52, ../scss/app/_global.scss */
.guven ul li.uc:hover {
  background: url("../img/interface/geri-hover.png") no-repeat;
  background-position: 50% 20%;
  color: #bb3981;
}

/* line 57, ../scss/app/_global.scss */
.guven ul li.dort:hover {
  background: url("../img/interface/car-hover.png") no-repeat;
  background-position: 50% 20%;
  color: #bb3981;
}

/* line 62, ../scss/app/_global.scss */
.guven ul li.bes:hover {
  background: url("../img/interface/card-hover.png") no-repeat;
  background-position: 50% 20%;
  color: #bb3981;
}


/* line 73, ../scss/app/_global.scss */
.button.penbutton {
  background: url("../img/interface/pen1.png") no-repeat;
  background-position: 10px 5px;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  /*margin-bottom:10px;*/
  margin-bottom: 0px;
  background-color: #bb3981;
  color: white;
  font-weight: bold;
  font-size: inherit;
}

/* line 85, ../scss/app/_global.scss */
.button.penbutton:hover {
  background-color: #444444;
  color: white;
}

/* line 88, ../scss/app/_global.scss */
.button.darbutton {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
}
.kirmizi {color:#c60f13;}
/* line 95, ../scss/app/_global.scss */
.button.darbutton:hover {
  background-color: #444444;
  color: white;
}

/* line 98, ../scss/app/_global.scss */
.pinkborder {
  border: #bb3981 5px solid;
  border-radius: 10px;
}

/* line 103, ../scss/app/_global.scss */
.searchMenu {
  position: absolute;
  right: 0;
  top: 118px;
  z-index: 999;
  width: 100%;
}

/* line 107, ../scss/app/_global.scss */
.iletisim i {
  display: inline-block;
  margin-top: 5px;
  font-size: 20px;
  margin-right: 20px;
  color: #bb3981;
}

/* line 109, ../scss/app/_global.scss */
.seperatorline {
  background: url("../img/interface/line.jpg") repeat-x;
  height: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 115, ../scss/app/_global.scss */
.helps .tabs dd > a {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  margin-right: 10px;
  width: 115px;
  padding: 6px;
  text-align: center;
  height: 104px;
}

/* line 129, ../scss/app/_global.scss */
.helps .tabs-content > .content {
  background-color: #f8f8f8;
  padding: 0px;

}

/* line 134, ../scss/app/_global.scss */
.helps .tabs dd.active > div {
  background-color: #f8f8f8;
}

/* line 138, ../scss/app/_global.scss */
.helps .accordion dd > div {

  color: #bb3981;
  border-top: 1px #ccc solid;
  padding: 10px 20px 10px 20px ;
  font-size: 18px;
}
.helps .accordion dd { margin-bottom: 0px !important;}
.helps .accordion dd > div.first { border-top:none; }
.helps .accordion dd > div.qcontent{
    background-color: #fff;
    padding: 15px;
    margin: 0px 20px 20px 20px;
    border: none;
    border-radius: 15px;
    color:#494949;
    font-size: 12px;
}
/* line 143, ../scss/app/_global.scss */
.tablebg1 {
  background-color: #f0f0f0;
}

/* line 144, ../scss/app/_global.scss */
.tablebg2 {
  background-color: #e1e1e1;
}

/* line 145, ../scss/app/_global.scss */
.helpSearch input[type="text"], .helpSearch .button {
  margin-bottom: 0px;
}

/* line 150, ../scss/app/_global.scss */
.darkgreybg {
  background-color: #444444;
  color: white;
}

/* line 151, ../scss/app/_global.scss */
.ligtgreybg {
  background-color: #777777;
  color: white;
}

/* line 152, ../scss/app/_global.scss */
.whitebg {
  background-color: #fff;
  color: #444444;
}
.black { color: #000 !important;}
/* line 153, ../scss/app/_global.scss */
.erguvanbg {
  background-color: #bb3981;
  color: white;
}

/* line 154, ../scss/app/_global.scss */
.erguvanlightbg {
  background-color: #d981b2;
  color: white;
}

/* line 155, ../scss/app/_global.scss */
.greybg {
  background-color: #ededed;
  color: black;
}

/* line 157, ../scss/app/_global.scss */
ul.darkgreybg li, ul.tablebg1 li, ul.tablebg2 li {
  padding: 7px;
}

/* line 160, ../scss/app/_global.scss */
.ara10 {
  height: 10px;
  clear: both;
}

/* line 161, ../scss/app/_global.scss */
.ara20 {
  height: 20px;
  clear: both;
}

/* line 163, ../scss/app/_global.scss */
.ktop {
  height: 35px;
  background-color: #444444;
  padding-top: 10px;
  font-size: 12px;
}

/* line 169, ../scss/app/_global.scss */
.white {
  color: #fff;
}

/* line 171, ../scss/app/_global.scss */
.account_menu {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 176, ../scss/app/_global.scss */
.account_menu a {
  font-size: 12px;
}

/* line 179, ../scss/app/_global.scss */
.facebook {
  background-color: #0970b5;
}

/* line 180, ../scss/app/_global.scss */
.twitter {
  background-color: #02bff1;
}

/* line 181, ../scss/app/_global.scss */
.google {
  background-color: #d95333;
}

/* line 184, ../scss/app/_global.scss */
.left-border {
  border-left: #c4c4c4 1px solid;
  height: 300px;
  width: 10px;
}

/* line 185, ../scss/app/_global.scss */
.right-border {
  border-right: #c4c4c4 1px solid;
  height: 300px;
  width: 10px;
}

/* line 187, ../scss/app/_global.scss */
.margin-5 {
  margin: 5px;
}

/* line 188, ../scss/app/_global.scss */
.padding-5 {
  padding: 5px;
}

/* line 189, ../scss/app/_global.scss */
.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
/* line 190, ../scss/app/_global.scss */
.marginTop-10 {
  margin-top: 10px !important;
}

/* line 191, ../scss/app/_global.scss */
.marginTop-20 {
  margin-top: 20px !important;
}

/* line 192, ../scss/app/_global.scss */
.marginTop-100 {
  margin-top: 100px !important;
}

/* line 193, ../scss/app/_global.scss */
.marginBot-10 {
  margin-bottom: 10px !important;
}

/* line 194, ../scss/app/_global.scss */
.marginBot-20 {
  margin-bottom: 20px !important;
}

/* line 196, ../scss/app/_global.scss */
.paddingTop-10 {
  padding-top: 10px;
}

/* line 197, ../scss/app/_global.scss */
.paddingTop-20 {
  padding-top: 20px;
}

/* line 198, ../scss/app/_global.scss */
.paddingBot-10 {
  padding-bottom: 10px;
}

/* line 199, ../scss/app/_global.scss */
.paddingBot-20 {
  padding-bottom: 20px;
}

/* line 202, ../scss/app/_global.scss */
.round-3 {
  border-radius: 3px;
}

/* line 203, ../scss/app/_global.scss */
.round-5 {
  border-radius: 5px;
}

/* line 204, ../scss/app/_global.scss */
.round-10 {
  border-radius: 10px;
}

/* line 205, ../scss/app/_global.scss */
.round-20 {
  border-radius: 20px;
}

/* line 207, ../scss/app/_global.scss */
.button.erguvan {
  background-color: #bb3981;
  border-color: #368a55;
  color: white;
}
.button.black {
  background-color: #000000;
  color: white !important;
  width: 100%;
  font-weight: bold;
}
.button.black:hover {
  background-color: rgba(0,0,0,0.8);

}
/* line 216, ../scss/app/_global.scss */
.pointer {
  cursor: pointer;
}

/* line 217, ../scss/app/_global.scss */
.bold {
  font-weight: bold;
}

/* line 219, ../scss/app/_global.scss */
.books ul li div {
  border: #e2e2e2 1px solid;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
}

/* line 221, ../scss/app/_global.scss */
.footer, .footer a {
  background-color: #444444;
  color: white;
}

/* line 226, ../scss/app/_global.scss */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  border-radius: 5px;
}

/* line 229, ../scss/app/_global.scss */
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  border: #bb3981 1px solid;
  color: #bb3981;
}

/* line 234, ../scss/app/_global.scss */
.booksmenu ul {
  background: #bb3981;
  border-radius: 5px;
}

/* line 240, ../scss/app/_global.scss */
.booksmenu ul li {
  color: #444444;
  font-weight: bold;
  margin-bottom: 0px;
  position: relative;
  padding: 10px 10px;
  text-align: center;
  cursor: pointer;
}

/* line 249, ../scss/app/_global.scss */
.booksmenu ul li span.arrow {
  position: absolute;
  background: url("../img/interface/arrow.png") no-repeat center;
  width: 25px;
  height: 25px;
  bottom: -20px;
  display: block;
  left: 50%;
}

/* line 258, ../scss/app/_global.scss */
.booksmenu ul li.active {
  color: white;
}

/* line 262, ../scss/app/_global.scss */
.adet i {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 10px;
}

/* line 267, ../scss/app/_global.scss */
.cartlast i {
  float: right;
}

/* line 271, ../scss/app/_global.scss */
.borderbox {
  border-radius: 5px;
  padding: 10px;
  margin-top: 5px;
  border: #c4c4c4 1px solid;
}

/* line 278, ../scss/app/_global.scss */
ul.form li label {
  width: 350px;
  font-weight: bold;
  float: left;
}



/* line 301, ../scss/app/_global.scss */
.clearleft {
  clear: left;
}

/* line 302, ../scss/app/_global.scss */
.clearright {
  clear: right;
}

/* line 303, ../scss/app/_global.scss */
#logo p {
  display: none;
}

/* line 306, ../scss/app/_global.scss */
ul.question li {
  padding: 10px 10px 10px 25px;
  margin-bottom: 10px;
}

/* line 311, ../scss/app/_global.scss */
ul.question li ul.answers li {
  border-left: 7px solid #bb3981;
  padding: 10px 10px 10px 25px;
  margin-bottom: 10px;
}

/* line 317, ../scss/app/_global.scss */
ul#menu {
  margin-bottom: 0px;
}

/* line 318, ../scss/app/_global.scss */
#menu li {
  line-height: 45px;
}

/* line 321, ../scss/app/_global.scss */
#menu li a {
  font-size: 16px;
}

/* line 325, ../scss/app/_global.scss */
#menu li:hover .dropMenu {
  left: -1px;
  top: 85px;
}

/* line 330, ../scss/app/_global.scss */
.dropMenu {
  border: 1px solid #dedede;
  border-top: #bb3981 3px solid;
  margin: 4px auto;
  float: left;
  position: absolute;
  left: -999em;
  /* Hides the drop down */
  text-align: left;
  padding: 20px;
  z-index: 1000;
}

/* line 341, ../scss/app/_global.scss */
.dropMenu {
  width: 100%;
}

/* line 342, ../scss/app/_global.scss */
#menu li > ul > li {
  line-height: 25px;
}

/* line 345, ../scss/app/_global.scss */
#menu li > ul > li a {
  font-size: 13px;
}

/* line 348, ../scss/app/_global.scss */
#menu li > ul > li a:hover {
  color: #777777;
}

/* line 351, ../scss/app/_global.scss */
.split {
  position: relative;
}

/* line 354, ../scss/app/_global.scss */
.split span:before {
  content: "";
  width: 0;
  height: 0;
  border-style: inset;
  border-color: #333333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 22px;
}

/* line 371, ../scss/app/_global.scss */
.searchresult div {
  padding: 10px;
  border-bottom: 1px #cccccc solid;
}

/* line 376, ../scss/app/_global.scss */
.searchresult .detay {
  padding: 15px;
  background: #9d9d9d;
}

/* line 381, ../scss/app/_global.scss */
.smallButton {
  padding: 5px;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: white;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
  background: -moz-linear-gradient(top, white, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}


/* line 2, ../scss/app/_types.scss */
.size-10 {
  font-size: 10px;
}

/* line 3, ../scss/app/_types.scss */
.size-11 {
  font-size: 11px;
}

/* line 4, ../scss/app/_types.scss */
.size-12 {
  font-size: 12px;
  line-height: 150%;
}

/* line 5, ../scss/app/_types.scss */
.size-14 {
  font-size: 14px;
  line-height: 150%;
}

/* line 6, ../scss/app/_types.scss */
.size-16 {
  font-size: 16px !important;
  line-height: 150%;
}

/* line 7, ../scss/app/_types.scss */
.size-18 {
  font-size: 18px !important;
  line-height: 150%;
}

/* line 8, ../scss/app/_types.scss */
.size-20 {
  font-size: 20px !important;
  line-height: 150%;
}

/* line 9, ../scss/app/_types.scss */
.size-22 {
  font-size: 22px !important;
  line-height: 150%;
}
.size-24 {
  font-size: 24px !important;
  line-height: 150%;
}
/* line 10, ../scss/app/_types.scss */
.size-28 {
  font-size: 28px !important;
  line-height: 150%;
}

/* line 11, ../scss/app/_types.scss */
.size-45 {
  font-size: 45px;
  line-height: 150%;
}

/* line 12, ../scss/app/_types.scss */
.size-90 {
  font-size: 45px;
  line-height: 150%;
}

/* line 13, ../scss/app/_types.scss */
.size-200 {
  font-size: 200;
  line-height: 150%;
}

/* line 14, ../scss/app/_types.scss */
.size-300 {
  font-size: 300px;
  line-height: 150%;
}

/* line 15, ../scss/app/_types.scss */
.underline {
  text-decoration: underline;
}

/* line 17, ../scss/app/_types.scss */
.muted {
  color: #777777;
}

/* line 18, ../scss/app/_types.scss */
.darkgrey {
  color: #444444;
}

/* line 19, ../scss/app/_types.scss */
.erguvan {
  color: #bb3981;
}


.ergTra{ background:rgba(187,57,129,0.7);  padding:5px; color:white;}
.whiTra{ background:rgba(255,255,255,0.5);  padding:5px;color:#444444;}


.sizebox {
    position: relative;
    height: 150px;
}
.sizebox img {
    position: absolute;
    left: 0; bottom: 0; right: 0;
    margin:0 auto;
}

.box-shadow-5{
  box-shadow:5px 5px 5px 5px #e4e4e4;
}
.box-shadow-2{
  box-shadow:2px 2px 2px 2px #e4e4e4;
}
.details .tabs dd > a {
color: rgb(158, 142, 142);
display: block;
font-size: 14px;
height: 40px;
line-height: 40px;
padding: 0px 23.8px;
background: #fff;
}
.details .tabs dd > a > i {
  margin-right:10px;
}
.details .tabs dd.active {
  border-top:rgb(187,57,129) 3px solid;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-left: 1px rgb(230, 230, 230) solid;
  border-right: 1px rgb(230, 230, 230) solid;
  border-bottom: none;

}
.details .tabs dd.active a{   color:#444; font-weight: bold;}

.details .tabs-content > .content.active {
    border-left: 1px rgb(230, 230, 230) solid;
    border-right: 1px rgb(230, 230, 230) solid;
    border-bottom: 1px rgb(230, 230, 230) solid;
    padding: 20px;
}
.details .tabs dd {
   border-bottom: 1px rgb(230, 230, 230) solid;
}
.details .tabs {
  list-style: none;
  border-bottom: solid 1px rgb(230, 230, 230);
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px;
}



.subCatHead {position: relative;}
.toSubCats {
  position: absolute;
  z-index: 100;
  right:0;
  font-size: 12px;
  color:#ccc;
}

.profil .content { padding: 10px;}
.tasarimlar #nav li {
    border-radius: 5px;
    background-color: #efefef; 
    padding: 7px;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
 }
  .tasarimlar #nav li.active {
    background-color: #ee4123; 
    color:white;
 }
.bookImage {
  padding: 20px;
  position: relative;
}
.bookImage .preview {
  display: none;
}
.bookImage:hover .preview {
  position: absolute;
  top:40%;
  opacity:.75;display:inline-block;margin:0 1px;text-transform:uppercase;font-size:36px;
  height:100px;width:100%;background-color:#fff;box-shadow:0 0 1px 0 #e4e4e4;
  border-radius: 10px;
  text-align: center;
  padding-top: 30px;

}

ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -.3125em;
}
.pagination li {
  display: block;
  float: left;
  height: 1.5em;
  color: #222;
  font-size: .875em;
  margin-left: .8125em;
}
.pagination .disabled {
  color:#ccc;
}
.pagination .active {
  color:#bb3981;
}
.alert-box {
  background-color: #c60f13;
  color:white;
  padding: 10px;
  display: block;
  border-radius: 5px;
  margin-bottom: 10px;
}
.alert-box .success { 
 background-color: #5da423 !important;
}

@media only screen {
  .catbox h3 {
    font-size: 13px !important;
  }
  .header ul.nav {
    margin-top:10px !important;
  }
  .header ul.nav li {
    float: inherit !important;
    margin-top:10px !important;
    padding-left:0px !important;
    border-left:none !important;
  }
}

.messages{border-top:3px solid #296fa2;padding:1em 1em 1em 3.5em!important;margin:0 0 2em!important;position:relative;-webkit-border-radius:4px;border-radius:4px;background:#fcfbfc;background:-webkit-gradient(linear,left top,left bottom,from(#fcfbfc),to(#f7f6f7));background:-webkit-linear-gradient(#fcfbfc,#f7f6f7);background:-moz-linear-gradient(center top,#fcfbfc 0,#f7f6f7 100%);background:-moz-gradient(center top,#fcfbfc 0,#f7f6f7 100%);color:#5e5e5e;text-shadow:0 1px 0 #fff;list-style:none!important;width:auto;-webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 white,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 white,0 1px 2px rgba(0,0,0,.3)}.messages:before{width:1.5em;display:block;position:absolute;top:0;left:1em;font-family:sans-serif;font-size:1em;line-height:1.5;text-align:center;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);padding-top:1em;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1);-webkit-box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.1)}.warning-message{border-top:3px solid #296fa2}.warning-message:before{background-color:#296fa2;content:"\2713"}.danger-message{border-top:3px solid #f00f0f}.danger-message:before{background-color:#f00f0f;content:"X"}.success-message{border-top:3px solid #8fae1b}.success-message:before{background-color:#8fae1b;content:"\2713"}