@charset "UTF-8";
.m {
  width: 940px;
  margin: 15px auto 5px auto;
  padding: 20px;
  min-height: 400px;
}
.globHeader {
  font-weight: bold;
  color: #0066cc;
  font-size: 14px;
  line-height: 26px;
  border-bottom: 1px solid #0099CC;
}
.w5 {
  width: 5px;
}
.w10 {
  width: 10px;
}
.w15 {
  width: 15px;
}
.w20 {
  width: 20px;
}
.w30 {
  width: 30px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w70 {
  width: 70px;
}
.w80 {
  width: 80px;
}
.w90 {
  width: 90px;
}
.w100 {
  width: 100px;
}
.w110 {
  width: 110px;
}
.w120 {
  width: 120px;
}
.w130 {
  width: 130px;
}
.w140 {
  width: 140px;
}
.w150 {
  width: 150px;
}
.w160 {
  width: 160px;
}
.w170 {
  width: 170px;
}
.w180 {
  width: 180px;
}
.w190 {
  width: 190px;
}
.w200 {
  width: 200px;
}
.w210 {
  width: 210px;
}
.w220 {
  width: 220px;
}
.w230 {
  width: 230px;
}
.w240 {
  width: 240px;
}
.w250 {
  width: 250px;
}
.w260 {
  width: 260px;
}
.w270 {
  width: 270px;
}
.w280 {
  width: 280px;
}
.w290 {
  width: 290px;
}
.w300 {
  width: 300px;
}
.w310 {
  width: 310px;
}
.w320 {
  width: 320px;
}
.w330 {
  width: 330px;
}
.w340 {
  width: 340px;
}
.w350 {
  width: 350px;
}
.w360 {
  width: 360px;
}
.w370 {
  width: 370px;
}
.w380 {
  width: 380px;
}
.w390 {
  width: 390px;
}
.w400 {
  width: 400px;
}
.w450 {
  width: 450px;
}
.w500 {
  width: 500px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
html,
body {
  height: 100%;
}
::selection {
  color: #382935;
  background: rgba(56, 41, 53, 0.3);
}
::-moz-selection {
  color: #382935;
  background: rgba(56, 41, 53, 0.3);
}
.x_loader {
  background: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
  position: absolute;
  display: none;
  z-index: 102;
}
.x_loader div.x_display {
  position: absolute;
  margin: auto;
  width: 64px;
  height: 64px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
div.err,
div.info,
div.success {
  border-radius: 3px;
  box-sizing: border-box;
}
/*
div.err { display:block; padding:5px 5px; margin:3px 0; background:#FFF2F4; border:1px solid #C33; color:#C33; }
div.info { display:block; padding:5px 5px; margin:3px 0; background:#FBF8F0; border:1px solid #F90; color:#F90; }
div.success { display:block; padding:5px 5px; margin:3px 0; background:#EFFAED; border:1px solid #0C3; color:#0C3; }
*/
input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}
.sipPart div {
  display: block;
  line-height: 26px;
}
.sipPart div.kart {
  display: block;
  overflow: auto;
}
.sipPart div.kart div.kleftPart {
  min-width: 160px;
  float: left;
  font-size: 12px;
}
.sipPart div.kart div.krightPart {
  min-width: 260px;
  float: left;
}
.sipPart div.kart div.krightPart:before {
  content: ":";
  display: block;
  float: left;
  margin-right: 3px;
}
div.admin_wrapper {
  display: flex;
  align-items: stretch;
  min-height: 100%;
  box-sizing: border-box;
  position: relative;
}
div.admin_wrapper.noright div.admin_left {
  display: none;
}
div.admin_wrapper.noright div.admin_right {
  border: 0;
  width: 100%;
}
div.admin_wrapper.noright .shortcuts {
  left: 10px;
}
div.admin_wrapper div.admin_left {
  overflow: hidden;
  width: 200px;
  padding: 0;
  min-height: 100%;
  background: #000;
  text-transform: uppercase;
  position: relative;
}
div.admin_wrapper div.admin_left.min {
  width: 30px;
}
div.admin_wrapper div.admin_left .width-200 {
  padding: 0 1px;
}
div.admin_wrapper div.admin_left .width-200 ol {
  --padding-top: 4px;
  --padding-bottom: 4px;
  background: #0d0d0d;
  display: block;
  padding: 0;
  list-style: none;
  margin: 5px;
  border-bottom: 1px solid #434343;
}
div.admin_wrapper div.admin_left .width-200 ol i {
  margin-right: 3px;
}
div.admin_wrapper div.admin_left .width-200 ol div.nev_header {
  font-weight: bold;
  color: #efefef;
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  cursor: pointer;
  padding-left: 6px;
  border-radius: 2px;
}
div.admin_wrapper div.admin_left .width-200 ol div.nev_header:hover {
  background: #f7f7f7;
  color: black;
}
div.admin_wrapper div.admin_left .width-200 ol div.nev_header.clicked {
  background: #8e8e8e;
  color: #f6f6f5;
}
div.admin_wrapper div.admin_left .width-200 ol li {
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-bottom: 1px solid #686767;
}
div.admin_wrapper div.admin_left .width-200 ol li a {
  display: block;
  text-decoration: none;
  padding-left: 30px;
  color: white;
}
div.admin_wrapper div.admin_left .width-200 ol li a:hover {
  color: #FFF;
}
div.admin_wrapper div.admin_left .width-200 ol li:hover {
  background: #666;
}
div.admin_wrapper div.admin_left .width-200 ol li.select {
  color: #ff7f29;
  background-color: darkslategrey;
}
div.admin_wrapper div.admin_right {
  min-height: 100%;
  margin-top: 33px;
  flex: 1;
  padding: 10px;
}
div.admin_wrapper div.admin_right.noborder {
  border: 0;
}
.toolbox {
  background: white;
  position: absolute;
  right: 36px;
  top: 0;
  border: 0 solid #ccc;
  margin: auto;
  z-index: 102;
  padding: 6px;
}
.shortcuts {
  position: absolute;
  left: 210px;
  top: 0;
  border: 0px solid #ccc;
  z-index: 102;
  padding: 6px 0;
}
.shortcuts .btn {
  margin-right: 4px;
}
.lethers {
  padding: 5px 0;
  overflow: auto;
  position: relative;
}
.lethers a {
  font-weight: bold;
  font-size: 16px;
  display: block;
  float: left;
  margin: 3px;
  padding: 0 6px;
  margin-right: 0;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.lethers a:hover {
  border: 1px solid #0099ff;
}
.admin_kategori_menu {
  padding: 5px 5px;
  background: #FFF;
  overflow: auto;
}
.admin_kategori_menu a {
  display: block;
  text-decoration: none;
}
.admin_kategori_menu div.admin_kategori_menu_kategoriler {
  padding: 0 8px;
  float: left;
  display: block;
}
.admin_kategori_menu div.admin_kategori_menu_kategoriler a.kategori_name {
  float: left;
}
.admin_kategori_menu div.admin_kategori_menu_kategoriler a.kategori_name_delete {
  display: block;
  visibility: hidden;
  float: left;
  margin-left: 15px;
  font-family: icomoon;
}
.admin_kategori_menu div.admin_kategori_menu_kategoriler:hover a.kategori_name_delete {
  visibility: visible;
}
.admin_kategori_menu_kategori_horizontal_tree {
  line-height: 26px;
  padding: 0 6px;
  box-sizing: border-box;
  background: #f5f5f5;
}
.yeni {
  display: block;
  line-height: 40px;
  text-align: right;
}
.pasif {
  background: #ecd8ef;
}
.validate_ {
  min-width: 16px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  border-radius: 3px;
  visibility: hidden;
}
.validate_.success {
  visibility: visible;
  line-height: 12px;
  color: green;
  border-radius: 6px;
}
.validate_.success i {
  color: green;
}
.validate_.fail {
  background: tomato;
  color: white;
  visibility: visible;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
#info_message {
  display: none;
  width: 100%;
  height: 51px;
  top: 0;
  position: fixed;
  z-index: 5000;
  margin: 0;
  padding: 0;
}
.center_auto {
  margin: 0 auto;
  width: 950px;
  padding: 15px 25px;
}
#info_message .message_area {
  float: left;
  width: 98%;
}
#info_message .message_area span.link_ribbon {
  color: #999999;
  text-decoration: underline;
  cursor: pointer;
}
#info_message .button_area {
  float: left;
  width: 11px;
  height: 10px;
  margin-top: 3px;
}
.error_bg {
  background: url('/images/notification_images/error_bg.png') 0 0 repeat-x;
}
.error_bg .message_area {
  font: bold 14px arial;
  color: #a20510;
  text-shadow: 0 1px 0 #fff;
}
.error_bg .button_area {
  background: url('/images/notification_images/error_close.png') 0 0 no-repeat;
  cursor: pointer;
}
.error_bg .info_more_descrption {
  -moz-box-shadow: 0 0 5px #b2495b;
  -webkit-box-shadow: 0 0 5px #b2495b;
  box-shadow: 0 0 5px #b2495b;
}
.succ_bg {
  background: url('/images/notification_images/succ_bg.png') 0 0 repeat-x;
}
.succ_bg .message_area {
  font: bold 14px arial;
  color: #2f7c00;
  text-shadow: 0 1px 0 #fff;
}
.succ_bg .button_area {
  background: url('/images/notification_images/succ_close.png') 0 0 no-repeat;
  cursor: pointer;
}
.info_bg {
  background: url('/images/notification_images/info_bg.png') 0 0 repeat-x;
}
.info_bg .message_area {
  font: bold 14px arial;
  color: #0d9a95;
  text-shadow: 0 1px 0 #fff;
}
.info_bg .button_area {
  background: url('/images/notification_images/info_close.png') 0 0 no-repeat;
  cursor: pointer;
}
.warn_bg {
  background: url('/images/notification_images/warn_bg.png') 0 0 repeat-x;
}
.warn_bg .message_area {
  font: bold 14px arial;
  color: #a39709;
  text-shadow: 0 1px 0 #fff;
}
.warn_bg .button_area {
  background: url('/images/notification_images/warn_close.png') 0 0 no-repeat;
  cursor: pointer;
}
.clearboth {
  clear: both;
}
.info_more_descrption {
  display: none;
  width: 950px;
  height: 300px;
  background: #fff;
  margin: 0 auto;
  padding: 10px;
  background: #fbfbfb;
  overflow: auto;
}
.succ_bg .info_more_descrption {
  -moz-box-shadow: 0 0 5px #56a25e;
  -webkit-box-shadow: 0 0 5px #56a25e;
  box-shadow: 0 0 5px #56a25e;
}
.galery_image_container {
  background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIzNi44Mzc3IiB5MT0iMjc3LjgzNzIiIHgyPSIyNDcuMTg3NyIgeTI9Ijc4Ny41MTcyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuMDY2NyAwIDAgLTEuMDY2NyAzLjI2NjcgNTU3LjUzMzIpIj4KCTxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6Izk3QUFBQSIvPgoJPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRThFRkVFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMV8pOyIgZD0iTTQ1Ni4wMjUsNzAuNTI0bDU1LjUwNiwyODAuOTQ5YzIuNjA2LDEzLjE4OS01Ljk4NCwyNi4wMDctMTkuMTcyLDI4LjYxM0w4NC41ODQsNDYwLjY0OCAgYy0xMy4xODksMi42MDYtMjYuMDA3LTUuOTg0LTI4LjYxMy0xOS4xNzJMMC40NjYsMTYwLjUyN2MtMi42MDYtMTMuMTg5LDUuOTg0LTI2LjAwNywxOS4xNzItMjguNjEzbDQwNy43NzQtODAuNTYyICBDNDQwLjYwMSw0OC43NDYsNDUzLjQxOSw1Ny4zMzUsNDU2LjAyNSw3MC41MjR6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjYwLjQwMTgiIHkxPSIxNzEuMjE4NCIgeDI9IjI3My40NjE4IiB5Mj0iMTA5LjE4ODQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMzYzRjNFO3N0b3Atb3BhY2l0eTowIi8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMzMDMwMzMiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8yXyk7IiBkPSJNNDkyLjM1NywzODAuMDg5TDg0LjU4Niw0NjAuNjQ0Yy0xMy4xODgsMi42MTItMjYuMDA0LTUuOTc5LTI4LjYxNy0xOS4xNjdsLTMuNjU3LTE4LjUxNiAgYzQuMDA1LDEuMjUzLDguMzgyLDEuNTU1LDEyLjc5NCwwLjY4NUw0NTYuMDIxLDcwLjUxOWw1NS41MTUsMjgwLjk1M0M1MTQuMTM2LDM2NC42Niw1MDUuNTQ1LDM3Ny40NzYsNDkyLjM1NywzODAuMDg5eiIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM4Mi4zNDkiIHkxPSIxMjguNzM5MiIgeDI9IjQzMy43NDkiIHkyPSI3Ny4zMjkyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuMDY2NyAwIDAgLTEuMDY2NyAzLjI2NjcgNTU3LjUzMzIpIj4KCTxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6Izk3QUFBQSIvPgoJPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRThFRkVFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfM18pOyIgZD0iTTQ5My42MzUsMTI3LjMzOXYyODYuMzhjMCwxMy40NDQtMTAuOTExLDI0LjM1NS0yNC4zNTUsMjQuMzU1SDUzLjYyNCAgYy0xMy40NDQsMC0yNC4zNTUtMTAuOTExLTI0LjM1NS0yNC4zNTV2LTI4Ni4zOGMwLTEzLjQ0NCwxMC45MTEtMjQuMzU1LDI0LjM1NS0yNC4zNTVINDY5LjI4ICBDNDgyLjcyNCwxMDIuOTg0LDQ5My42MzUsMTEzLjg5NCw0OTMuNjM1LDEyNy4zMzl6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjQyLjA0ODciIHkxPSI0MzYuMDI3NCIgeDI9IjI0Mi4wNDg3IiB5Mj0iMTAzLjExNzQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFOEVGRUUiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF80Xyk7IiBkPSJNMzcxLjAzMiw0MzguMDc0SDUzLjYyNGMtMTMuNDUxLDAtMjQuMzU1LTEwLjkwNS0yNC4zNTUtMjQuMzU1di0yODYuMzggIGMwLTEzLjQ1MSwxMC45MDUtMjQuMzU1LDI0LjM1NS0yNC4zNTVINDY5LjI4YzEzLjQ1MSwwLDI0LjM1NSwxMC45MDUsMjQuMzU1LDI0LjM1NXYxOTQuNTFjMCwzLjcyNy0xLjQ2Nyw3LjMwNS00LjA4Miw5Ljk1OSAgbC05NS4wMDUsOTYuNDIzQzM4OC4zNDMsNDM0LjUyOCwzNzkuODcyLDQzOC4wNzQsMzcxLjAzMiw0MzguMDc0eiIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI0Mi4wNDg3IiB5MT0iMzI4LjEwNzQiIHgyPSIyNDIuMDQ4NyIgeTI9Ijg1LjcyNzQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojM0ZBOUY1Ii8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDcxRTIiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF81Xyk7IiBkPSJNNDU4LjMyLDE0OS4xMTR2MjE0LjM5OGMtMTYuMjE4LDE2LjQ2Mi0zNS40MiwzNS45NDEtNDguMzY0LDQ5LjA4NEg4NS4yMzcgIGMtMTEuNDAxLDAtMjAuNjUzLTkuMjUyLTIwLjY1My0yMC42NTNWMTQ5LjExNGMwLTExLjQwMSw5LjI1Mi0yMC42NTMsMjAuNjUzLTIwLjY1M2gzNTIuNDMgIEM0NDkuMDY4LDEyOC40NjEsNDU4LjMyLDEzNy43MTMsNDU4LjMyLDE0OS4xMTR6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjQyLjA0ODciIHkxPSIxMzcuOTM3NCIgeDI9IjI0Mi4wNDg3IiB5Mj0iMTA3Ljg0NzQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQzJDRUNFO3N0b3Atb3BhY2l0eTowIi8+Cgk8c3RvcCBvZmZzZXQ9IjAuMTc5IiBzdHlsZT0ic3RvcC1jb2xvcjojQUZCQ0JDO3N0b3Atb3BhY2l0eTowLjE3OSIvPgoJPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojNUI2QTZBIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfNl8pOyIgZD0iTTQ5My42MzUsMzk0LjIzNXYxOS40ODRjMCwxMy40NDQtMTAuOTExLDI0LjM1NS0yNC4zNTUsMjQuMzU1SDUzLjYyNCAgYy0xMy40NDQsMC0yNC4zNTUtMTAuOTExLTI0LjM1NS0yNC4zNTV2LTE5LjQ4NEg0OTMuNjM1eiIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIzMi4yMTUyIiB5MT0iMTY0LjA5NTQiIHgyPSI5OS4zMzUyIiB5Mj0iMjk2Ljk2NTQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIxLjAwMDAwMGUtMDA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMDA4QkYyO3N0b3Atb3BhY2l0eTowIi8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDQ2RTIiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF83Xyk7IiBkPSJNNjQuNzA1LDM5NC4xNDNjMC4wNjQsMC42MDUsMC4xNTgsMS4yLDAuMjczLDEuNzg4YzAuMDIxLDAuMTA5LDAuMDQzLDAuMjE4LDAuMDY2LDAuMzI2ICBjMC4xMjMsMC41NzgsMC4yNjksMS4xNDgsMC40MzksMS43MDhjMC4wMywwLjA5OCwwLjA2MywwLjE5NSwwLjA5NSwwLjI5M2MwLjE4MywwLjU3MSwwLjM4NSwxLjEzMywwLjYxNSwxLjY4MSAgYzAuMDIxLDAuMDUsMC4wNDUsMC4wOTcsMC4wNjYsMC4xNDdjMC4yMjYsMC41MjUsMC40NzUsMS4wMzcsMC43NDEsMS41MzhjMC4wMzksMC4wNzUsMC4wNzcsMC4xNTEsMC4xMTcsMC4yMjYgIGMwLjI3MywwLjQ5OCwwLjU3MSwwLjk4LDAuODgyLDEuNDUyYzAuMDcsMC4xMDcsMC4xNCwwLjIxMywwLjIxMiwwLjMxOGMwLjMxLDAuNDUxLDAuNjM4LDAuODksMC45ODIsMS4zMTMgIGMwLjA4NiwwLjEwNiwwLjE3NSwwLjIxLDAuMjYyLDAuMzE1YzAuMzU0LDAuNDE5LDAuNzIxLDAuODI4LDEuMTA2LDEuMjE3YzAuMDgxLDAuMDgxLDAuMTY1LDAuMTU5LDAuMjQ3LDAuMjM5ICBjMC4zNjQsMC4zNTYsMC43NCwwLjY5OSwxLjEzLDEuMDI3YzAuMDc1LDAuMDYzLDAuMTQ1LDAuMTI5LDAuMjIxLDAuMTkxYzMuNTYyLDIuOTE4LDguMTEzLDQuNjcyLDEzLjA3NCw0LjY3MmgzMjQuNzE5ICBjMTAuMTMtMTAuMjg1LDI0LjA5MS0yNC40NDksMzcuNDU3LTM4LjAxNEwzMzcuNjkxLDI3My45MjhjLTguNDgtNy43NzktMjEuNTAxLTcuNzc5LTI5Ljk4MSwwbC00OC42ODQsNDQuNjZsLTc2LjU0My03Ni40OTkgIGMtOS4wNy0xMC44Ni0yNi4wMzktMTAuNTc1LTM0LjY4NiwwLjg2OEw2NC41ODQsMzUzLjA3NHYzOC44NjdjMCwwLjY1NSwwLjAzOCwxLjMsMC4wOTgsMS45NCAgQzY0LjY5LDM5My45NjgsNjQuNjk1LDM5NC4wNTYsNjQuNzA1LDM5NC4xNDN6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjgwLjE4OTciIHkxPSIyOTcuOTg3NCIgeDI9IjI4MC4xODk3IiB5Mj0iMTI3LjYwNzQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQzJENjAwIi8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM3QkQxMDEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF84Xyk7IiBkPSJNNDQ3LjQxOCwzNzQuNTg2Yy0xMy4zNSwxMy41MzYtMjcuMjgxLDI3LjY3Ni0zNy40MDUsMzcuOTVsLTk4Ljc0OC0wLjA4MWwtMTU0LjQxMy0wLjEyOCAgbDkxLjEzMi04My42MDlsNTkuNzI2LTU0Ljc4OWM4LjQ4LTcuNzc5LDIxLjUwMS03Ljc3OSwyOS45ODEsMEw0NDcuNDE4LDM3NC41ODZ6Ii8+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfOV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzU2LjI5NjUiIHkxPSIxNTAuMDM2NyIgeDI9IjIyNC4wMzY1IiB5Mj0iMjgyLjI5NjciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIxLjAwMDAwMGUtMDA0IiBzdHlsZT0ic3RvcC1jb2xvcjojMUFDRUI4O3N0b3Atb3BhY2l0eTowIi8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwNDk1OUMiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF85Xyk7IiBkPSJNMzM3LjY5MSwyNzMuOTI4Yy04LjQ4LTcuNzc5LTIxLjUwMS03Ljc3OS0yOS45ODEsMGwtNTkuNzI2LDU0Ljc4OWw2My4yODEsODMuNzM3ICBsOTguNzQ4LDAuMDgxYzEwLjEyMy0xMC4yNzQsMjQuMDU0LTI0LjQxNCwzNy40MDUtMzcuOTVMMzM3LjY5MSwyNzMuOTI4eiIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEwXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyOTkuODg0MiIgeTE9IjI3My4zMjc0IiB4Mj0iMjk5Ljg4NDIiIHkyPSIyNDguOTc3NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjA2NjcgMCAwIC0xLjA2NjcgMy4yNjY3IDU1Ny41MzMyKSI+Cgk8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4KCTxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U4RUZFRSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzEwXyk7IiBkPSJNMzU3LjUwNiwyOTIuMTE0Yy0zLjc2MSwzLjA1My05LjY4MiwyLjM0NS0xMi40NTctMi4xMzdsLTAuMDEyLTAuMDEyICBjLTMuMjg1LTUuMzI5LTExLjAyOC01LjMyOS0xNC4zMTQsMHYwLjAxMmMtMy4yODUsNS4zMjktMTEuMDQsNS4zMjktMTQuMzI1LDB2LTAuMDEyYy0xLjYzNy0yLjY3LTQuNC0zLjk5NC03LjE2My0zLjk5NCAgcy01LjUyNiwxLjMyNC03LjE2MywzLjk5NGMtMi45ODMsNC44NDEtOS42NDcsNS4yODItMTMuMjkzLDEuMzM1bDE4LjkzNC0xNy4zNjdjOC40NzUtNy43OSwyMS41LTcuNzksMjkuOTc0LDBMMzU3LjUwNiwyOTIuMTE0eiIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzExXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyOTcuNzI1NiIgeTE9IjI1MS4zNjU4IiB4Mj0iMjcyLjU5NTYiIHkyPSIyNzYuNDk1OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjA2NjcgMCAwIC0xLjA2NjcgMy4yNjY3IDU1Ny41MzMyKSI+Cgk8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNDMkNFQ0U7c3RvcC1vcGFjaXR5OjAiLz4KCTxzdG9wIG9mZnNldD0iMC4xNzkiIHN0eWxlPSJzdG9wLWNvbG9yOiNBRkJDQkM7c3RvcC1vcGFjaXR5OjAuMTc5Ii8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM1QjZBNkEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8xMV8pOyIgZD0iTTM1Ny41MDYsMjkyLjExNGMtMy43NjEsMy4wNTMtOS42ODIsMi4zNDUtMTIuNDU3LTIuMTM3bC0wLjAxMi0wLjAxMiAgYy0zLjI4NS01LjMyOS0xMS4wMjgtNS4zMjktMTQuMzE0LDB2MC4wMTJjLTMuMjg1LDUuMzI5LTExLjA0LDUuMzI5LTE0LjMyNSwwdi0wLjAxMmMtMS42MzctMi42Ny00LjQtMy45OTQtNy4xNjMtMy45OTQgIHMtNS41MjYsMS4zMjQtNy4xNjMsMy45OTRjLTIuOTgzLDQuODQxLTkuNjQ3LDUuMjgyLTEzLjI5MywxLjMzNWwxOC45MzQtMTcuMzY3YzguNDc1LTcuNzksMjEuNS03Ljc5LDI5Ljk3NCwwTDM1Ny41MDYsMjkyLjExNHoiLz4KPHBhdGggc3R5bGU9ImZpbGw6IzAwOEJGMjsiIGQ9Ik0xNjMuMDk2LDI3MS44NjFjLTAuMTQsMC0wLjI3NywwLjAwNy0wLjQxNiwwLjAxMWMwLjE1NS0xLjI2NywwLjIzNi0yLjU1NywwLjIzNi0zLjg2NiAgYzAtMTcuNDQ3LTE0LjE0NC0zMS41OS0zMS41OS0zMS41OWMtMTIuOTk0LDAtMjQuMTU1LDcuODQ2LTI5LjAwNiwxOS4wNTljLTEuMTMtMC40NTMtMi4zNjMtMC43MDUtMy42NTQtMC43MDUgIGMtNS40MjMsMC05LjgxOSw0LjM5Ni05LjgxOSw5LjgxOWMwLDEuNjUyLDAuNDEsMy4yMDksMS4xMzIsNC41NzVjLTYuOTUzLDIuNTk5LTExLjkwNCw5LjMwMS0xMS45MDQsMTcuMTYxICBjMCwxMC4xMTYsOC4yMDIsMTguMzE4LDE4LjMxOCwxOC4zMThoNjYuNzA0YzkuMDUyLDAsMTYuMzktNy4zMzgsMTYuMzktMTYuMzlTMTcyLjE0OCwyNzEuODYxLDE2My4wOTYsMjcxLjg2MXoiLz4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTczLjE2NjciIHkxPSIzMzYuMDc3NCIgeDI9IjE3My4xNjY3IiB5Mj0iMTI1LjU4NzQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQzJENjAwIi8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiM3QkQxMDEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8xMl8pOyIgZD0iTTMxMS4zNzEsNDEyLjU5NGwtMjI5LjQ1NS0wLjI2N2MtOS44MjEtMS41OS0xNy4zMzItMTAuMTEyLTE3LjMzMi0yMC4zODZ2LTM4Ljg2NyAgbDgzLjIxNC0xMTAuMTE2YzguODczLTExLjc0MSwyNi41MTItMTEuNzQxLDM1LjM4NSwwLjAwMWw2NC44MDMsODUuNzU5bDYzLjI4MSw4My43MzdMMzExLjM3MSw0MTIuNTk0eiIvPgo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzEzXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxNTIuMDg2MyIgeTE9IjMwMi43MTc0IiB4Mj0iMTUyLjA4NjMiIHkyPSIyNzYuOTQ3NCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjA2NjcgMCAwIC0xLjA2NjcgMy4yNjY3IDU1Ny41MzMyKSI+Cgk8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkZGRkYiLz4KCTxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0U4RUZFRSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzEzXyk7IiBkPSJNMjAwLjIxNCwyNjUuNTA2Yy0zLjY2OCwzLjg3Ny0xMC4yNzQsMy40MDItMTMuMjQ2LTEuNDA1di0wLjAyMyAgYy0xLjY0OS0yLjY1OC00LjQtMy45ODItNy4xNjMtMy45ODJzLTUuNTE1LDEuMzI0LTcuMTYzLDMuOTk0Yy0xLjY0OCwyLjY1OC00LjQsMy45OTQtNy4xNjMsMy45OTRzLTUuNTE1LTEuMzM1LTcuMTYzLTMuOTk0ICBjLTEuNjQ4LTIuNjU4LTQuNC0zLjk5NC03LjE2My0zLjk5NHMtNS41MTUsMS4zMzUtNy4xNjMsMy45OTRjLTIuOTYsNC44MDYtOS41NDIsNS4yODItMTMuMjIyLDEuNDE3bDE3LjAzLTIyLjU0NSAgYzguODY5LTExLjc0OCwyNi41MTUtMTEuNzQ4LDM1LjM4NSwwTDIwMC4yMTQsMjY1LjUwNnoiLz4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzYwLjMyNzEiIHkxPSIyMDQuNzIwNyIgeDI9IjQwNS4zMjIyIiB5Mj0iMTU5LjcxNTYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNFOEVGRUUiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggc3R5bGU9ImZpbGw6dXJsKCNTVkdJRF8xNF8pOyIgZD0iTTQ5Mi4zODcsMzI3LjY2NWMwLDAtMC43MiwyLjAzOC0zLjU1Myw0Ljg3MWMtMS4wNTIsMS4wNTItOTMuNzI5LDk1LjEyOS05My43MjksOTUuMTI5ICBjLTYuNTYxLDYuNjU5LTE1LjUyLDEwLjQxLTI0Ljg2OSwxMC40MWwwLDBsMCwwYzguMDcsMCwxNC42MTMtNi41NDIsMTQuNjEzLTE0LjYxM1YzNTIuMDJjMC0xMy40NTEsMTAuOTA1LTI0LjM1NSwyNC4zNTUtMjQuMzU1ICBMNDkyLjM4NywzMjcuNjY1TDQ5Mi4zODcsMzI3LjY2NXoiLz4KPHBhdGggc3R5bGU9ImZpbGw6IzAwOEJGMjsiIGQ9Ik0zMzcuMjMzLDIwNi42NWMtMC4xNCwwLTAuMjc3LDAuMDA3LTAuNDE2LDAuMDExYzAuMTU1LTEuMjY3LDAuMjM2LTIuNTU3LDAuMjM2LTMuODY2ICBjMC0xNy40NDctMTQuMTQ0LTMxLjU5LTMxLjU5LTMxLjU5Yy0xMi45OTQsMC0yNC4xNTUsNy44NDYtMjkuMDA2LDE5LjA1OWMtMS4xMy0wLjQ1My0yLjM2My0wLjcwNS0zLjY1NC0wLjcwNSAgYy01LjQyMywwLTkuODE5LDQuMzk2LTkuODE5LDkuODE5YzAsMS42NTIsMC40MSwzLjIwOSwxLjEzMiw0LjU3NWMtNi45NTMsMi41OTktMTEuOTA0LDkuMzAxLTExLjkwNCwxNy4xNjEgIGMwLDEwLjExNiw4LjIwMiwxOC4zMTgsMTguMzE4LDE4LjMxOGg2Ni43MDRjOS4wNTIsMCwxNi4zOS03LjMzOCwxNi4zOS0xNi4zOVMzNDYuMjg2LDIwNi42NSwzMzcuMjMzLDIwNi42NXoiLz4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDQxLjk0NzgiIHkxPSIyMzMuNzg3OSIgeDI9IjI4Mi42Mzc4IiB5Mj0iMzkzLjA4OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjA2NjcgMCAwIC0xLjA2NjcgMy4yNjY3IDU1Ny41MzMyKSI+Cgk8c3RvcCBvZmZzZXQ9IjEuMDAwMDAwZS0wMDQiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDhCRjI7c3RvcC1vcGFjaXR5OjAiLz4KCTxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzAwNDZFMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cGF0aCBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzE1Xyk7IiBkPSJNNDU4LjMyLDIyMS42NzVsLTUwLjU1OC01MC41NThjLTkuMDM5LTkuNDk0LTIxLjc5LTE1LjQyMi0zNS45MzQtMTUuNDIyICBjLTI3LjQwNSwwLTQ5LjYyMSwyMi4yMTctNDkuNjIxLDQ5LjYyMWMwLDE0LjE0NCw1LjkyNywyNi44OTUsMTUuNDIyLDM1LjkzNEw0NTguMzIsMzYxLjk0MUw0NTguMzIsMjIxLjY3NUw0NTguMzIsMjIxLjY3NXoiLz4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzQ1LjUyNzIiIHkxPSI0MTAuODI3NCIgeDI9IjM0NS41MjcyIiB5Mj0iMjQ1LjMzNzQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4wNjY3IDAgMCAtMS4wNjY3IDMuMjY2NyA1NTcuNTMzMikiPgoJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZDRjk1Ii8+Cgk8c3RvcCBvZmZzZXQ9IjAuNDI3IiBzdHlsZT0ic3RvcC1jb2xvcjojRkZDOTU0Ii8+Cgk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNGRkMyMDAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNpcmNsZSBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzE2Xyk7IiBjeD0iMzcxLjgyOSIgY3k9IjIwNS4zMTIiIHI9IjQ5LjYyMSIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) center no-repeat;
  overflow: hidden;
  background-size: 80% 80%;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.hidden_file_field {
  left: -10000px;
  top: -10000px;
  position: absolute;
}
.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.autocomplete-suggestion {
  position: relative;
  padding: 0 0.6em;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.02em;
  color: #333;
}
.autocomplete-suggestion b {
  font-weight: normal;
  color: #1f8dd6;
}
.autocomplete-suggestion.selected {
  background: #f0f0f0;
}
/*
.pagination{
	margin:0;
	padding:0;
}
.pagination li{
	display: inline;
	padding: 6px 10px 6px 10px;
	border: 1px solid #ddd;
	margin-right: -1px;
	font: 13px/20px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}
.pagination li a {
	text-decoration:none;
	color: rgb(89, 141, 235);
}
.pagination li.first {
	border-radius: 5px 0px 0px 5px;
}
.pagination li.last {
	border-radius: 0px 5px 5px 0px;
}
.pagination li:hover{
	background: #EEE;
}

.pagination li.current {
	background: #89B3CC;
	border: 1px solid #89B3CC;
	color: #FFFFFF;
}
*/
.goback {
  border-radius: 2px;
  margin: 1px 0;
  border: 1px solid #07490d;
  background: #9fcc8d;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  height: 30px;
  opacity: 0.2;
  color: #0b2e13;
  padding: 4px 8px;
  text-decoration: none;
  justify-content: center;
  align-content: center;
}
.goback:hover {
  border: 1px solid #3a4d9c;
  background: #9bc0cc;
  color: #2b3ccc;
  opacity: 1;
}
.goback i {
  line-height: 20px;
}
.goback a {
  text-decoration: none;
}
.tabs {
  background: #CCC;
  padding: 1px;
  box-sizing: border-box;
}
.tabs ul.nev {
  position: relative;
  padding: 0;
  display: inline-flex;
  z-index: 1;
  margin: 0;
  line-height: 30px;
  align-items: center;
}
.tabs ul.nev li {
  list-style: none;
  line-height: 26px;
  margin-right: 3px;
  border: 1px solid #999;
  padding: 0 6px;
  margin-left: 2px;
  position: relative;
  vertical-align: bottom;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #999;
  background: #ebebeb;
  color: #999;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabs ul.nev li.select {
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
  color: #333;
}
.tabs ul.nev li:hover {
  background: #fff;
  color: #f00;
}
.tabs .tab_content {
  position: relative;
  top: 0;
  background: white;
  border: 0 solid #999;
  z-index: 0;
  border-radius: 2px;
  padding: 8px;
  display: none;
}
.tabs .tab_content.select {
  display: block;
}
.Zebra_DatePicker {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  /*	box-shadow: 0 0 10px #ccc;*/
  color: #222;
  font: 13px sans-serif;
  padding: 5px;
  position: absolute;
  display: table;
  *width: 255px;
  z-index: 0;
}
.Zebra_DatePicker *,
.Zebra_DatePicker :after,
.Zebra_DatePicker :before {
  box-sizing: content-box !important;
}
.Zebra_DatePicker * {
  padding: 0;
}
.Zebra_DatePicker table {
  border-collapse: collapse;
  border-radius: 4px;
  border-spacing: 0;
  width: 100%;
}
.Zebra_DatePicker td,
.Zebra_DatePicker th {
  border-radius: 4px;
  padding: 5px;
  cursor: pointer;
  text-align: center;
  min-width: 25px;
  width: 25px;
}
.Zebra_DatePicker .dp_body .dp_not_in_month {
  color: #666;
}
.Zebra_DatePicker .dp_body .dp_time_controls_condensed td {
  width: 25%;
}
.Zebra_DatePicker .dp_body .dp_current {
  color: #3a87ad;
}
.Zebra_DatePicker .dp_body .dp_selected {
  background: #337ab7;
  color: #fff;
}
.Zebra_DatePicker .dp_body .dp_disabled {
  color: #bbb;
  cursor: text;
}
.Zebra_DatePicker .dp_body .dp_disabled.dp_current {
  color: #b4d5e6;
}
.Zebra_DatePicker .dp_body .dp_hover {
  background: #dedede;
}
.Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
  background-color: #dedede;
}
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_timepicker td,
.Zebra_DatePicker .dp_yearpicker td {
  width: 33.3333%;
}
.Zebra_DatePicker .dp_timepicker .dp_disabled {
  border: none;
  color: #222;
  font-size: 26px;
  font-weight: 700;
}
.Zebra_DatePicker .dp_time_separator div {
  position: relative;
}
.Zebra_DatePicker .dp_time_separator div:after {
  content: ":";
  color: #222;
  font-size: 20px;
  left: 100%;
  margin-left: 2px;
  margin-top: -13px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.Zebra_DatePicker .dp_header {
  margin-bottom: 5px;
}
@supports (-ms-ime-align:auto) {
  .Zebra_DatePicker .dp_header {
    font-family: 'Segoe UI Symbol', Tahoma, Arial, Helvetica, sans-serif;
  }
}
.Zebra_DatePicker .dp_footer {
  margin-top: 5px;
}
.Zebra_DatePicker .dp_footer .dp_icon {
  width: 50%;
}
.Zebra_DatePicker .dp_actions td {
  border-radius: 4px;
}
.Zebra_DatePicker .dp_actions .dp_caption {
  font-weight: 700;
  width: 100%;
}
.Zebra_DatePicker .dp_actions .dp_next,
.Zebra_DatePicker .dp_actions .dp_previous {
  *padding: 0 10px;
}
.Zebra_DatePicker .dp_actions .dp_hover {
  background-color: #dedede;
}
.Zebra_DatePicker .dp_daypicker th {
  cursor: text;
  font-weight: 700;
}
.Zebra_DatePicker.dp_hidden {
  display: none;
}
.Zebra_DatePicker .dp_icon {
  height: 16px;
  background-image: url(/images/zdpicons.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  *text-indent: 0;
}
.Zebra_DatePicker .dp_icon.dp_confirm {
  background-position: center -123px;
}
.Zebra_DatePicker .dp_icon.dp_view_toggler {
  background-position: center -91px;
}
.Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
  background-position: center -59px;
}
button.Zebra_DatePicker_Icon {
  background: url(/images/zdpicons.png) center top no-repeat;
  border: none;
  cursor: pointer;
  display: block;
  height: 16px;
  line-height: 0;
  padding: 0;
  position: absolute;
  text-indent: -9000px;
  width: 16px;
}
button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
  background-position: center -32px;
  cursor: default;
}
.notification {
  position: relative;
  margin-bottom: 6px;
  cursor: pointer;
}
.notread {
  background: #eff5da;
  color: #fff;
  box-shadow: inset 1px 0px 9px 0px #edcc56;
}
.notread .close {
  display: block;
}
.newread {
  background: #f5f8ea;
  color: #8c704b;
  box-shadow: inset 1px 0px 9px 0px #9fcf9b;
}
.newread .close {
  display: block;
}
.icon {
  position: relative;
}
.icon:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-repeat: no-repeat;
  background-position: center;
}
.icon.menu {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  height: 40px;
  width: 40px;
  background-image: url("/images/menu.svg");
}
.icon.notification-ico:before {
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  left: -2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJDYXBhXzEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiI+PGc+PHBhdGggZD0ibTQ1MC4yMDEgNDA3LjQ1M2MtMS41MDUtLjk3Ny0xMi44MzItOC45MTItMjQuMTc0LTMyLjkxNy0yMC44MjktNDQuMDgyLTI1LjIwMS0xMDYuMTgtMjUuMjAxLTE1MC41MTEgMC0uMTkzLS4wMDQtLjM4NC0uMDExLS41NzYtLjIyNy01OC41ODktMzUuMzEtMTA5LjA5NS04NS41MTQtMTMxLjc1NnYtMzQuNjU3YzAtMzEuNDUtMjUuNTQ0LTU3LjAzNi01Ni45NDItNTcuMDM2aC00LjcxOWMtMzEuMzk4IDAtNTYuOTQyIDI1LjU4Ni01Ni45NDIgNTcuMDM2djM0LjY1NWMtNTAuMzcyIDIyLjczNC04NS41MjUgNzMuNDk4LTg1LjUyNSAxMzIuMzM0IDAgNDQuMzMxLTQuMzcyIDEwNi40MjgtMjUuMjAxIDE1MC41MTEtMTEuMzQxIDI0LjAwNC0yMi42NjggMzEuOTM5LTI0LjE3NCAzMi45MTctNi4zNDIgMi45MzUtOS40NjkgOS43MTUtOC4wMSAxNi41ODYgMS40NzMgNi45MzkgNy45NTkgMTEuNzIzIDE1LjA0MiAxMS43MjNoMTA5Ljk0N2MuNjE0IDQyLjE0MSAzNS4wMDggNzYuMjM4IDc3LjIyMyA3Ni4yMzhzNzYuNjA5LTM0LjA5NyA3Ny4yMjMtNzYuMjM4aDEwOS45NDdjNy4wODIgMCAxMy41NjktNC43ODQgMTUuMDQyLTExLjcyMyAxLjQ1Ny02Ljg3MS0xLjY2OS0xMy42NTItOC4wMTEtMTYuNTg2em0tMjIzLjUwMi0zNTAuNDE3YzAtMTQuODgxIDEyLjA4Ni0yNi45ODcgMjYuOTQyLTI2Ljk4N2g0LjcxOWMxNC44NTYgMCAyNi45NDIgMTIuMTA2IDI2Ljk0MiAyNi45ODd2MjQuOTE3Yy05LjQ2OC0xLjk1Ny0xOS4yNjktMi45ODctMjkuMzA2LTIuOTg3LTEwLjAzNCAwLTE5LjgzMiAxLjAyOS0yOS4yOTYgMi45ODR2LTI0LjkxNHptMjkuMzAxIDQyNC45MTVjLTI1LjY3MyAwLTQ2LjYxNC0yMC42MTctNDcuMjIzLTQ2LjE4OGg5NC40NDVjLS42MDggMjUuNTctMjEuNTQ5IDQ2LjE4OC00Ny4yMjIgNDYuMTg4em02MC40LTc2LjIzOWMtLjAwMyAwLTIxMy4zODUgMC0yMTMuMzg1IDAgMi41OTUtNC4wNDQgNS4yMzYtOC42MjMgNy44NjEtMTMuNzk4IDIwLjEwNC0zOS42NDMgMzAuMjk4LTk2LjEyOSAzMC4yOTgtMTY3Ljg4OSAwLTYzLjQxNyA1MS41MDktMTE1LjAxIDExNC44MjEtMTE1LjAxczExNC44MjEgNTEuNTkzIDExNC44MjEgMTE1LjA2YzAgLjE4NS4wMDMuMzY5LjAxLjU1My4wNTcgNzEuNDcyIDEwLjI1IDEyNy43NTUgMzAuMjk4IDE2Ny4yODYgMi42MjUgNS4xNzYgNS4yNjcgOS43NTQgNy44NjEgMTMuNzk4eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkY3MDQzIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+);
}
.icon.notification-call-center:before {
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  left: -2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTEyIiB2aWV3Qm94PSItNTkgMCA1MTEgNTEyIiB3aWR0aD0iNTEyIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJtMzkyLjUgMTk2LjE4NzVjMC0xMDguMTc1NzgxLTg3LjkyNTc4MS0xOTYuMTg3NS0xOTYtMTk2LjE4NzVzLTE5NiA4OC4wMTE3MTktMTk2IDE5Ni4xODc1djEwNy4xMTMyODFjMCAuMTA5Mzc1LjAxNTYyNS4yMTg3NS4wMTU2MjUuMzMyMDMxIDAgLjIyMjY1Ny0uMDE1NjI1LjQ0NTMxMy0uMDE1NjI1LjY2Nzk2OSAwIDQ1LjgwNDY4OCAzNy4yMzQzNzUgODMuMDcwMzEzIDgzIDgzLjA3MDMxMyA4LjI4NTE1NiAwIDE1LTYuNzE4NzUgMTUtMTV2LTEzNi4xNDA2MjVjMC04LjI4NTE1Ny02LjcxNDg0NC0xNS0xNS0xNS0yMC4xMzI4MTIgMC0zOC42MTMyODEgNy4yMTQ4NDMtNTMgMTkuMTk1MzEydi00NC4yMzgyODFjMC05MS42MzY3MTkgNzQuNDY4NzUtMTY2LjE4NzUgMTY2LTE2Ni4xODc1czE2NiA3NC41NTA3ODEgMTY2IDE2Ni4xODc1djQ0LjIzODI4MWMtMTQuMzg2NzE5LTExLjk4MDQ2OS0zMi44NjcxODgtMTkuMTk1MzEyLTUzLTE5LjE5NTMxMi04LjI4NTE1NiAwLTE1IDYuNzE0ODQzLTE1IDE1djEzNi4xNDA2MjVjMCA4LjI4MTI1IDYuNzE0ODQ0IDE1IDE1IDE1IDE5LjYwNTQ2OSAwIDM3LjYzMjgxMi02Ljg1NTQ2OSA1MS44NDc2NTYtMTguMjczNDM4LTcuODM5ODQ0IDU4LjgzOTg0NC01NS4xMzI4MTIgMTA1LjM3NS0xMTQuMzI0MjE4IDExMi4wNjY0MDYuNjMyODEyLTIuODA0Njg3Ljk3NjU2Mi01LjcxODc1Ljk3NjU2Mi04LjcxNDg0MyAwLTIxLjc4MTI1LTE3LjcxODc1LTM5LjUtMzkuNS0zOS41aC0yNGMtMjEuNzgxMjUgMC0zOS41IDE3LjcxODc1LTM5LjUgMzkuNTUwNzgxIDAgMjEuNzgxMjUgMTcuNzE4NzUgMzkuNSAzOS41IDM5LjVoNDcuODA4NTk0Yzg4LjMyODEyNSAwIDE2MC4xOTE0MDYtNzEuODYzMjgxIDE2MC4xOTE0MDYtMTYwLjE5MTQwNnptMCAwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRjcwNDMiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+PC9nPiA8L3N2Zz4=);
}
.icon.search-back {
  background-size: 26px 26px;
  background-position: 1% 50%;
  background-repeat: no-repeat;
  text-indent: 7%;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ0Ny4xODggNDQ3LjE4OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ3LjE4OCA0NDcuMTg4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBhdGggc3R5bGU9ImZpbGw6I0VCRjBGMzsiIGQ9Ik0yNzUuNjI5LDIyNy42NDNjLTE1Ljc1OCw3LjczNi0zMS42MjIsMTUuMjM4LTQ3Ljc2OSwyMi4xNTZsMzguMTU4LDYzLjM3ICBjMTcuMDExLTUuMjc4LDMzLjYwNC0xMS42ODEsNTAuMTUyLTE4LjE5OUwyNzUuNjI5LDIyNy42NDN6Ii8+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6IzY0Nzk4QTsiIGQ9Ik0zMDcuNzYxLDY2LjIwNWMtMzguOTYyLTY0LjY4Ny0xMjMuMDA1LTg1LjU0Mi0xODcuNjkyLTQ2LjU4ICAgQzU1LjM4Miw1OC41ODcsMzQuNTI4LDE0Mi42Myw3My40ODksMjA3LjMxN3MxMjMuMDA1LDg1LjU0MiwxODcuNjkyLDQ2LjU4UzM0Ni43MjMsMTMwLjg5MiwzMDcuNzYxLDY2LjIwNXogTTI5MS4yMTQsMTYxLjczNyAgIGMtMTMuNzk5LDU1LjUwOC02OS45OTQsODkuNDEzLTEyNS41NjUsNzUuNjE0Yy01NS41NzEtMTMuNzk5LTg5LjQxMy02OS45OTQtNzUuNjE0LTEyNS41NjUgICBjMTMuNzk5LTU1LjU3MSw2OS45OTQtODkuNDEzLDEyNS41NjUtNzUuNjE0QzI3MS4xNzEsNDkuOTcxLDMwNS4wMTMsMTA2LjE2NiwyOTEuMjE0LDE2MS43Mzd6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojNjQ3OThBOyIgZD0iTTM3NS4xMTIsNDQxLjc3NWMtMTcuODU4LDEwLjc0LTQxLjAyMiw0Ljk5NS01MS43NjItMTIuOGwtNzQuMjgyLTEyMi4xOTNsNjQuNS0zOC44MzcgICBsNzQuMzQ0LDEyMi4xMzFDMzk4LjY1MSw0MDcuODcxLDM5Mi45MDcsNDMxLjAzNiwzNzUuMTEyLDQ0MS43NzV6Ii8+CjwvZz4KPGcgc3R5bGU9Im9wYWNpdHk6MC4zMzsiPgoJPHBhdGggc3R5bGU9ImZpbGw6I0UxRTZFOTsiIGQ9Ik0yOTEuMjE0LDE2MS43MzdjLTEzLjc5OSw1NS41MDgtNjkuOTk0LDg5LjQxMy0xMjUuNTY1LDc1LjYxNCAgIGMtNTUuNTcxLTEzLjc5OS04OS40MTMtNjkuOTk0LTc1LjYxNC0xMjUuNTY1YzEzLjc5OS01NS41NzEsNjkuOTk0LTg5LjQxMywxMjUuNTY1LTc1LjYxNCAgIEMyNzEuMTcxLDQ5Ljk3MSwzMDUuMDEzLDEwNi4xNjYsMjkxLjIxNCwxNjEuNzM3eiIvPgo8L2c+CjxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTIwLjE5NCwxNjUuNzk1YzMuNjIyLDExLjk4OSw5LjQyOCwyMy4zNTMsMTcuMTA5LDM0LjM0MWMtMTEuMzY0LTcuMTgtMjAuNDE4LTE4LjIzMi0yNi4yMjQtMzAuOTA3ICBjLTUuODA3LTEyLjY3NS04LjA1NS0yNy4wOTktNi43NDQtNDEuMTQ3YzEuNjIzLTEzLjk4Niw2LjM2OS0yNy43MjMsMTQuNjczLTM5LjAyNGM4LjA1NS0xMS4zNjQsMTkuMTY5LTIwLjQxOCwzMS43MTktMjUuMjI1ICBjLTkuNzQsOS4yNDEtMTcuNzMyLDE5LjIzMS0yMy40NzcsMzAuMzQ1Yy01LjgwNywxMC45ODktOS4zMDMsMjIuOTc4LTEwLjQ5LDM1LjE1MyAgQzExNS40NDksMTQxLjQ0NCwxMTYuODIyLDE1My44MDcsMTIwLjE5NCwxNjUuNzk1eiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.icon.user-basket {
  background-size: 26px 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ2OS4zMzMgNDY5LjMzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDY5LjMzMyA0NjkuMzMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDQ4LDE4MS4xMkgzNDUuODEzbC05My40NC0xMzkuODRjLTQuMDUzLTYuMTg3LTEwLjg4LTkuMDY3LTE3LjcwNy05LjA2N1MyMjEuMDEzLDM1LjIsMjE2Ljk2LDQxLjI4bC05My40NCwxMzkuODQgICAgSDIxLjMzM0M5LjYsMTgxLjEyLDAsMTkwLjcyLDAsMjAyLjQ1M2MwLDIuMDI3LDAuMzIsMy45NDcsMC43NDcsNS43Nmw1NC4wOCwxOTcuNzZDNTkuODQsNDIzLjg5Myw3Ni4zNzMsNDM3LjEyLDk2LDQzNy4xMiAgICBoMjc3LjMzM2MxOS42MjcsMCwzNi4xNi0xMy4yMjcsNDEuMDY3LTMxLjI1M2w1NC4wOC0xOTcuNzZjMC41MzMtMS43MDcsMC44NTMtMy42MjcsMC44NTMtNS42NTMgICAgQzQ2OS4zMzMsMTkwLjcyLDQ1OS43MzMsMTgxLjEyLDQ0OCwxODEuMTJ6IE0yMzQuNjY3LDM1MS43ODdjLTIzLjU3MywwLTQyLjY2Ny0xOS4wOTMtNDIuNjY3LTQyLjY2NyAgICBjMC0yMy41NzMsMTkuMDkzLTQyLjY2Nyw0Mi42NjctNDIuNjY3czQyLjY2NywxOS4wOTMsNDIuNjY3LDQyLjY2N0MyNzcuMzMzLDMzMi42OTMsMjU4LjI0LDM1MS43ODcsMjM0LjY2NywzNTEuNzg3eiAgICAgTTE3MC42NjcsMTgxLjEybDY0LTkzLjg2N2w2NCw5My44NjdIMTcwLjY2N3oiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.icon.user-profile {
  background-size: 26px 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuODQ0LDAsMCwxMTQuODQ0LDAsMjU2czExNC44NDQsMjU2LDI1NiwyNTZzMjU2LTExNC44NDQsMjU2LTI1NlMzOTcuMTU2LDAsMjU2LDB6IE0yNTYsNzQuNjY3ICAgIGM2Ny42MzUsMCwxMjIuNjY3LDU1LjAzMSwxMjIuNjY3LDEyMi42NjdTMzIzLjYzNSwzMjAsMjU2LDMyMHMtMTIyLjY2Ny01NS4wMzEtMTIyLjY2Ny0xMjIuNjY3UzE4OC4zNjUsNzQuNjY3LDI1Niw3NC42Njd6ICAgICBNMjU2LDQ2OS4zMzNjLTY5LjcwNywwLTEzMS41Mi0zMy43NTUtMTcwLjQ3My04NS42MTVjNDIuNjc2LTIwLjUzNCwxMDMuNjIxLTQyLjM4NSwxNzAuNDczLTQyLjM4NSAgICBjNjYuODU3LDAsMTI3LjgwNywyMS44NTQsMTcwLjQ3NCw0Mi4zODNDMzg3LjUyMSw0MzUuNTc3LDMyNS43MDgsNDY5LjMzMywyNTYsNDY5LjMzM3oiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.icon-basket {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Y2lyY2xlIHN0eWxlPSJmaWxsOiM1RDUzNjA7IiBjeD0iNDMwLjczIiBjeT0iNDc5LjQ5MiIgcj0iMjQuMzgxIiBkYXRhLW9yaWdpbmFsPSIjNUQ1MzYwIj48L2NpcmNsZT48cGF0aCBzdHlsZT0iZmlsbDojQUVBOEFGOyIgZD0iTTQyMi42MDUsNDIyLjYwNnY1Ni44ODljMCw0LjQ4OCwzLjYzNSw4LjEyNyw4LjEyNyw4LjEyN3M4LjEyNy0zLjYzOSw4LjEyNy04LjEyN3YtNTYuODg5SDQyMi42MDV6IiBkYXRhLW9yaWdpbmFsPSIjQUVBOEFGIj48L3BhdGg+PGNpcmNsZSBzdHlsZT0iZmlsbDojNUQ1MzYwOyIgY3g9IjE1NC40MSIgY3k9IjQ3OS40OTIiIHI9IjI0LjM4MSIgZGF0YS1vcmlnaW5hbD0iIzVENTM2MCI+PC9jaXJjbGU+PHBhdGggc3R5bGU9ImZpbGw6I0FFQThBRjsiIGQ9Ik0xNDYuMjg2LDQyMi42MDZ2NTYuODg5YzAsNC40ODgsMy42MzUsOC4xMjcsOC4xMjcsOC4xMjdzOC4xMjctMy42MzksOC4xMjctOC4xMjd2LTU2Ljg4OUgxNDYuMjg2eiIgZGF0YS1vcmlnaW5hbD0iI0FFQThBRiI+PC9wYXRoPjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6I0MwQkNDMTsiIGQ9Ik00NTUuMTEzLDQxNC40NzlIMTM4LjI1NWMtMi43NywwLTUuMjMtMS4zMjEtNi43NjItMy42MzFzLTEuODAyLTUuMDk1LTAuNzIyLTcuNjQ3bDMzLjk4OS04MC43MjYgICBjLTUuMTEzLTEuODItMTAuMjU4LTMuNTMxLTE1LjMzNS01LjQ3NmwtMzMuNjM5LDc5Ljg5N2MtMy4xNzUsNy41NDQtMi4zNjUsMTYuMTIzLDIuMTY3LDIyLjk0NSAgIGM0LjUyNCw2LjgyMSwxMi4xMTksMTAuODkzLDIwLjMwMiwxMC44OTNoMzE2Ljg1OWM0LjQ5MiwwLDguMTI3LTMuNjM5LDguMTI3LTguMTI3UzQ1OS42MDYsNDE0LjQ3OSw0NTUuMTEzLDQxNC40Nzl6IiBkYXRhLW9yaWdpbmFsPSIjQzBCQ0MxIj48L3BhdGg+Cgk8cGF0aCBzdHlsZT0iZmlsbDojQzBCQ0MxOyIgZD0iTTQ5NS40NTUsMTc4Ljc5MWwwLjU4Ny0xNi4yNDZsLTU5Ljg4Ny0yLjE4MWwzLjk4Mi00OS40OWwtMTYuMjA2LTEuMzAybC00LjA0LDUwLjE5OWwtNjQuMTM1LTIuMzM2ICAgbDEuNDI4LTUzLjU5N2wtMTYuMjU0LTAuNDM2bC0xLjQyNCw1My40NDJsLTY2LjA3My0yLjQwN0wyNjkuNTk3LDkyLjJsLTE2LjIyMiwxbDMuNzM4LDYwLjY0M2wtNzAuMDc3LTIuNTUzbC0xMi41NzQtNjcuNDkxICAgbC0xNS45ODQsMi45NzZsMTEuOTA2LDYzLjkwOWwtNzIuNTU3LTIuNjQzbC0wLjU4NywxNi4yNDZsNzYuMTk2LDIuNzc1bDEyLjUxOSw2Ny4xOTlsLTY0LjIzMSwxLjQyN2wwLjM2NSwxNi4yNDZsNjYuODgyLTEuNDg2ICAgbDEzLjE2Niw3MC42NjlsMTUuOTg0LTIuOTc2bC0xMi42OC02OC4wNThsNTcuNTI1LTEuMjc4bDQuMDQ0LDY1LjYwM2wxNi4yMjItMWwtNC4wMDQtNjQuOTY0bDU3Ljg3My0xLjI4NmwtMS41OSw1OS42NzQgICBsMTYuMjU0LDAuNDM3bDEuNjEyLTYwLjQ3M2w1OS42Mi0xLjMyNGwtNC40NjEsNTUuNDRsMTYuMjA2LDEuMzAybDQuNTk1LTU3LjEwNGw1Ni43NTQtMS4yNjFsLTAuMzY1LTE2LjI0NmwtNTUuMDc5LDEuMjI0ICAgbDQuMjA0LTUyLjI0MUw0OTUuNDU1LDE3OC43OTF6IE0yMDIuNDI1LDIzMy44OTVsLTEyLjMzOC02Ni4yMjZsNjguMDMxLDIuNDc4bDMuODQ4LDYyLjQyNUwyMDIuNDI1LDIzMy44OTV6IE0yNzguMjI3LDIzMi4yMTEgICBsLTMuNzg5LTYxLjQ3bDY0LjYzNSwyLjM1NGwtMS41NCw1Ny43OThMMjc4LjIyNywyMzIuMjExeiBNNDE0LjMwNSwyMjkuMTg4bC02MC40OTcsMS4zNDRsMS41MTUtNTYuODQ1bDYzLjI2MywyLjMwNSAgIEw0MTQuMzA1LDIyOS4xODh6IiBkYXRhLW9yaWdpbmFsPSIjQzBCQ0MxIj48L3BhdGg+CjwvZz48cGF0aCBzdHlsZT0iZmlsbDojQzlDNkNBOyIgZD0iTTE2OS43OTUsMzMxLjM5OWMtMTcuODczLDAtMzMuNTcyLTExLjUzMi0zOC44MS0yOC44OTNMNjIuMzEsNzUuOTY5ICBjLTAuNzg2LTIuNTg3LTAuMjMtNS4zOTcsMS40ODQtNy40OTZjMS43MDYtMi4wOTUsNC4zODktMy4xODcsNy4wNC0yLjk1Mmw0MzMuNzg4LDQwLjE2N2MyLjE5OCwwLjIwMiw0LjIyMiwxLjI5NCw1LjYwMywzLjAxNiAgYzEuMzgxLDEuNzI2LDEuOTkyLDMuOTM3LDEuNzA2LDYuMTI3bC0yMS44MSwxNjcuMjExYy0xLjk4NCwxNS4yMy0xNC41NDgsMjcuMDk1LTI5Ljg1NywyOC4yMThMMTcyLjg1LDMzMS4yODggIEMxNzEuODI2LDMzMS4zNiwxNzAuODAyLDMzMS4zOTksMTY5Ljc5NSwzMzEuMzk5eiBNODEuMzczLDgyLjgxOUwxNDYuNTQsMjk3LjhjMy4zMjUsMTEuMDIsMTMuODEsMTguMTY3LDI1LjExOSwxNy4yNzQgIGwyODcuNDE0LTIxLjAyOGM3LjY1OS0wLjU2LDEzLjkzNy02LjQ5MiwxNC45MzctMTQuMTExbDIwLjcxNC0xNTguODQyTDgxLjM3Myw4Mi44MTl6IiBkYXRhLW9yaWdpbmFsPSIjQzlDNkNBIj48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6I0U2NjQ2RTsiIGQ9Ik00OS40NTksODAuNTc0TDQuNzYxLDM1Ljg3NWMtNi4zNDgtNi4zNDgtNi4zNDgtMTYuNjM5LDAtMjIuOTg3bDAsMCAgYzYuMzQ4LTYuMzQ4LDE2LjYzOS02LjM0OCwyMi45ODcsMGw0NC42OTksNDQuNjk5YzYuMzQ4LDYuMzQ4LDYuMzQ4LDE2LjYzOSwwLDIyLjk4N2wwLDAgIEM2Ni4wOTgsODYuOTIxLDU1LjgwNyw4Ni45MjEsNDkuNDU5LDgwLjU3NHoiIGRhdGEtb3JpZ2luYWw9IiNFNjY0NkUiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojRkY4MDg3OyIgZD0iTTI3Ljc0NywxMi44ODhjLTAuNDE1LTAuNDE1LTAuODg3LTAuNzI5LTEuMzM0LTEuMDljLTAuNDQ3LDAuMzYxLTAuOTE5LDAuNjc1LTEuMzM0LDEuMDlsMCwwICBjLTYuMzQ3LDYuMzQ4LTYuMzQ3LDE2LjYzOSwwLDIyLjk4N2w0NC42OTksNDQuNjk5YzAuNDE1LDAuNDE1LDAuODg3LDAuNzI5LDEuMzM0LDEuMDljMC40NDctMC4zNjEsMC45MTktMC42NzUsMS4zMzQtMS4wOWwwLDAgIGM2LjM0Ny02LjM0Nyw2LjM0Ny0xNi42MzksMC0yMi45ODdMMjcuNzQ3LDEyLjg4OHoiIGRhdGEtb3JpZ2luYWw9IiNGRjgwODciIGNsYXNzPSJhY3RpdmUtcGF0aCI+PC9wYXRoPjwvZz4gPC9zdmc+);
}
.icon-basket._default {
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}
.ico-cancel-kare {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAALQklEQVR4nO1ae2wVVR7+zty5d+7tg75AyqNgKNIiIApCsbRQHqKlrdRk464mZrPRPxVisgkg6u4qIJoYVzT7j7rZZDe+slkLlIVF5GFLkYcoitrCtmpLS4E+aW97pzNzzv4xd87M7X3Nndvyz/ZLbjLn9Tvf+e7MOb/zOweYwAQmMIEJ/P+C3M7OrpWXTmECLSSCkE8o0hlYik6CDDEBA4zSZkKFxmmH6m7eLk7jKsBP1WWZXk2rJqDrGCNrAUy3SaodhB1nFEcl2VeTffRo/3hxHBcBrlcWP0AhbAZQDcCbpLlhAPsE0L1TaxtOJ88uFGMqwPWKVcWU0F0AyiJ2lpIKccYsiDPyQNLTQSRdGyYHwAYGoLa3QW1vBRvyR2N7XGB0x1gKMSYCXH10eY5L8bwO4HejbbrnFsBbug6exUvhnjMXIEJsY4xCab6CkYtfIVD3OZTmy2E1GNj7mkK35v3ndE+y3JMWoKNiZalAyIcMmMGNim5412xA6qbHIM6ek5R99ecW+Gs+wvDJzwBVtRZdZQSPTz9QX5+M/aQE6Kwq2cwY3gAgGnne4tVIf+oZuO7IDW9AKWh3F2hPD5h/EBhR9HyPGyQ1DUJ2DoScHEAIf0u0G50YeO9tBE5/Yc1WAfbctNpT7zgdgyMBGECuVZbuImDbjTwhIxMZW7ZDWlYcWndkBNrlRqiNP4K2tYKNjMQm5PFAyJsNsXA+XPMKQDyekHL57Cn0v/Uq6C1zYSAMu6YerH+RACzRsTgSoKOydLd18J75i5C57WUI2ZN5Heb3Qzn3JdSvL8QddFRyHg/EJUvhXrYCJCWF52tdN9H32ktQGi+ZdRl25R6sfyHhPhJtEHzt3zLS0vKVyNz6JxCPpGcwBuXCeSh1J8FkOVHzkUlKXrhXrYb7vqUA0SkzOYC+1/4A+VyDpSZ7NtHPISEBOjauWkUE+jmC37y0fCWynt8FuFx690N+yAf2Qfv5p0TM2oZrTj6kikfMt0FV0bt7h1UElRGsSWRitC1AcKn7BsBMQH/ts3a+yf951teHwCcfgPb22jXpCCQjE97HHoeQna33KwfQ88Jz1s+hTVW0e+0ukXEWZRPBdX4mEJzwLK897e3B8D/+Nu6DBwDW34fAB3/nfRHJi8ytL0OYlGFUyXN7XK/atWdLgOsVq4qhOzkAgIwt2+HKmaITGvIj8PGHYP4o3ts4gPkHIX/yIdjwEADANXkKMjZvM8sZnu7cWFJkx5YtAYLuLQH0dZ4vdYxBrt0P1t8XUl9csBDigoV2TNtCJHu0rxdy7X6A6SufVFQCqajEKBaogJ12bMcVIPjv6769KCL9qWd4mXLhPLSfWkaRXQSpcpP+K6/ks7YjEAKpvJLbExcsCinWWpqhfHOBpyc9/SyfkAmwvrNq5Yp4XcQVgBL6rPHsK9vAPTzm90OpOxmzrXjPYkgPVzgTgRBID1dAvGdxzGrKFyfMTyF3OnxlG3gZY2RLvG5iCtCzfn0GgE1GOrX612bH576MuM6rP1yC+u1FnnYkQoTBq99ehPrDpbCqLBCAcu4sT1s5AtjUXV40KVZXMQWQffKjAHyAvqszNjZsZATq1xciN2IM8qHakHLxnsWQyu2LID34cOjgv7sI+fBB/r2PhnrhPKDo+wrxzny459xlFPlGXO7qWH3FFIAwrDeevaXreL7W1BjXvZWPHAoVYZE9EaQN5RDvW8LT6ncXIR+KPngAYLIM9XIjT3tL11qL14U1sCDe5pwHNjyLl5qkmn6M3SyIREVwMnhet9EUwMoVwJpY7aIK0Plo8R3GHp+kpOrBDEDf0l5ti0vIgF0Rkhk8ANC2X3hdd34BiNdnFOV1VJVNjtYuqgB0hBRw0jNn8UgO7e5KeJMTT4RkBw/onwHt7tITgqBzDsJF6bxo7cRoBQTgoRxxeh7Ppz3dtklZIX92GHC5+OQmLlrMd++jZ/tYE14ssJ4eYLLuobqm50H5bxMAQBNoPoCGSG2iCyCQDIMDSTdXEjY4mDAxvaG+OkDT+L89eo2PN9vHAx0cgCv4bNkbgDBEXQqjT4KUpHEDPp+Z7zC4YUD+7HCIn2BA/Tbx1z4MFm7EZwZQCJgDAcYLjAGaFp5/W8+oTEQXQGD8XWfDw2b+qBhdohg94Rmw6yfEhIWb9WyBgdyK1iTqHMAo6+fhpwGzPUlLd0YuinsLIGxidDoPCOkmN2rhzAgcCAC0GP+F2m6u+0J2TsLEgDju7eiJkcDRfECyTG5aeyt/dlGhOVqbqJ+A4GFNnGx7K8Conp+TAyJJCRGLt847dZutIJKknykAAKUhf5omCGHHSwaiCpD7acMNArQD+vekNF8JthAgWJyMeLDr5CQrgjBrNq+rNDeBBfi81Tb9wImuqO1iWiXsuPE4cvErk1xhoS1SiXp4yYggFs7nzyPfnLeMgRyL1S6mAIziqPEcqPuc57vmFcb9DJy6t05EIJIE8S7uuSNQz/+3kDFEQkwBJNlXA/18HkrzZai/6OEv4vFAvDd8KdML9TBWyOATdHJGO0viothBFXHJ/YDbrff1cwuUlitG0ZBER/bH6iumAMGbGfuMtL/mY17mXl7Ez/dDyNy9MHnfnjHIhw+GRZbEu8MDrcTrg3uZGQD213xkmgFqcg6diboEAjY8QQF0r/E8fOIItBudescpqXCvWh2zbTIbm0giRIJn9RruqmvX2jF84ojJnWJvtHYGbE2x16pKjoHpgQVv8Wpkbt/JSQb++TG0ltBl1ghhq9+Hx/CcIJo9V/5ceH9lxgB7X9kG+ewpAAABOZJbW/dQPNu29gICozsAUAAINJzknYAQ/awuMzOkvvr9pTEbfDR7QlYWpIpHeDrwZZ3JC6CMaLZOim0JMLW24TQD+6uR7v/zbmg3rwMASEoKvI89AZKaFrX9WIOkpel9Gq9+103cevs1s5zh3WkHGs7ZsWV7N6gpdCuAq4DuZ/e9/kcwOaAbycqC78nfQsjKtj8KhyAZmfA+8SR/65gcQN+eF6wXJtoUVXvetr1EOu+oKikhDMdhHI8vK9aPx0V9S8GGhyDX7g+bE8YKrvy5+idnxCdUFb27n4d8LnhpjEARqFA29eAXEaM/EW0mQuCNy62tv5+X1wuQjQCgdbRBabkC74pSEFEEcbshLlgIkpoK2n519KUmxyBeH6R1G+BZux4kuN4b/zwfPAAQbM6trftXQradEOqsKNnJCHYYaXfhQmRufRmuYDwO0N8G5ewZqF9/5fimCJEkiEvuh3tZUUhUSuu6gb49L0Jp+sE6kJ25tfUvJtyHE2IMINcrSl6xiiBMykDG5m3WE1odigL1ciPUxkbQtl/iikEkCcKs2RAL5kOcV8A9PAPymXr0v7UHdMBye5aQV6YdqHvJyViSCkRdq1z5DEDehPWa3IpS/ZpcboRrwYwFr8l168FV45qc5IGQmgZiXJOL4PJq19px6/13IJ8Juf2igmDLtAP1f3E6huQvSuoT4wcAzNi5KMK3+kGkVv8G4p3JXpRshv/T4EXJ0Fhiq8CExxOZ8CJhTEKRbQ89kO12u/Yw4CmMWlrdc+4yr8rmz4t4CTIElEJpbgpelT1m3djwGoThXRnYPvtgfdJ3csY0Ftu5saSICthJYB6qhnTmS4E4Iw+uGbMgpKXziY0ND4MO3ILW0Qb1aqs1mBECBhwlIDum1dadjVjBAcYlGN1ZtXIFpWQzIahG8Hg9CQwxoEag2Jv77/ozY8HPinGNxneXF02SRfem4DH7WgRvmdlAGwg5xiiOul1035T9pwbGi+NtPY7oqCqbzIhWIGh0LghJA0NakMUgGBsU4LqieAJNMz896+wAcgITmMAEJjCBhPA/DmHSKzRD/XsAAAAASUVORK5CYII=');
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  border: 1px solid tomato;
  border-radius: 3px;
  /* background: #e3bbaf12; */
  background-color: #ff57223b;
}
.ico-cancel-kare:hover {
  background-color: rgba(241, 230, 171, 0.5);
}
.bag-icon {
  background-position: center center;
  background-repeat: no-repeat;
}
.icon-filter {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQ3LjQ2IDI0Ny40NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQ3LjQ2IDI0Ny40NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48cGF0aCBkPSJNMjQ2Ljc0NCwxMy45ODRjLTEuMjM4LTIuNjI2LTMuODgxLTQuMzAxLTYuNzg0LTQuMzAxSDcuNWMtMi45MDMsMC01LjU0NSwxLjY3NS02Ljc4NCw0LjMwMSAgYy0xLjIzOCwyLjYyNi0wLjg1LDUuNzMsMC45OTcsNy45N2w4OS4zNjEsMTA4LjM4NHY5OS45NGMwLDIuNTk1LDEuMzQxLDUuMDA1LDMuNTQ1LDYuMzczYzEuMjA4LDAuNzQ5LDIuNTc5LDEuMTI3LDMuOTU1LDEuMTI3ICBjMS4xMzcsMCwyLjI3OC0wLjI1OSwzLjMzLTAuNzhsNTAuMjA4LTI0Ljg4NWMyLjU1MS0xLjI2NCw0LjE2NS0zLjg2Myw0LjE2OS02LjcxbDAuMDk4LTc1LjA2Mmw4OS4zNjYtMTA4LjM4OCAgQzI0Ny41OTMsMTkuNzE0LDI0Ny45ODIsMTYuNjA5LDI0Ni43NDQsMTMuOTg0eiBNMTQzLjA5NywxMjIuODczYy0xLjEwNSwxLjM0LTEuNzExLDMuMDIzLTEuNzEzLDQuNzYxbC0wLjA5Niw3My4xMDMgIGwtMzUuMjEzLDE3LjQ1M3YtOTAuNTQ2YzAtMS43NDEtMC42MDUtMy40MjgtMS43MTMtNC43NzFMMjMuNDA0LDI0LjY4MmgyMDAuNjUxTDE0My4wOTcsMTIyLjg3M3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMDAwMCI+PC9wYXRoPjwvZz4gPC9zdmc+);
  background-position: center center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: 10px 10px;
  vertical-align: middle;
}
.icon-close {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: 10px 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDY5Ljc4NSA0NjkuNzg1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjkuNzg1IDQ2OS43ODU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMS4yNSAwIDAgLTEuMjUgMCA0NSkiPgoJPGc+CgkJPGc+CgkJCTxwYXRoIHN0eWxlPSJmaWxsOiM5NjlEQTMiIGQ9Ik0yMjguMjk0LTE1MS43NTNMMzY3LjQ4OS0xMi41NThjMTEuMTE2LDExLjEwNSwxMS4xMTYsMjkuMTE2LDAsNDAuMjIgICAgIGMtMTEuMTA1LDExLjExNi0yOS4xMDQsMTEuMTE2LTQwLjIyLDBMMTg4LjA3My0xMTEuNTMzTDQ4Ljg2NiwyNy42NjNjLTExLjA5MywxMS4xMTYtMjkuMTE2LDExLjExNi00MC4yMiwwICAgICBjLTExLjEwNS0xMS4xMDUtMTEuMTA1LTI5LjExNiwwLTQwLjIybDEzOS4yMDctMTM5LjE5Nkw4LjMzOC0yOTEuMjY4Yy0xMS4xMTYtMTEuMTE2LTExLjExNi0yOS4xMTYsMC00MC4yMiAgICAgYzUuNTUyLTUuNTY0LDEyLjgzNC04LjM0LDIwLjExNi04LjM0YzcuMjcsMCwxNC41NTIsMi43NzYsMjAuMTA1LDguMzRsMTM5LjUxNCwxMzkuNTE0bDEzOS4xOTYtMTM5LjE5NiAgICAgYzUuNTY0LTUuNTUyLDEyLjgzNC04LjM0LDIwLjExNi04LjM0YzcuMjcsMCwxNC41NTIsMi43ODgsMjAuMTA1LDguMzRjMTEuMTE2LDExLjEwNSwxMS4xMTYsMjkuMTA0LDAsNDAuMjJMMjI4LjI5NC0xNTEuNzUzeiIgZGF0YS1vcmlnaW5hbD0iI0REMkU0NCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzk5QTBBNSI+PC9wYXRoPgoJCTwvZz4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+);
  background-position: center center;
  background-repeat: no-repeat;
}
.icon-close.small {
  background-size: 6px 6px;
}
.icon-close.for-filters {
  border-radius: 12px;
  border: 1px solid #ffffff !important;
  padding: 3px !important;
  vertical-align: middle;
}
.icon-free-cargo,
.icon-fast-cargo {
  background-color: rgba(253, 231, 243, 0.43) !important;
  border-radius: 3px;
  left: calc(1.2% + 5px);
  width: 40px;
  height: 30px;
  padding-left: 22px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 3;
  font-size: 12px;
  text-align: right;
  transform-style: preserve-3d;
}
.icon-fast-cargo {
  background: url("/images/fast-cargo.svg") no-repeat center center;
  top: calc(1% + 5px);
  background-size: 30px 30px;
}
.icon-fast-cargo:hover:before,
.icon-fast-cargo:focus:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "Hızlı kargo";
  animation: zipla 0.3s forwards;
  line-height: 30px;
  overflow: hidden;
  height: 30px;
  border-radius: 16px;
  background: #ffeccc;
  padding-right: 20px;
  transform: translateZ(-1px);
  /*animation-delay: 2s;*/
}
.icon-free-cargo {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PHBhdGggc3R5bGU9ImZpbGw6I0U4N0IxNCIgZD0iTTMwNS44NjUsNzIuMzVjLTEuMzczLTEwLjE3NC02LjYxOS0xOS4yMDMtMTQuNzgtMjUuNDI4Yy0xNi44NjUtMTIuODYtNDEuMDI1LTkuNTk4LTUzLjg2NCw3LjI1ICBjLTkuMTE0LDExLjk0Mi0yMS4wMjMsNDQuOTMxLTI4Ljk1LDY4LjkwM2MtNy45MjYtMjMuOTcyLTE5LjgzNi01Ni45NjEtMjguOTUtNjguOTAzYy0xMi44NDgtMTYuODUyLTM3LjAwOC0yMC4xMDEtNTMuODY0LTcuMjUgIGMtOC4xNjEsNi4yMjQtMTMuNDA2LDE1LjI1NS0xNC43OCwyNS40MjhjLTEuMzY1LDEwLjE3NCwxLjMwNSwyMC4yNzIsNy41MzQsMjguNDMyYzE0LjIyLDE4LjY1Miw3OC41NTksNTQuNjI3LDg1Ljg1NSw1OC42NjUgIGMxLjMxNCwwLjcyOSwyLjc2MywxLjA4OSw0LjIwMywxLjA4OWMxLjQzNywwLDIuODE2LTAuNDczLDQuMS0xLjE3M2wwLjEwMywwLjA4NGM3LjI5Ny00LjAzOSw3MS42MzYtNDAuMDEzLDg1Ljg1NS01OC42NjUgIEMzMDQuNTYsOTIuNjIyLDMwNy4yMjksODIuNTI0LDMwNS44NjUsNzIuMzV6IE0xMzIuMDA4LDkwLjI1N2MtMy40MTUtNC40NzUtNC44ODEtMTAuMDEyLTQuMTI3LTE1LjU5MyAgYzAuNzU0LTUuNTgxLDMuNjI3LTEwLjUzLDguMTAyLTEzLjk0NGMzLjgxNC0yLjkwMyw4LjI5Ni00LjMxLDEyLjc1NC00LjMxYzYuMzU2LDAsMTIuNjQ0LDIuODU2LDE2Ljc4OSw4LjI4OSAgYzcuNjk1LDEwLjA4OSwxOS43MDMsNDMuNzM3LDI3LjgyMiw2OC42MTVDMTY4LjA2LDExOC4zODksMTM5LjE5NSw5OS42ODUsMTMyLjAwOCw5MC4yNTd6IE0yODQuNTM0LDkwLjI1NyAgYy03LjE4Niw5LjQyLTM2LjA0MywyOC4xMjctNjEuMzM5LDQzLjA1MWM4LjExOC0yNC44NzMsMjAuMTI3LTU4LjUyMSwyNy44MjItNjguNjFjNC4xNDQtNS40MzIsMTAuNDMyLTguMjg5LDE2Ljc4OS04LjI4OSAgYzQuNDUsMCw4Ljk0OSwxLjQwNywxMi43NTQsNC4zMWM0LjQ3NSwzLjQxNSw3LjM0Nyw4LjM2NCw4LjEwMiwxMy45NDRDMjg5LjQxNyw4MC4yNDQsMjg3Ljk0OSw4NS43ODIsMjg0LjUzNCw5MC4yNTd6IiBkYXRhLW9yaWdpbmFsPSIjMDBDM0ZGIiBjbGFzcz0iIiBkYXRhLW9sZF9jb2xvcj0iIzAwQzNGRiI+PC9wYXRoPjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6I0YwQUQwMCIgZD0iTTIwOC4yNzEsMTY5LjIxNGMtMS4wOTMsMC0yLjE4Ny0wLjIwNy0zLjIyMS0wLjYxOGwtMTA4LjQ3NS00My4zOSAgIGMtNC40NS0xLjc4NC02LjYxOS02LjgzMS00LjgzOS0xMS4yODRjMS43OC00LjQ1Myw2Ljg3My02LjU5NywxMS4yNzktNC44MzVsMTA1LjI1NSw0Mi4xMDFsMTA1LjI1NC00Mi4xMDIgICBjNC40MDctMS43NTgsOS41LDAuMzgyLDExLjI3OSw0LjgzNWMxLjc3OSw0LjQ1My0wLjM4OSw5LjUtNC44MzksMTEuMjg0bC0xMDguNDc1LDQzLjM5ICAgQzIxMC40NTgsMTY5LjAwNywyMDkuMzY1LDE2OS4yMTQsMjA4LjI3MSwxNjkuMjE0eiIgZGF0YS1vcmlnaW5hbD0iIzAwQUFGMCIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiMwMEFBRjAiPjwvcGF0aD4KCTxwYXRoIHN0eWxlPSJmaWxsOiNGMEFEMDAiIGQ9Ik00NzcuMjg4LDI5OS4zODRIMzczLjE1M3YxMjEuNDkyaDEzMC4xNjljNC43OTIsMCw4LjY3OC0zLjg4Niw4LjY3OC04LjY3OHYtNzguMTAyICAgQzUxMiwzMTQuOTI1LDQ5Ni40NTksMjk5LjM4NCw0NzcuMjg4LDI5OS4zODR6IiBkYXRhLW9yaWdpbmFsPSIjMDBBQUYwIiBjbGFzcz0iIiBkYXRhLW9sZF9jb2xvcj0iIzAwQUFGMCI+PC9wYXRoPgo8L2c+PHBhdGggc3R5bGU9ImZpbGw6I0RDNjEwMCIgZD0iTTM3My4xNTMsMzE2Ljc0aDEwNC4xMzZjOS41ODYsMCwxNy4zNTYsNy43NywxNy4zNTYsMTcuMzU2djg2Ljc4SDM3My4xNTNWMzE2Ljc0eiIgZGF0YS1vcmlnaW5hbD0iIzAwOTZEQyIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiMwMDk2REMiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojOTk0QjAwIiBkPSJNNDkzLjk1NCw0MjAuODc1Yy00LjIyMS0yOS40MjctMjkuNDYyLTUyLjA2OC02MC4wNTYtNTIuMDY4cy01NS44MzUsMjIuNjQxLTYwLjA1Niw1Mi4wNjhINDkzLjk1NHoiIGRhdGEtb3JpZ2luYWw9IiMwMDdEQzgiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDdEQzgiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojRjBBRDAwIiBkPSJNNDQyLjU3NiwxOTUuMjQ4aC02OS40MjR2MzQuNzEyaDkxLjExOWMyLjM5NiwwLDQuMzM5LTEuOTQzLDQuMzM5LTQuMzM5di00LjMzOSAgQzQ2OC42MSwyMDYuOTA0LDQ1Ni45NTUsMTk1LjI0OCw0NDIuNTc2LDE5NS4yNDh6IiBkYXRhLW9yaWdpbmFsPSIjMDBBQUYwIiBjbGFzcz0iIiBkYXRhLW9sZF9jb2xvcj0iIzAwQUFGMCI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNFODdCMTQiIGQ9Ik0zNjQuNDc1LDE2MC41MzZINTIuMDY4Yy00Ljc5MiwwLTguNjc4LDMuODg2LTguNjc4LDguNjc4djE3My41NTlIMjYuMDM0ICBjLTQuNzk3LDAtOC42NzgsMy44ODYtOC42NzgsOC42NzhjMCw0Ljc5MiwzLjg4MSw4LjY3OCw4LjY3OCw4LjY3OGg1Mi4wNjhjNC43OTcsMCw4LjY3OCwzLjg4Niw4LjY3OCw4LjY3OCAgcy0zLjg4MSw4LjY3OC04LjY3OCw4LjY3OEg0My4zOXYzNC43MTJjMCw0Ljc5MiwzLjg4Niw4LjY3OCw4LjY3OCw4LjY3OGgzMjEuMDg1VjE2OS4yMTQgIEMzNzMuMTUzLDE2NC40MjIsMzY5LjI2NywxNjAuNTM2LDM2NC40NzUsMTYwLjUzNnoiIGRhdGEtb3JpZ2luYWw9IiMwMEMzRkYiIGNsYXNzPSIiIGRhdGEtb2xkX2NvbG9yPSIjMDBDM0ZGIj48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6I0YwQUQwMCIgZD0iTTE3OC41MDEsMzc3LjQ4NmMtOS4wODctNS40MjctMTkuNjE5LTguNjc4LTMwLjk3Ni04LjY3OGMtMTEuMzU3LDAtMjEuODg5LDMuMjUxLTMwLjk3Niw4LjY3OEg4LjY3OCAgYy00Ljc5NywwLTguNjc4LDMuODg2LTguNjc4LDguNjc4YzAsNC43OTIsMy44ODEsOC42NzgsOC42NzgsOC42NzhINDMuMzl2MTcuMzU2YzAsNC43OTIsMy44ODYsOC42NzgsOC42NzgsOC42NzhoMzIxLjA4NXYtNDMuMzkgIEgxNzguNTAxeiIgZGF0YS1vcmlnaW5hbD0iIzAwQUFGMCIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiMwMEFBRjAiPjwvcGF0aD48Zz4KCTxjaXJjbGUgc3R5bGU9ImZpbGw6IzVCNUQ2RTsiIGN4PSI0MzMuODk4IiBjeT0iNDI5LjU1IiByPSI0My4zOSIgZGF0YS1vcmlnaW5hbD0iIzVCNUQ2RSI+PC9jaXJjbGU+Cgk8Y2lyY2xlIHN0eWxlPSJmaWxsOiM1QjVENkU7IiBjeD0iMTQ3LjUyNSIgY3k9IjQyOS41NSIgcj0iNDMuMzkiIGRhdGEtb3JpZ2luYWw9IiM1QjVENkUiPjwvY2lyY2xlPgo8L2c+PHBvbHlnb24gc3R5bGU9ImZpbGw6I0ZCRkZCNCIgcG9pbnRzPSI0NzcuMjg4LDI5OS4zODQgNDU5LjkzMiwyMjkuOTYgMzczLjE1MywyMjkuOTYgMzczLjE1MywyOTkuMzg0ICIgZGF0YS1vcmlnaW5hbD0iI0I0RTZGRiIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiNCNEU2RkYiPjwvcG9seWdvbj48Y2lyY2xlIHN0eWxlPSJmaWxsOiNDN0NGRTI7IiBjeD0iMTQ3LjUyNSIgY3k9IjQyOS41NSIgcj0iMjYuMDM0IiBkYXRhLW9yaWdpbmFsPSIjQzdDRkUyIiBjbGFzcz0iIj48L2NpcmNsZT48Y2lyY2xlIHN0eWxlPSJmaWxsOiM3Rjg0OTk7IiBjeD0iMTQ3LjUyNSIgY3k9IjQyOS41NSIgcj0iOC42NzgiIGRhdGEtb3JpZ2luYWw9IiM3Rjg0OTkiIGNsYXNzPSIiPjwvY2lyY2xlPjxjaXJjbGUgc3R5bGU9ImZpbGw6I0M3Q0ZFMjsiIGN4PSI0MzMuODk4IiBjeT0iNDI5LjU1IiByPSIyNi4wMzQiIGRhdGEtb3JpZ2luYWw9IiNDN0NGRTIiIGNsYXNzPSIiPjwvY2lyY2xlPjxjaXJjbGUgc3R5bGU9ImZpbGw6IzdGODQ5OTsiIGN4PSI0MzMuODk4IiBjeT0iNDI5LjU1IiByPSI4LjY3OCIgZGF0YS1vcmlnaW5hbD0iIzdGODQ5OSIgY2xhc3M9IiI+PC9jaXJjbGU+PHBhdGggc3R5bGU9ImZpbGw6I0ZGREE5QiIgZD0iTTQwNy44NjQsMjQ3LjMxNmg1Ni40MDdsLTQuMzM5LTE3LjM1NmgtODYuNzh2NjkuNDI0aDI2LjAzNHYtNDMuMzkgIEMzOTkuMTg2LDI1MS4yMDIsNDAzLjA3MiwyNDcuMzE2LDQwNy44NjQsMjQ3LjMxNnoiIGRhdGEtb3JpZ2luYWw9IiM5QkQ2RkYiIGNsYXNzPSIiIGRhdGEtb2xkX2NvbG9yPSIjOUJENkZGIj48L3BhdGg+PHBhdGggc3R5bGU9ImZpbGw6I0RDNjEwMCIgZD0iTTM3My4xNTMsMjEyLjYwNGg2OS40MjRjNC43OTIsMCw4LjY3OCwzLjg4Niw4LjY3OCw4LjY3OHY4LjY3OGgtNzguMTAyVjIxMi42MDR6IiBkYXRhLW9yaWdpbmFsPSIjMDA5NkRDIiBjbGFzcz0iIiBkYXRhLW9sZF9jb2xvcj0iIzAwOTZEQyI+PC9wYXRoPjxyZWN0IHg9IjQ4NS45NjYiIHk9IjMzNC4wOTIiIHN0eWxlPSJmaWxsOiNGMUY0RkI7IiB3aWR0aD0iMjYuMDM0IiBoZWlnaHQ9IjM0LjcxMiIgZGF0YS1vcmlnaW5hbD0iI0YxRjRGQiIgY2xhc3M9IiI+PC9yZWN0PjxwYXRoIHN0eWxlPSJmaWxsOiNGRkM4NTA7IiBkPSJNNDY4LjYxLDMzNC4wOTZ2MTcuMzU2YzAsOS41ODUsNy43NzEsMTcuMzU2LDE3LjM1NiwxNy4zNTZoOC42Nzh2LTM0LjcxMkg0NjguNjF6IiBkYXRhLW9yaWdpbmFsPSIjRkZDODUwIiBjbGFzcz0iIj48L3BhdGg+PGc+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGIiBkPSJNMTMwLjE2OSwyMjEuMjgySDk1LjQ1OGMtNC43OTcsMC04LjY3OCwzLjg4MS04LjY3OCw4LjY3OHY2OS40MjRjMCw0Ljc5NywzLjg4MSw4LjY3OCw4LjY3OCw4LjY3OCAgIHM4LjY3OC0zLjg4MSw4LjY3OC04LjY3OFYyNzMuMzVoMTcuMzU2YzQuNzk3LDAsOC42NzgtMy44ODEsOC42NzgtOC42NzhzLTMuODgxLTguNjc4LTguNjc4LTguNjc4aC0xNy4zNTZ2LTE3LjM1NmgyNi4wMzQgICBjNC43OTcsMCw4LjY3OC0zLjg4MSw4LjY3OC04LjY3OFMxMzQuOTY2LDIyMS4yODIsMTMwLjE2OSwyMjEuMjgyeiIgZGF0YS1vcmlnaW5hbD0iI0ZGRkZGRiIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiNGRkZGRkYiPjwvcGF0aD4KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGQ9Ik0yMDguMjcxLDI1MS42NTVjMC0xNi43NDYtMTMuNjI4LTMwLjM3My0zMC4zNzMtMzAuMzczaC0yMS42OTVjLTQuNzk3LDAtOC42NzgsMy44ODEtOC42NzgsOC42NzggICB2NjkuNDI0YzAsNC43OTcsMy44ODEsOC42NzgsOC42NzgsOC42NzhjNC43OTcsMCw4LjY3OC0zLjg4MSw4LjY3OC04LjY3OHYtMTcuMzU2aDEyLjcxMmwxNC43OCwyMi4xNyAgIGMxLjY2OSwyLjUwOSw0LjQyNCwzLjg2NSw3LjIyOSwzLjg2NWMxLjY1MiwwLDMuMzIzLTAuNDc1LDQuODA1LTEuNDU4YzMuOTkyLTIuNjYxLDUuMDY4LTguMDQyLDIuNDA3LTEyLjAzNGwtMTEuODY4LTE3LjgwMiAgIEMyMDIuOTc5LDI3MS4yOTgsMjA4LjI3MSwyNjIuMDg1LDIwOC4yNzEsMjUxLjY1NXogTTE2NC44ODEsMjM4LjYzOGgxMy4wMTdjNy4xNzgsMCwxMy4wMTcsNS44MzksMTMuMDE3LDEzLjAxNyAgIHMtNS44MzksMTMuMDE3LTEzLjAxNywxMy4wMTdoLTEzLjAxN1YyMzguNjM4eiIgZGF0YS1vcmlnaW5hbD0iI0ZGRkZGRiIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiNGRkZGRkYiPjwvcGF0aD4KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGQ9Ik0yNjAuMzM5LDIzOC42MzhjNC43OTcsMCw4LjY3OC0zLjg4MSw4LjY3OC04LjY3OHMtMy44ODEtOC42NzgtOC42NzgtOC42NzhoLTM0LjcxMiAgIGMtNC43OTcsMC04LjY3OCwzLjg4MS04LjY3OCw4LjY3OHY2OS40MjRjMCw0Ljc5NywzLjg4MSw4LjY3OCw4LjY3OCw4LjY3OGgzNC43MTJjNC43OTcsMCw4LjY3OC0zLjg4MSw4LjY3OC04LjY3OCAgIGMwLTQuNzk3LTMuODgxLTguNjc4LTguNjc4LTguNjc4aC0yNi4wMzRWMjczLjM1aDE3LjM1NmM0Ljc5NywwLDguNjc4LTMuODgxLDguNjc4LTguNjc4cy0zLjg4MS04LjY3OC04LjY3OC04LjY3OGgtMTcuMzU2ICAgdi0xNy4zNTZMMjYwLjMzOSwyMzguNjM4TDI2MC4zMzksMjM4LjYzOHoiIGRhdGEtb3JpZ2luYWw9IiNGRkZGRkYiIGNsYXNzPSIiIGRhdGEtb2xkX2NvbG9yPSIjRkZGRkZGIj48L3BhdGg+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGIiBkPSJNMzIxLjA4NSwyOTAuNzA2aC0yNi4wMzRWMjczLjM1aDguNjc4YzQuNzk3LDAsOC42NzgtMy44ODEsOC42NzgtOC42NzhzLTMuODgxLTguNjc4LTguNjc4LTguNjc4ICAgaC04LjY3OHYtMTcuMzU2aDI2LjAzNGM0Ljc5NywwLDguNjc4LTMuODgxLDguNjc4LTguNjc4cy0zLjg4MS04LjY3OC04LjY3OC04LjY3OGgtMzQuNzEyYy00Ljc5NywwLTguNjc4LDMuODgxLTguNjc4LDguNjc4ICAgdjY5LjQyNGMwLDQuNzk3LDMuODgxLDguNjc4LDguNjc4LDguNjc4aDM0LjcxMmM0Ljc5NywwLDguNjc4LTMuODgxLDguNjc4LTguNjc4QzMyOS43NjMsMjk0LjU4NywzMjUuODgyLDI5MC43MDYsMzIxLjA4NSwyOTAuNzA2ICAgeiIgZGF0YS1vcmlnaW5hbD0iI0ZGRkZGRiIgY2xhc3M9IiIgZGF0YS1vbGRfY29sb3I9IiNGRkZGRkYiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+) no-repeat center center;
  top: calc(1% + 5px + 34px);
  background-size: 30px 30px;
}
.icon-free-cargo:hover:before,
.icon-free-cargo:focus:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "Kargo bedava";
  color: white;
  animation: zipla 0.3s forwards;
  line-height: 30px;
  overflow: hidden;
  height: 30px;
  border-radius: 16px;
  background: #bc8c02;
  padding-right: 20px;
  transform: translateZ(-1px);
  /*animation-delay: 2s;*/
}
.icon-info {
  background-repeat: no-repeat;
  background-size: 40px  40px;
  background-position: center center;
  width: 40px;
  height: 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAD30lEQVRoge2ZTWhcVRTHf2feJLShbqI2M/lY2kS6cPFKRWvEFjeRRBEZFaPgwoUlKXQpiBBBxKXVTKRdCIUUWmIhMknFTQikaSFkNhWjKbhp8zHUNIs6ZMh8vOOiQpt5b/I+8xCa3+6de+45/8N9991374V99nmykSiCaCZj3CutHlc1TmpCTSx6ENIIhx46UATWEJbFkjwJa6bNnF+QEaywuUMVsPrWq10JyxoS5UOFDp/dVxTGrVoy2/nL7EpQDYEKWO/rfVaS+pUqHwPNQZP/RxnkRxXji/bc7Ibfzr4LKAy88oEq3wOtfvu6SLkvynBqeu6yr15eHdU0m9bTB8YE+cS/OB+ClPNthdIZyecrnvy9OK0NmC2iB38C+kKp84xcU9nKtOfyW26eCTcHNc2meMUD6BvowZ9/zxx1nV+uBaynD4wRq/iHCLzeWmo958GvMWv9JwYFGY9Oln8EfT81NX+lcXsDVt4+/rRRaf4TeGZPlHlnUyXZ3egT2/AVSlabvyaE+JY3Mxy+OMnhi5O0DLwTNAxAq1jVLxs1Oo7ASt9rnYZR/YuAi1Tz0Rdo/Wb0kUGVzc+GKS/dChIOoKzCc+2563fqGxxHwEhWhwmxwjYdeX6nQcRu80czymmnBlsBOkICZTBMtsryUl1Qtdt8koCPNJMxHOw7ubf48otAZ5hk5aVbPLjwLdbmBtbmBg8unKP8x29hQqLQUSgVzHp70uaoxklEQyUD2MpdZSt3NXScxxHRU8DC4zb7HBA9FmnWCFHFNgL2OQBH4pETAKG73mR7hYB0FLlSubkdz4WB3vBB1a7N6TN6KHymPeOpeoPrz9z/HacCirGr8M4/9QanAtZjEBIMsWuzFSBwOx41AVCW6032EVBZjEVMEBSbNnsBCWsmFjFBcNBmK6DNnF8A7sYiyB93UuaNfL3RPgdGsBQuxaPJO4pccjqKdFwHrFoyC5T3XJV3tmtUs04NDffE6/29P4B+unea/CCj6am5M04tDVfiaqX6OeD7rDJ65L6K0XBP3LCArl9vboqKY9Wxonp6t0PfXf+FUtNzl0U5H70qz2TT09cndnNw/Zlra0kPCUxGp8kjwnSqmDzr5uZagExM1CwpDYJci0aZJ6aU0rsyO1t1c/R1vF5It3wXw5cpmyomz3oRD0EuOPpPvKfIKNEfOf6NMuT2ztfje0OTmpq/Umsq96CMAdt++zuwDTJardR6/IqHkJd8d/tf6jAwhgUGgS6/3RUZr1HNdk3dXA2qIZpr1hEShcXeYyJ6ShUToRulg0f76yKwAtxGWSRhzaTMG/korln32edJ51+wLjpcPEdrmAAAAABJRU5ErkJggg==);
}
@-webkit-keyframes zipla {
  0% {
    width: 0;
  }
  100% {
    width: 140px;
  }
}
.rm_modal {
  --width: 30px;
  position: absolute;
  border: 1px solid #ffcbb7;
  width: calc(100vw - 2px);
  right: -100%;
  bottom: 0;
  top: var(--io-mobile-header-height);
  padding: 6px;
  height: calc(100vh - 8px);
  background: #fff;
  z-index: 120;
  margin: 0;
}
.rm_modal .rm_close {
  position: absolute;
  right: 14px;
  top: 6px;
  cursor: pointer;
  color: tomato;
  font-size: 20px;
  z-index: 101;
  width: var(--width);
  height: var(--width);
  background-size: var(--width) var(--width);
  background-repeat: no-repeat;
  background-position: center center;
}
.rm_modal.inview {
  right: 0 !important;
  transition: right 0.2s;
}
.rm_modal.mt-50 {
  /* top:56px !important;*/
}
html,
body {
  min-height: 100%;
  font-size: 12px;
}
.toploader {
  z-index: 100001;
  left: 0;
  top: 0;
  height: 4px;
  width: 100%;
  position: fixed;
  overflow: hidden;
  background-color: #fff;
}
.toploader:before {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  margin-top: 2px;
  height: 2px;
  background-color: orange;
  animation: toploaderloading 2s linear infinite;
}
@keyframes toploaderloading {
  from {
    left: -200px;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}
.tbl.border {
  border: 1px solid #ccc;
}
.tbl_header {
  line-height: 26px;
  background: #00CC33;
}
.tbl_header th {
  padding: 0 3px;
}
.cp {
  cursor: pointer;
}
.delete {
  color: #990000;
  cursor: pointer;
}
.delete:hover {
  color: blue;
}
.edit {
  color: #bfb641;
  cursor: pointer;
}
.edit:hover {
  color: #1d4b57;
}
.sperator {
  font-size: 12px;
  margin: 0 6px 0 3px;
  color: cornflowerblue;
}
.grouping {
  height: 30px;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
  color: #9fcc8d;
  font-size: 10px;
}
.grouping.down {
  background: #ececec url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDMwNy4wNTMgMzA3LjA1MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA3LjA1MyAzMDcuMDUzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC42NzU3MjkgMCAwIDAuNjc1NzI5IDQ5Ljc4NDEgNDkuNzg0MSkiPjxnPgoJPGcgaWQ9Il94MzRfODYuX0Rvd24iPgoJCTxnPgoJCQk8cGF0aCBkPSJNMzAyLjQ0NSw4MC43OTZsLTExLjEwMS0xMS4xMDNjLTYuMTIzLTYuMTMxLTE2LjA3NC02LjEzMS0yMi4yMDksMEwxNTMuNjcsMTgzLjcwN0wzNy45MDcsNjcuOTU5ICAgICBjLTYuMTM0LTYuMTMtMTYuMDgtNi4xMy0yMi4yMDksMEw0LjU5Nyw3OS4wNmMtNi4xMjksNi4xMzMtNi4xMjksMTYuMDY3LDAsMjIuMjAxbDEzNy44MywxMzcuODI5ICAgICBjNi4xMjksNi4xMzYsMTYuMDY3LDYuMTM2LDIyLjIwMywwbDEzNy44MTUtMTM2LjA5NkMzMDguNTg5LDk2Ljg2NCwzMDguNTg5LDg2LjkyNiwzMDIuNDQ1LDgwLjc5NnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0I3QjRCNCIgZGF0YS1vbGRfY29sb3I9IiNCNkIzQjMiPjwvcGF0aD4KCQk8L2c+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==) no-repeat center 10px;
  background-size: 22px 22px;
}
.grouping.up {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDMwNy4wNTMgMzA3LjA1MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA3LjA1MyAzMDcuMDUzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNjc1NzI5IDguMjc1MzBlLTE3IC04LjI3NTMwZS0xNyAtMC42NzU3MjkgMjU3LjI2OSAyNTcuMjY5KSI+PGc+Cgk8ZyBpZD0iX3gzNF84Ni5fRG93biI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zMDIuNDQ1LDgwLjc5NmwtMTEuMTAxLTExLjEwM2MtNi4xMjMtNi4xMzEtMTYuMDc0LTYuMTMxLTIyLjIwOSwwTDE1My42NywxODMuNzA3TDM3LjkwNyw2Ny45NTkgICAgIGMtNi4xMzQtNi4xMy0xNi4wOC02LjEzLTIyLjIwOSwwTDQuNTk3LDc5LjA2Yy02LjEyOSw2LjEzMy02LjEyOSwxNi4wNjcsMCwyMi4yMDFsMTM3LjgzLDEzNy44MjkgICAgIGM2LjEyOSw2LjEzNiwxNi4wNjcsNi4xMzYsMjIuMjAzLDBsMTM3LjgxNS0xMzYuMDk2QzMwOC41ODksOTYuODY0LDMwOC41ODksODYuOTI2LDMwMi40NDUsODAuNzk2eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojQjdCNEI0IiBkYXRhLW9sZF9jb2xvcj0iI0I2QjNCMyI+PC9wYXRoPgoJCTwvZz4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+) no-repeat center 10px;
  background-size: 22px 22px;
  background-color: #e8efd7;
}
.grouping:hover {
  outline: auto 2px #ccc;
  background-color: #efefef;
}
.br3 {
  border-radius: 3px;
}
.red {
  color: tomato;
}
.gray {
  color: gray;
}
.green {
  color: green;
}
.pr {
  position: relative;
}
.body_loader {
  background: url("/images/_ajax_loader.gif") center no-repeat;
  background-size: 26px 26px;
}
.table td,
th {
  padding: 3px 6px !important;
}
.drop {
  min-height: 50px;
  display: flex;
  text-align: left;
  background-size: 40px 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTJweCI+PGxpbmVhckdyYWRpZW50IGlkPSJhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI1NiIgeDI9IjI1NiIgeTE9IjAiIHkyPSI1MTIiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzJhZjU5OCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwOWVmZCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0ibTM1NCA2MGMwLTMzLjA4NTkzOC0yNi45MTQwNjItNjAtNjAtNjBoLTIzNGMtMzMuMDg1OTM4IDAtNjAgMjYuOTE0MDYyLTYwIDYwdjIzNGMwIDMzLjA4NTkzOCAyNi45MTQwNjIgNjAgNjAgNjBoOTZ2NDBoNDB2LTQwaDk4YzMzLjA4NTkzOCAwIDYwLTI2LjkxNDA2MiA2MC02MHYtOTZoMzl2LTQwaC0zOXptLTQwIDIzNGMwIDExLjAyNzM0NC04Ljk3MjY1NiAyMC0yMCAyMGgtMjM0Yy0xMS4wMjczNDQgMC0yMC04Ljk3MjY1Ni0yMC0yMHYtMjM0YzAtMTEuMDI3MzQ0IDguOTcyNjU2LTIwIDIwLTIwaDIzNGMxMS4wMjczNDQgMCAyMCA4Ljk3MjY1NiAyMCAyMHptMTU4IDEzOGg0MHY0MGMwIDIyLjA4OTg0NC0xNy45MTAxNTYgNDAtNDAgNDBoLTM5di00MGgzOXptLTE5OSA0MGg0MHY0MGgtNDB6bTgwIDBoNDB2NDBoLTQwem0xNTktMjc0djQwaC00MHYtNDBoLTM5di00MGgzOWMyMi4wODk4NDQgMCA0MCAxNy45MTAxNTYgNDAgNDB6bS00MCA3OGg0MHY0MGgtNDB6bTAgNzhoNDB2NDBoLTQwem0tMjc2IDExOGgzOXY0MGgtMzljLTIyLjA4OTg0NCAwLTQwLTE3LjkxMDE1Ni00MC00MHYtNDBoNDB6bTM3LTMxOGg0MHYxMjBoLTEyMHYtNDBoNTEuNzE0ODQ0bC03MS4zNTkzNzUtNzEuMzU5Mzc1IDI4LjI4NTE1Ni0yOC4yODEyNSA3MS4zNTkzNzUgNzEuMzU1NDY5em0wIDAiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4K);
}
.drop label {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.drop .label_for_loader {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.drop .in_label_loader {
  margin: 1px;
  display: block;
  width: 100%;
  border: 1px solid gray;
  box-sizing: border-box;
  padding: 0;
  height: 10px;
  line-height: 10px;
}
.drop .in_label_loader div {
  display: block;
  background: #00ADEE;
  width: 1%;
  height: 10px;
  line-height: 10px;
}
.admin_galeri_thums {
  display: flex;
  align-self: center;
  align-items: center;
}
.admin_galeri_thums div.xwrapper {
  position: relative;
  border: 2px solid #efefef;
  padding: 3px;
  max-width: 100px;
  height: auto;
  cursor: pointer;
}
.admin_galeri_thums div.xwrapper span {
  position: absolute;
  top: 0;
  right: 0;
}
.admin_galeri_thums div.xwrapper:hover {
  border: 2px solid green;
}
.admin_galeri_thums div.xwrapper img {
  width: 100%;
  height: auto;
}
.search_menu {
  border: 0;
}
.help1 {
  color: #ccc;
  font-size: 12px;
}
.rich-select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjg0Mjk0MyAwIDAgMC44NDI5NDMgNS40MDI3MyA0MC4yMDY1KSI+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzEwLDE5MGMtNS41MiwwLTEwLDQuNDgtMTAsMTBzNC40OCwxMCwxMCwxMGM1LjUyLDAsMTAtNC40OCwxMC0xMFMzMTUuNTIsMTkwLDMxMCwxOTB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwQTk2Q0EiIGRhdGEtb2xkX2NvbG9yPSIjMEI5NUM5Ij48L3BhdGg+Cgk8L2c+CjwvZz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik01MDAuMjgxLDQ0My43MTlsLTEzMy40OC0xMzMuNDhDMzg4LjU0NiwyNzcuNDg1LDQwMCwyMzkuNTU1LDQwMCwyMDBDNDAwLDg5LjcyLDMxMC4yOCwwLDIwMCwwUzAsODkuNzIsMCwyMDAgICAgczg5LjcyLDIwMCwyMDAsMjAwYzM5LjU1NiwwLDc3LjQ4Ni0xMS40NTUsMTEwLjIzOS0zMy4xOThsMzYuODk1LDM2Ljg5NWMwLjAwNSwwLjAwNSwwLjAxLDAuMDEsMC4wMTYsMC4wMTZsOTYuNTY4LDk2LjU2OCAgICBDNDUxLjI3Niw1MDcuODM4LDQ2MS4zMTksNTEyLDQ3Miw1MTJjMTAuNjgxLDAsMjAuNzI0LTQuMTYyLDI4LjI3OC0xMS43MTZDNTA3LjgzNyw0OTIuNzMxLDUxMiw0ODIuNjg3LDUxMiw0NzIgICAgUzUwNy44MzcsNDUxLjI2OSw1MDAuMjgxLDQ0My43MTl6IE0zMDUuNTM2LDM0NS43MjdjMCwwLjAwMS0wLjAwMSwwLjAwMS0wLjAwMiwwLjAwMkMyNzQuNjY3LDM2OC4xNDksMjM4LjE3NSwzODAsMjAwLDM4MCAgICBjLTk5LjI1MiwwLTE4MC04MC43NDgtMTgwLTE4MFMxMDAuNzQ4LDIwLDIwMCwyMHMxODAsODAuNzQ4LDE4MCwxODBjMCwzOC4xNzUtMTEuODUxLDc0LjY2Ny0zNC4yNzIsMTA1LjUzNSAgICBDMzM0LjUxMSwzMjAuOTg4LDMyMC45ODksMzM0LjUxMSwzMDUuNTM2LDM0NS43Mjd6IE0zMjYuNTE2LDM1NC43OTNjMTAuMzUtOC40NjcsMTkuODExLTE3LjkyOCwyOC4yNzctMjguMjc3bDI4LjM3MSwyOC4zNzEgICAgYy04LjYyOCwxMC4xODMtMTguMDk0LDE5LjY1LTI4LjI3NywyOC4yNzdMMzI2LjUxNiwzNTQuNzkzeiBNNDg2LjEzOSw0ODYuMTM5Yy0zLjc4LDMuNzgtOC44MDEsNS44NjEtMTQuMTM5LDUuODYxICAgIHMtMTAuMzU5LTIuMDgxLTE0LjEzOS01Ljg2MWwtODguNzk1LTg4Ljc5NWMxMC4xMjctOC42OTEsMTkuNTg3LTE4LjE1LDI4LjI3Ny0yOC4yNzdsODguNzk4LDg4Ljc5OCAgICBDNDg5LjkxOSw0NjEuNjM5LDQ5Miw0NjYuNjU4LDQ5Miw0NzJDNDkyLDQ3Ny4zNDIsNDg5LjkxOSw0ODIuMzYxLDQ4Ni4xMzksNDg2LjEzOXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzBBOTZDQSIgZGF0YS1vbGRfY29sb3I9IiMwQjk1QzkiPjwvcGF0aD4KCTwvZz4KPC9nPjxnPgoJPGc+CgkJPHBhdGggZD0iTTIwMCw0MGMtODguMjI1LDAtMTYwLDcxLjc3NS0xNjAsMTYwczcxLjc3NSwxNjAsMTYwLDE2MHMxNjAtNzEuNzc1LDE2MC0xNjBTMjg4LjIyNSw0MCwyMDAsNDB6IE0yMDAsMzQwICAgIGMtNzcuMTk2LDAtMTQwLTYyLjgwNC0xNDAtMTQwUzEyMi44MDQsNjAsMjAwLDYwczE0MCw2Mi44MDQsMTQwLDE0MFMyNzcuMTk2LDM0MCwyMDAsMzQweiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMEE5NkNBIiBkYXRhLW9sZF9jb2xvcj0iIzBCOTVDOSI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzEyLjA2NSwxNTcuMDczYy04LjYxMS0yMi40MTItMjMuNjA0LTQxLjU3NC00My4zNi01NS40MTNDMjQ4LjQ3OSw4Ny40OSwyMjQuNzIxLDgwLDIwMCw4MGMtNS41MjIsMC0xMCw0LjQ3OC0xMCwxMCAgICBjMCw1LjUyMiw0LjQ3OCwxMCwxMCwxMGM0MS4wOTksMCw3OC42MzEsMjUuODE4LDkzLjM5Niw2NC4yNDdjMS41MjgsMy45NzYsNS4zMTcsNi40MTYsOS4zMzcsNi40MTYgICAgYzEuMTkyLDAsMi40MDUtMC4yMTUsMy41ODQtMC42NjhDMzExLjQ3MiwxNjguMDE0LDMxNC4wNDYsMTYyLjIyOSwzMTIuMDY1LDE1Ny4wNzN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwQTk2Q0EiIGRhdGEtb2xkX2NvbG9yPSIjMEI5NUM5Ij48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: right;
}
.help2 {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.help2 li {
  padding-left: 6px;
  line-height: 18px;
  color: #ccc;
}
.help2 li div {
  display: inline-block;
}
.help2 li .w160 {
  width: 160px;
}
.div2blink {
  transition: backgroundColor 0.05s ease-in-out;
}
.file_select {
  position: relative;
  cursor: pointer;
  border: 1px solid #bababa;
}
.file_select:hover {
  border-color: green;
}
.hide_file {
  position: absolute;
  left: -10000em;
  top: -100000em;
}
.w100h100 {
  width: 100px;
  height: 100px;
}
.w50h50 {
  width: 50px;
  height: 50px;
}
.w25h25 {
  width: 25px;
  height: 25px;
}
.mw100mh100 {
  max-width: 100px;
  max-height: 100px;
}
.mw50mh50 {
  max-width: 50px;
  max-height: 50px;
}
.mw25mh25 {
  max-width: 25px;
  max-height: 25px;
}
.m2x {
  width: 60% !important;
  max-width: none;
}
.m3x {
  width: 80% !important;
  max-width: none;
}
.mfull {
  width: 100% !important;
  max-width: none;
}
.user_cari_tutar {
  font-size: 11px;
  line-height: 16px;
}
.row_select {
  background: #f7ff96;
}
.row_select:hover {
  background: #00ADEE;
}
.rh:hover,
.row_hover:hover {
  background: #efefef;
}
.table_vert_center td {
  vertical-align: middle;
}
.va_middle {
  vertical-align: middle !important;
}
.fs10 {
  font-size: 10px;
}
.fs20 {
  font-size: 20px;
}
.before_hide {
  opacity: 0;
  transition: opacity ease 1.2s;
}
.before_show_starting_hide {
  opacity: 0;
}
.before_show_starting_hide.show {
  opacity: 1;
  transition: opacity ease 1.2s;
}
@-webkit-keyframes dikkat {
  from {
    background-color: #f7ff96;
  }
  to {
    background-color: inherit;
  }
}
@-moz-keyframes dikkat {
  from {
    background-color: #f7ff96;
  }
  to {
    background-color: inherit;
  }
}
@-o-keyframes dikkat {
  from {
    background-color: #f7ff96;
  }
  to {
    background-color: inherit;
  }
}
@keyframes dikkat {
  from {
    background-color: #f7ff96;
  }
  to {
    background-color: inherit;
  }
}
.dikkat {
  -webkit-animation: dikkat 1s 2;
  -moz-animation: dikkat 1s 2;
  -o-animation: dikkat 1s 2;
  animation: dikkat 1s 2;
}
.kutu {
  padding: 10px;
  border: 1px solid #9bc0cc;
  background: #f2fdfd;
  border-radius: 2px;
}
.sender_me {
  background: #e8ffdb;
}
.sender_other {
  background: #9fcc8d;
}
.all_header {
  font-weight: bold;
  line-height: 30px;
}
.galeri_aktif {
  background: #e8f1e7;
  opacity: 1;
}
.galeri_pasif {
  background: #434343;
  opacity: 0.4;
}
.admin_galeri_thums .galeri_aktif {
  background: #0f9e1c;
}
::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #fff, #e4e4e4);
  border: 1px solid #aaa;
}
::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
::-webkit-scrollbar-thumb:active {
  background: linear-gradient(left, #22ADD4, #1E98BA);
}
.notread {
  background: #bdeac1;
}
.notread.newread {
  background: #f0f9f1;
}
.bg-light-gray1 {
  background: #efefef;
}
.bg-light-gray2 {
  background: #f8f8f8;
}
.infoballoon {
  position: absolute;
  right: 0;
  top: -5px;
  padding: 3px 8px;
  color: white;
  background: #4caf50;
  border-radius: 15px;
  font-size: 10px;
  font-weight: bolder;
  text-align: center;
}
.update-required {
  background-color: #d4efb9 !important;
  /*color:white;*/
}
.table-vcenter th,
.table-vcenter td {
  vertical-align: middle;
}
.table-fixed {
  table-layout: fixed;
  width: 100%;
}
.chktest {
  vertical-align: text-bottom;
}
.row.hover:hover {
  background-color: #efefef;
}
.ap-status {
  padding: 2px;
  border-radius: 3px;
  border: 1px solid #fff;
}
.ap-status.active {
  border-color: #c4e7c4;
}
.ap-status.active:hover {
  border-color: #0c5a1d;
  color: #fff;
  background-color: #73aa7b;
}
.ap-status.passive {
  border-color: #ccc;
}
.ap-status.passive:hover {
  border-color: rgba(0, 0, 0, 0.48);
  color: #4b4a4a;
  background-color: rgba(28, 26, 26, 0.34);
}