@charset "UTF-8";


:root {
  --sidebar-width: 300px;
}

/* Senior Developer Global Font-Size Standard scaling */
html {
  font-size: 17px !important;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: #020617 !important;
  /* Solid slate-950 black body background */
  font-size: 0.95rem;
}

body.noright .mobile-header {
  display: none !important;
}

body.noright #sidebar-overlay {
  display: none !important;
}

body.noright #admin-sidebar {
  display: none !important;
}

body.noright #sidebar-collapse-btn {
  display: none !important;
}




/* Unified inputs and table font sizing */
input,
select,
textarea,
button {
  font-size: 0.9rem !important;
}

table,
th,
td {
  font-size: 0.9rem !important;
}

.admin_wrapper {
  display: flex;
  min-height: 100vh;
  overflow-x: hidden;
  align-items: stretch;
}

.admin_left {
  width: var(--sidebar-width);
  flex-shrink: 0;
  z-index: 50;
}

.admin_right {
  flex-grow: 1;
  min-width: 0;
  padding: 2rem;
  background-color: #ffffff !important;
  /* Completely white content area */
  min-height: 100vh !important;
  height: auto !important;
  margin-top: 0 !important;
  /* Remove the legacy 33px black gap under the top menu area */
}

/* .admin_wrapper.noright .admin_right { padding: 0; } */

/* Scrollbar Styling */
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* Sidebar Drag Resizing */
#admin-sidebar {
  width: var(--sidebar-width) !important;
}

.sidebar-resizer {
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  z-index: 101;
  transition: background-color 0.2s;
}

.sidebar-resizer:hover,
.sidebar-resizer.resizing {
  background-color: rgba(99, 102, 241, 0.4);
}

body.resizing * {
  transition: none !important;
  user-select: none !important;
  cursor: col-resize !important;
}

/* Campaign Modernization Compact Styles (Senior Standards) */
.compact-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  margin-bottom: 2px !important;
  display: block !important;
}

.compact-input {
  height: 32px !important;
  font-size: 13px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  border-radius: 4px !important;
  line-height: 20px !important;
  border: 1px solid #cbd5e1 !important;
  background-color: #ffffff !important;
  width: 100% !important;
}

.compact-input:focus {
  outline: none !important;
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 1px #6366f1 !important;
}

.compact-panel {
  padding: 8px !important;
  margin-bottom: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  background-color: #ffffff !important;
}

.compact-panel-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #475569 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 4px !important;
  margin-bottom: 6px !important;
}

.compact-text-muted {
  font-size: 11px !important;
  color: #64748b !important;
  line-height: 1.3 !important;
}





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;
}

body.noright div.admin_left {
  display: none;
}

body.noright div.admin_right {
  border: 0;
  width: 100%;
  margin: 0;
}

body.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 {
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(12px) !important;
  overflow: auto !important;
  border-radius: 1rem !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  z-index: 9999 !important;
  padding: 0.5rem !important;
  margin-top: 0.25rem !important;
  position: absolute;
  display: none;
  max-height: 254px;
  box-sizing: border-box;
}

.autocomplete-suggestion {
  padding: 0.75rem 1rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  cursor: pointer !important;
  color: #374151 !important;
  transition: all 0.2s ease !important;
  border-radius: 0.5rem !important;
}

.autocomplete-suggestion:hover,
.autocomplete-suggestion.selected {
  background-color: #f1f5f9 !important;
  color: #1e1b4b !important;
}

.autocomplete-suggestion b {
  color: #4f46e5 !important;
  font-weight: 600 !important;
}

/*
.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: transparent;
  padding: 0;
  box-sizing: border-box;
}

.tabs ul.nev {
  position: relative;
  padding: 0 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  z-index: 1;
  margin: 0 0 1.5rem 0;
  line-height: normal;
  align-items: center;
  border-bottom: 2px solid #e2e8f0;
  width: 100%;
}

.tabs ul.nev li {
  list-style: none;
  margin: 0;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 0.875rem 1.25rem;
  position: relative;
  vertical-align: bottom;
  border-radius: 0;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.05rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.tabs ul.nev li svg {
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 0.2s ease;
}

.tabs ul.nev li:hover {
  background: transparent;
  color: #4f46e5;
  border-bottom-color: #cbd5e1;
}

.tabs ul.nev li:hover svg {
  transform: scale(1.1);
}

.tabs ul.nev li.select {
  background-color: transparent;
  border-bottom: 3px solid #4f46e5;
  color: #4f46e5;
  font-weight: 700;
}

.tabs .tab_content {
  position: relative;
  top: 0;
  background: #ffffff;
  border: none;
  z-index: 0;
  border-radius: 0.5rem;
  padding: 1.5rem 0.5rem;
  display: none;
}

.tabs .tab_content.select {
  display: block;
}

.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;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.rm_modal::-webkit-scrollbar {
  display: none;
}

.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 label {
  position: absolute;
  top: 0;
  left: 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: calc(100% - 8px);
}

.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);
}

/* --- MIGRATED FROM galeriler.css --- */
#galeri-table {
  table-layout: fixed !important;
  width: 100% !important;
  border-collapse: collapse !important;
}

#galeri-table thead {
  display: table-header-group !important;
}

#galeri-table tbody {
  display: table-row-group !important;
}

#galeri-table tr {
  display: table-row !important;
}

#galeri-table th,
#galeri-table td {
  display: table-cell !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

#galeri-table tbody tr.row-img {
  cursor: grab;
  transition: background-color 0.15s ease;
}

#galeri-table tbody tr.row-img:active {
  cursor: grabbing;
  background-color: rgb(241 245 249) !important;
}

.thumbnail-wrapper {
  cursor: grab;
}

.thumbnail-wrapper:active {
  cursor: grabbing;
}

.thumbnail-wrapper img {
  cursor: zoom-in;
}

/* --- MIGRATED FROM settings.css --- */
.tabs {
  width: 100% !important;
  position: relative !important;
}

.tabs ul.nev {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.375rem !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-bottom: none !important;
  padding: 0.75rem 0.75rem 0 0.75rem !important;
  border-radius: 0.75rem 0.75rem 0 0 !important;
  margin-bottom: 0 !important;
  height: auto !important;
  line-height: normal !important;
  position: relative !important;
  z-index: 10 !important;
}

.tabs ul.nev li {
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.625rem 1rem !important;
  border-radius: 0.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #64748b !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  position: static !important;
  top: auto !important;
  margin-right: 0 !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
  cursor: pointer !important;
}

.tabs ul.nev li:hover {
  color: #0f172a !important;
  background-color: #f1f5f9 !important;
}

.tabs ul.nev li.select {
  color: #4f46e5 !important;
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
}

.tab_content {
  display: none !important;
  position: static !important;
  padding: 0 !important;
  border-right: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-left: 1px solid #e2e8f0 !important;
  border-radius: 0 0 0.75rem 0.75rem !important;
  margin-bottom: 0 !important;
  background: transparent !important;
}

.tab_content.select {
  display: block !important;
}

.in_label_loader {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.in_label_loader div {
  height: 4px;
  background: #4f46e5;
  border-radius: 2px;
  transition: width 0.2s;
}

/* Explicit dimension overrides for SVG icons that get purged by the compiler (Rule 9) */
svg.w-3\.5,
svg.w-3\.5 {
  width: 14px !important;
}

svg.h-3\.5,
svg.h-3\.5 {
  height: 14px !important;
}

svg.w-4 {
  width: 16px !important;
}

svg.h-4 {
  height: 16px !important;
}

svg.w-5 {
  width: 20px !important;
}

svg.h-5 {
  height: 20px !important;
}

svg.w-6 {
  width: 24px !important;
}

svg.h-6 {
  height: 24px !important;
}

svg.w-12 {
  width: 48px !important;
}

svg.h-12 {
  height: 48px !important;
}

svg {
  display: inline-block !important;
  vertical-align: middle;
}