@font-face {
 font-family: 'AvantGardeBookBT';
 font-style: normal;
 font-weight: normal;
 src: local('Avant Garde Book BT'), url('/public/styles/AVGARDN_2.woff') format('woff');
 }


 @font-face {
 font-family: 'AvantGardeDemiBT';
 font-style: normal;
 font-weight: normal;
 src: local('Avant Garde Demi BT'), url('/public/styles/AVGARDD_2.woff') format('woff');
 }

 body, h1, h2, h3, h4, h5, h6 {
   font-family:'AvantGardeBookBT' !important;
   letter-spacing: 1px;
 }
 .cdark {
   color:#000 !important;
 }
 .cgri {
   color:#404855 !important;
 }
 .cdarkbg {
   color:#000 !important;
 }
.prepare-ripple {
  overflow: hidden;
  position: relative;
}
.ripple {
  background: rgba(255, 255, 255, .5);
  border-radius: 100%;
  display: block;
  position: absolute;
  transform: scale(0);
  z-index: 9999;
}
.ripple.on-animate {
  animation: ripple .65s linear;
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

.pointer, .pointerurl, .votele {
  cursor: pointer;
}
.header {
    background-color: #000;
}
.header i {
    color: #fff !important;
}
.menu {
    background-color: #fff !important;
}
#footer-bar {
    background-color: #fff;
}
.btn-center-full {
     width: 100%;
    margin: 0 auto;
    display: block;
}
.dortlu .card-style {
     margin: 0px !important;
}
body {
  background: #fff url(/public/zebrabg.jpg) top left !important;
}
.bg-gradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.8) 90%, black 100%);
}

.presle:active {
  transform: scale(0.99);
}
/*
#menu-main {
  z-index: 999;
}
 #footer-bar {
  z-index: 995;
}
.menu-active {
    z-index: 998;
}*/

#cats .card-style {
  margin: 0px !important;
}
.fbimgsize {
  height: 300px !important;
}
.formenu .card-style {
     margin: 0px !important;
}
.show-more{margin:auto}.hidden{display:none}
.showMore,.showLess{cursor:pointer;color:#0095e5;white-space:nowrap}
.showMore:hover,.showLess:hover{color:red}
@media only screen and (max-width: 600px) {
  .fbimgsize {
    height: 200px !important;
  }
}
.showlessdiv {
  white-space: nowrap;
 text-overflow: ellipsis;
}
@media only screen and (max-width: 450px) {
  .showlessdiv {
    font-size:12px !important;
    white-space: nowrap;
   text-overflow: ellipsis;
  }
}