.bg-vk {
    background-color: #4C75A3;
}
.bg-tg {
    background-color: #37AEE2;
}
.bg-wa {
    background-color: #2cb742;
}

.color-vk {
    color: #07F
}
.color-ok {
    color: #FF7609
}
.color-tg {
    color: #18A3E6
}
.color-wa {
    color: #28D146;
}


#map {
    height: 201px;
}
@media (min-width: 64rem) {
    #map {
        height: 350px;
    }
}




/* error 
---------- */
.error-message {
    color: var(--color-error);
    font-size: var(--text-sm, 0.75rem);
    padding-top: var(--space-xxs);
}
.fof__animation svg {
  display: block;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto
}

#i-fof-browser {
  transform-origin: 260px 304px;
  animation: i-fof-browser 4s infinite
}

#i-fof-shadow {
  transform-origin: 282px 410px;
  animation: i-fof-shadow 4s infinite
}

@keyframes i-fof-browser {

  0%,
  100% {
    transform: translateY(0) scale(1)
  }

  50% {
    transform: translateY(-10%) scale(0.9)
  }
}

@keyframes i-fof-shadow {

  0%,
  100% {
    transform: scale(1)
  }

  50% {
    transform: scale(0.8)
  }
}



/* breadcrumbs 
---------- */
.breadcrumbs ol {
    width: max-content;
}


/* feature 
---------- */
.feature-dot-divider {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: var(--space-xxxs);
    border-bottom: 1px dashed var(--color-contrast-lower);
}
.features {}
.features {}



/* read-more 
---------- */
.read-more {
  opacity: 0;
}

.read-more--loaded {
  opacity: 1;
}

.read-more__btn {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  color: var(--color-primary);
  text-decoration: underline;
}



/* Buttons
---------- */

button,
input[type=button],
input[type=submit] { 
    outline: 0;
}
input[type=button]:hover, 
input[type=submit]:hover { cursor: pointer; background: var(--link-visited-color); }
input[type=button]:active, input[type=submit]:active { background: var(--link-visited-color); }
input[type=button]:disabled,
input[type=submit]:disabled { background: #eee; color: #999; text-shadow: 0 1px 1px var(--white); cursor: pointer; }
input[type=button].small,
input[type=submit].small { font-size: 0.9em; padding: 3px 5px; }
button.large,
input[type=button].large,
input[type=submit].large { font-size: 1.6em; padding: 7px 10px; font-weight: bold; }
button.gray,
input[type=button].gray,
input[type=submit].gray { background: var(--gray6); }
button.gray:hover,
input[type=button].gray:hover,
input[type=submit].gray:hover { background: #eee; }
button.blue,
input[type=button].blue,
input[type=submit].blue { background: #73b9ff linear-gradient(to bottom, #73b9ff 0%, #0d86ff 100%); border-color: rgba(0, 0, 0, .2); color: var(--white); text-shadow: none; }
button.blue:hover,
input[type=button].blue:hover,
input[type=submit].blue:hover { background: #73b9ff; }
*/


/* 16x16 Icons
-------------- */

i.icon16 { background-repeat: no-repeat; height: 16px; width: 16px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; }
* i.icon16 { text-decoration: none !important; vertical-align: top; margin: 0.2em 0.25em 0 0; }
.icon16.rss { background-position: -16px 0; }
.icon16.facebook { background-position: -32px 0; }
.icon16.twitter { background-position: -48px 0; }
.icon16.vk { background-position: -64px 0; }
.icon16.gplus { background-position: -80px 0; }
.icon16.pinterest { background-position: -96px 0; }
.icon16.youtube { background-position: -112px 0; }
.icon16.instagram { background-position: -128px 0; }

.icon16.userpic20 { border-radius: 50%; background-size: 20px 20px; }
.icon16.color { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.2); width: 12px; height: 12px; background-image: none; }

.icon16.like { background-position: 0 -16px; margin-top: 0; }
.icon16.star,
.icon16.star-full { background-position: -16px -16px; }
.icon16.star-half { background-position: -32px -16px; }
.icon16.star-empty { background-position: -48px -16px; }
.icon16.star-hover { background-position: -64px -16px; }

.icon16.remove { background-position: -96px -16px; }
.icon16.saved { background-position: -112px -16px; }
.icon16.stock-red { background-position: -128px -16px; }
.icon16.stock-yellow { background-position: -144px -16px; }
.icon16.stock-green { background-position: -160px -16px; }
.icon16.stock-transparent { background-position: -176px -16px; }
.icon16.checkmark { background-position: -192px -16px; }
.icon16.compare { background-position: -208px -16px; }
.icon16.compare.active { background-position: -224px -16px; }

.icon16.uarr { background: url('img/uarr.png'); background-position: 0 0; background-size: 16px 16px; }

.icon16.loading { background-image: url('img/loading16.gif'); background-position: 0 0; background-size: 16px 16px; }
.icon24.loading { background-image: url('img/loading.gif'); background-size: 24px 24px; height: 24px; width: 24px; display: inline-block; }
.icon32.loading { background-image: url('img/loading.gif'); background-size: 32px 32px; height: 32px; width: 32px; display: inline-block; }

/* 10x10 Icons
-------------- */

i.icon10 { background-repeat: no-repeat; height: 10px; width: 10px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px; }
* i.icon10 { text-decoration: none !important; vertical-align: top; margin: 0.3em 0.1em 0 0; }
.icon10.darr { background-image: url('img/darr.png'); background-size: 16px 16px; }

.icon10.star,
.icon10.star-full { background-position: 0 -100px; }
.icon10.star-half { background-position: -10px -100px; }
.icon10.star-empty { background-position: -20px -100px; }

/* 24x24 Icons
-------------- */

i.icon24 { background-repeat: no-repeat; height: 24px; width: 24px; display: inline-block; text-indent: -9999px; text-decoration: none !important; background-image: url("img/icons.png"); background-size: 260px 160px; }
* i.icon16 { text-decoration: none !important; vertical-align: top; margin: 0.2em 0.25em 0 0; }
.icon24.rss { background-position: 0 -50px; }
.icon24.facebook { background-position: -24px -50px; }
.icon24.twitter { background-position: -48px -50px; }
.icon24.vk { background-position: -72px -50px; }
.icon24.instagram { background-position: -96px -50px; }
.icon24.youtube { background-position: -120px -50px; }
.icon24.pinterest { background-position: -144px -50px; }
.icon24.gplus { background-position: -168px -50px; }

/* My account (hide core app nav elements)
------------------------------------------ */

html.my ul.menu-h li a { padding: 5px 7px; }
html.my ul.menu-h li.selected a { color: var(--white); }

html.my .sidebar { display: none; }

/* Mobile
--------- */