@supports (-webkit-overflow-scrolling: touch) {
* {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }
}

@supports not (-webkit-overflow-scrolling: touch) {
* {
  -webkit-text-size-adjust: 120%;
  -moz-text-size-adjust: 120%;
  -ms-text-size-adjust: 120%; }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *:focus {
    outline: none; }

@font-face {
  font-family: 'Adderley Bold';
  src: url("/fonts/adderley.otf");
}

html {
  margin: 0;
  padding: 0;
  background: #002639;
  color: #d9dad5;
  font: 10px/1.42857 'Adderley Bold'; }

body {
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  font: inherit; }

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none; }
  a:hover {
    color: #c8e37a; }

.p {
  display: block;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0; }

.nav-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  height: 2rem;
  left: 2rem;
  position: fixed;
  top: 2rem;
  width: 3.6rem;
  z-index: 3; }
  .nav-toggle:hover {
    opacity: 0.8; }
  .nav-toggle .nav-toggle-bar,
  .nav-toggle .nav-toggle-bar::after,
  .nav-toggle .nav-toggle-bar::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: white;
    content: '';
    height: 0.4rem;
    width: 100%; }
  .nav-toggle .nav-toggle-bar {
    margin-top: 0; }
  .nav-toggle .nav-toggle-bar::after {
    margin-top: 0.8rem; }
  .nav-toggle .nav-toggle-bar::before {
    margin-top: -0.8rem; }
  .nav-toggle.expanded .nav-toggle-bar {
    background: transparent; }
  .nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
    background: white;
    margin-top: 0; }
  .nav-toggle.expanded .nav-toggle-bar::after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .nav-toggle.expanded .nav-toggle-bar::before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.nav {
  -webkit-transition: left 0.5s ease;
  -moz-transition: left 0.5s ease;
  -ms-transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  transition: left 0.5s ease;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a);
  color: #1d262d;
  cursor: pointer;
  font-size: 2rem;
  height: 100%;
  min-height: 400px;
  left: -20rem;
  padding: 6rem 2rem 2rem 2rem;
  position: fixed;
  top: 0;
  width: 20rem;
  z-index: 2; }
  .nav.expanded {
    left: 0; }
  .nav ul {
    position: absolute;
    top: 210px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    list-style: none;
    margin: 0;
    padding: 0; }
  .nav li {
    padding: 18px 0 0 0; }

#label {
  color: #d9dad5;
  font-weight: normal;
  font-size: 1.7em; }

#block-label {
  margin: 50px 0 20px 0;
  color: #d9dad5;
  font-size: 2em;
  font-weight: bold;
  text-shadow: 0 0 1px #000000, 0 0 1em #002639;
  text-align: center; }

.line {
  position: fixed;
  right: 0;
  left: 0;
  margin: auto auto;
  overflow: hidden;
  z-index: 1;
  background: #002639;
  width: 100%;
  height: 106px; }

.logo {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/images/logo.png);
  position: fixed;
  overflow: hidden;
  z-index: 1;
  margin-top: 4px;
  margin-left: 30px;
  width: 560px;
  height: 97px; }

.phone {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/images/phone.png);
  position: fixed;
  overflow: hidden;
  z-index: 1;
  margin-top: 4px;
  right: 0;
  width: 283px;
  height: 97px; }

.rating {
  margin: 0 0 0 auto;
  margin-top: 4px;
  width: 200px;
  height: 80px; }

.main {
  width: 1200px;
  margin: 0 auto; }

.back {
  position: fixed;
  left: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  min-height: 712px;
  z-index: -9999;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/anime/01.jpg); }

.wide-block {
  position: absolute;
  -webkit-transform: translateZ(0);
  right: 0;
  left: 0;
  margin: auto auto;
  overflow: hidden;
  z-index: -1;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a);
  min-width: 1200px;
  width: 100%;
  height: 582px;
  opacity: 0.8; }

.block {
  padding: 20px;
  font-size: 1.1em;
  text-align: justify; }

.block-features {
  height: 493px; }

.block-info {
  padding: 10px;
  margin: 20px;
  background: #b3b5de;
  opacity: 0.8; }

.block-contacts {
  height: 650px; }

.text {
  width: 1100px;
  margin: 0 auto;
  padding: 90px 20px 20px 20px;
  color: #1d262d;
  font-size: 1.8em; }

.text-price {
  width: 1000px;
  margin: 0 auto;
  color: #1d262d; }

.services {
  height: 1520px; }

.cell-cartridges {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/cartridges.jpg); }

.cell-cartridges h2 {
  padding: 0px 15px 0px 15px; }

.cell-cartridges:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-cartridges {
  padding: 10px 12px 0px 12px;
  text-align: justify;
  width: 313px;
  height: 350px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-printers {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/printers.jpg); }

.cell-printers h2 {
  padding: 0px 15px 0px 15px; }

.cell-printers:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-printers {
  padding: 10px 12px 0px 12px;
  text-align: justify;
  width: 313px;
  height: 350px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-pcs {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/pcs.jpg); }

.cell-pcs h2 {
  padding: 0px 15px 0px 15px; }

.cell-pcs:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-pcs {
  padding: 10px 12px 0px 12px;
  text-align: justify;
  width: 313px;
  height: 350px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-laptops {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/laptops.jpg); }

.cell-laptops h2 {
  padding: 0px 15px 0px 15px; }

.cell-laptops:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-laptops {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 350px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-software {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/software.jpg); }

.cell-software h2 {
  padding: 0px 15px 0px 15px; }

.cell-software:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-software {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 310px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-phones {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/phones.jpg); }

.cell-phones h2 {
  padding: 0px 15px 0px 15px; }

.cell-phones:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-phones {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 350px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-sites {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/sites.jpg); }

.cell-sites h2 {
  padding: 0px 15px 0px 15px; }

.cell-sites:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-sites {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 380px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-pentab {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/pentab.jpg); }

.cell-pentab h2 {
  padding: 0px 15px 0px 15px; }

.cell-pentab:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-pentab {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 380px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-parts {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/parts.jpg); }

.cell-parts h2 {
  padding: 0px 15px 0px 15px; }

.cell-parts:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-parts {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 310px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-consoles {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/consoles.jpg); }

.cell-consoles h2 {
  padding: 0px 15px 0px 15px; }

.cell-consoles:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-consoles {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 350px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-bga {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/bgas.jpg); }

.cell-bga h2 {
  padding: 0px 15px 0px 15px; }

.cell-bga:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-bga {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 350px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.cell-buteh {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: url(/images/butehs.jpg); }

.cell-buteh h2 {
  padding: 0px 15px 0px 15px; }

.cell-buteh:hover {
  margin: 20px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 313px;
  height: 465px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#cell-buteh {
  padding: 10px 12px 0px 15px;
  text-align: justify;
  width: 313px;
  height: 350px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0; }

.map {
  margin: 25px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 480px;
  height: 598px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

.contacts {
  margin: 25px;
  display: block;
  float: left;
  background: #b3b5de;
  width: 480px;
  height: 598px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

.social {
  margin: 0 auto;
  width: 694px; }

.social img {
  opacity: 0.9; }

.social img:hover {
  opacity: 1; }

#search {
  padding: 5px 10px 5px 24px;
  display: inline-block;
  border: 1px solid #000000;
  border-radius: 4px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#icon {
  position: absolute;
  top: 4px;
  left: 4px; }

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; }

.tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  width: 250px;
  background-color: #b3b5de;
  color: #1d262d;
  text-align: center;
  border-radius: 2px;
  padding: 5px;
  position: absolute;
  z-index: 4;
  bottom: 130%;
  right: 10%;
  margin-left: -60px; }

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #b3b5de transparent transparent transparent; }

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 0.9;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out; }

.celltipright {
  position: relative;
  display: inline-block; }

.celltipright .celltoolright {
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  width: 250px;
  background-color: #b3b5de;
  color: #1d262d;
  text-align: right;
  border-radius: 2px;
  padding: 10px;
  position: absolute;
  z-index: 4;
  top: 5px;
  right: 104%;
  margin-left: -60px; }

.celltipright .celltoolright::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #b3b5de; }

.celltipright:hover .celltoolright {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out; }

.celltipleft {
  position: relative;
  display: inline-block; }

.celltipleft .celltoolleft {
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  width: 250px;
  background-color: #b3b5de;
  color: #1d262d;
  text-align: left;
  border-radius: 2px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 104%; }

.celltipleft .celltoolleft::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #b3b5de transparent transparent; }

.celltipleft:hover .celltoolleft {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out; }

.cell-center {
  margin: 0 auto;
  width: 495px;
  height: 495px;
  z-index: 3; }

.cell {
  margin: 0 0 29px 0;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  font-size: 1.2em;
  padding: 26px 10px 0 10px;
  vertical-align: middle;
  width: 240px;
  height: 140px;
  z-index: 3;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

.cells-left {
  float: left;
  text-align: left;
  padding: 0 10px 0 10px;
  width: 260px;
  z-index: 3;
  height: 495px; }

.cells-right {
  float: right;
  text-align: right;
  padding: 0 10px 0 10px;
  width: 260px;
  z-index: 3;
  height: 495px; }

.brands {
  width: 100%;
  margin-top: 1000px;
  text-align: center;
  margin: 0 auto; }

.wide-brands {
  position: absolute;
  -webkit-transform: translateZ(0);
  right: 0;
  left: 0;
  margin: auto auto;
  overflow: hidden;
  z-index: -1;
  background: #002639;
  min-width: 1200px;
  width: 100%;
  height: 510px;
  opacity: 0.7; }

.brands table {
  width: 100%; }

.brands td {
  padding: 8px 0 0 0;
  border: 1px solid #d9dad5;
  vertical-align: middle;
  height: 125px;  }

.footer {
  padding: 10px 20px 0 0;
  font-size: 1.6em;
  text-align: right;
  min-width: 1200px;
  width: 100%;
  height: 50px; }

.votes {
  margin: 0 auto;
  text-align: justify;
  width: 100%;
  height: 175px; }

.vote {
  margin: 0 25px 0 25px;
  padding: 8px;
  display: block;
  float: left;
  background: #ffffff;
  width: 303px;
  height: 175px;
  opacity: 0.9;
  font: 0.6em sans-serif;
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(0,0,0,0.4); }

a#vote {
  color: inherit;
  cursor: pointer;
  text-decoration: none; }
a#vote:hover {
  color: #000000; }

#anchor {
  position: absolute;
  margin-top: -120px; }

.infos {
  margin: 0 auto;
  width: 100%;
  height: 1040px; }

.info {
  display: block;
  float: left;
  width: 490px;
  height: 300px;
  margin: 20px 20px 30px 20px;
  padding: 35px 10px 10px 10px;
  color: #d9dad5;
  font-size: 2em;
  text-align: center;
  border: 1px solid #b3b5de; }

.info:hover {
  border: 1px solid #c8e37a; }

.priceoff {
  width: 96px;
  height: 96px;
  position: fixed;
  top: 128px;
  right: 14px;
  display: block;
  opacity: 0.8;
}

.priceoff:hover {
  opacity: 1;
}

.categories {
  margin: 0 auto;
  width: 100%;
  height: 174px;
}

.category {
  display: block;
  float: left;
  width: 333px;
  height: 37px;
  margin: 10px 10px 10px 10px;
  padding: 3px 3px 3px 3px;
  color: #1d262d;
  background: #b3b5de;
  font-size: 1.2em;
  text-align: center;
  border: 1px solid #b3b5de;
  border-radius: 2px;
}

.category:hover {
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#read {
  display: block;
  margin: 75px auto;
  width: 100px;
  height: 35px;
  color: #000;
  font-size: 0.5em;
  line-height: 35px;
  border-radius: 4px;
  background: linear-gradient(145deg, #b3b5de, #c5bccf, #d9dad5, #c8e37a); }

#read:hover {
  opacity: 0.8; }

#custlink {
  color: inherit;
  cursor: pointer;
  text-decoration: none; }

#mainlink {
  color: inherit;
  cursor: pointer;
  text-decoration: underline; }

body::after {
  position: absolute; width: 0; height: 0; overflow: hidden; z-index: -99999;
  content: url(/anime/01.jpg) url(/anime/02.jpg) url(/anime/03.jpg) url(/anime/04.jpg) url(/anime/05.jpg) url(/anime/06.jpg) url(/anime/07.jpg) url(/anime/08.jpg) url(/anime/09.jpg) url(/anime/10.jpg) url(/anime/11.jpg) url(/anime/12.jpg) url(/anime/13.jpg) url(/anime/14.jpg) url(/anime/15.jpg) url(/anime/16.jpg);
}