* {
  box-sizing: border-box;
}
body {
  background: linear-gradient(119deg, #223e67 0%, #0d1828 73%, #223e67 100%) no-repeat;
  background-size: cover;
  font-family: 'Trebuchet MS', Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0;
  font-size: 16px;
}
html,
body {
  min-height: 100%;
}
a {
  color: #477ED2;
}
a:hover,
a:focus {
  text-decoration: none;
}
.feedback_form table {
  color: black !important;
}
code {
  font-size: 1.2em;
  white-space: pre;
  padding: 15px;
  border: 1px solid white;
  display: block;
  margin-bottom: 32px;
}
code.imacros_example {
  padding-left: 60px;
  overflow-x: scroll;
  background: #e3e5e8;
}
code.imacros_example:before {
  color: grey;
  position: absolute;
  /*content: "1 \000a 2 \000a 3 \000a 4 \000a 5 \000a 6 \000a 7 \000a 8 \000a 9 \000a 10 \000a 11 \000a 12 \000a 13 \000a 14";*/
  padding-left: 10px;
  margin-left: -60px;
  background: #EBEDF0;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
code.imacros_example.extension:before {
  content: "1 \000a 2 \000a 3 \000a 4 \000a 5 \000a 6 \000a 7 \000a 8 \000a 9 \000a 10 \000a 11 \000a 12 \000a 13";
}
code.imacros_example.vkbutton:before {
  content: "1 \000a 2 \000a 3 \000a 4 \000a 5 \000a 6 \000a 7 \000a 8 \000a 9 \000a 10 \000a 11 \000a 12 \000a 13 \000a 14";
}
code.imacros_example.application:before {
  content: "1 \000a 2 \000a 3 \000a 4 \000a 5 \000a 6 \000a 7 \000a 8 \000a 9 \000a 10 \000a 11 \000a 12 \000a 13 \000a 14 \000a 15 \000a 16 \000a 17 \000a 18 \000a 19 \000a 20 \000a 21 \000a 22 \000a 23 \000a 24 \000a 25 \000a 26 \000a 27";
}
.code_line_num {
  color: grey;
}
code .important {
  background: rgba(0, 0, 0, 0.1);
}
.wlimit {
  max-width: 1020px;
  margin: 0 auto;
}
a.logo {
  text-decoration: none;
  font-size: 20px;
  color: #4EB5E5;
  text-align: center;
  display: block;
  margin-bottom: 30px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
a.logo span {
  font-family: 'Megrim', cursive;
  font-size: 64px;
  color: white;
  text-align: center;
}
h1 span.logo {
  font-family: 'Megrim', cursive;
  font-size: 2.1em;
  color: #fff;
  text-align: center;
  font-weight: normal;
  line-height: 18px;
}
h1 span.sublogo {
  text-align: center;
  color: #4EB5E5;
  font-size: 0.65em;
  font-weight: normal;
}
h1 {
  font-size: 1.8em;
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.8em;
  font-weight: normal;
}
.splash-wrap h1 {
  margin-bottom: 1.6em;
}
header {
  margin-bottom: 1em;
}
header[role=banner] {
  margin-top: 2em;
  margin-bottom: 2em;
}
header p {
  text-align: center;
}
.wlimit header[role=banner] {
  margin-top: 3em;
}
h2 {
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 1em;
  margin-top: 0;
  font-weight: normal;
}
.article h2 {
  color: #000;
}
h3 {
  text-align: center;
  font-size: 1.2em;
  color: #2059a9;
}
h4 {
    text-align: center;
    font-size: 1.1em;
}
p {
  color: #d0d0d0;
  margin: 0 0 1.5em 0;
}
p:last-child {
  margin-bottom: 0;
}
.section p,
.inst-option p {
  color: #333;
}
p.important {
  color: #ffa872 !important;
}
.emphasis,
em {
  font-weight: inherit;
  font-style: inherit;
  color: #d72975;
}
.section p.important,
.col-notice p.important {
  color: #d85809 !important;
}
.section {
  background-color: #EBEDF0;
  margin: 2rem 0;
  border-radius: 10px;
  padding: 2rem;
}

.section .notice {
  background: rgba(0, 0, 0, 0.1);
  padding: 1rem 2rem;
  margin-left: -2rem;
  margin-right: -2rem;
}

.inst-option h2 {
  color: #000;
}
.faq p:first-child strong {
  font-size: 20px;
}
.faq p {
  margin-bottom: 16px;
}
.faq p:last-child {
  margin-bottom: 32px;
}
.topnav-wrap {
  background-color: rgba(0, 0, 0, 0.2);
  margin-bottom: 3rem;
}
.topnav {
  max-width: 1100px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 0.5rem 0;
  align-items: center;
  padding-bottom: 61px;
}
.topnav nav {
  flex: 1;
}
.topnav nav .navlinks {
  display: flex;
  text-align: center;
  font-size: 18px;
  margin: 0 2em;
  padding: 0;
}
.topnav nav .navlinks > li {
  list-style: none;
  display: inline-block;
  flex-grow: 1;
}
.topnav nav .navlinks a,
.topnav nav .navlinks span {
  color: #fff;
}

.topnav nav .navlinks a[important] {
  color: #fa92bf !important;
}
.topnav nav .navlinks span {
  cursor: pointer;
  text-decoration: underline;
}
.topnav nav .navlinks span:hover,
.topnav nav .navlinks span:focus {
  text-decoration: none;
}
.topnav nav .navlinks li.here > span,
.topnav nav .navlinks li.here > a {
  font-weight: bold;
  color: #63C8E7;
}
.topnav nav .navlinks li.here > a {
  text-decoration: none;
}
.topnav nav .navlinks > li.active > span,
.topnav nav .navlinks > li.active > a {
  position: relative;
  text-decoration: none;
}
.topnav nav .navlinks > li.active > span:after,
.topnav nav .navlinks > li.active > a:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(255, 255, 255, 0.15);
  left: 50%;
  margin-left: -17px;
  top: 25px;
}
.topnav nav .navlinks > li .subnav-wrap {
  position: absolute;
  background-color: #394a61; /* rgba(255, 255, 255, 0.1); */
  text-align: center;
  left: 0;
  right: 0;
  top: 44px;
}
.topnav nav .navlinks > li .subnav-wrap li {
  display: inline;
  padding: 0 10px;
  white-space: nowrap;
}
.topnav nav .navlinks > li .subnav-wrap .subnav {
  padding: 5px 0; /* 1rem */
  margin: 0;
  line-height: 2em;
}
.topnav a.logo {
  text-indent: -9999px;
  width: auto;
  margin: 0;
  margin-top: -24px;
}
.topnav a.logo span {
  color: #477ED2;
  font-size: 24px;
  font-weight: bold;
}
.topnav .language {
  /*margin-left: auto;*/
  /*        .active {
            opacity: 1 !important;
            cursor: default;
        }*/
}
.topnav .language a {
  /*opacity: 0.3;*/
  /*margin-left: 1rem;*/
}
.topnav .language a:hover,
.topnav .language a:focus {
  opacity: 0.7;
}
.tagline {
  font-size: 20px;
  color: #fff;
  text-align: center;
  max-width: 680px;
  margin: 2.5rem auto;
}
.anti-say {
  text-align: center;
}
.anti-say img {
  width: 84px;
}
.anti-say-text {
  background-color: #EBEDF0;
  max-width: 390px;
  margin: 17px auto 0;
  border-radius: 100px;
  position: relative;
  z-index: 1;
  padding: 1rem 1rem;
}
.anti-say-text:before {
  content: url(../images/bubble-tip.png);
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -16px;
}
.section-title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 2.5rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.section-imacros a {
  padding-right: 1.5rem;
}
.examples {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  padding: 0 0px;
}
.examples img {
  display: block;
  margin: 0 auto;
}
.example-viewbox {
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.icon-text {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.icon-text .col-icon {
  margin-right: 2.5rem;
}
.icon-text .col-icon img {
  width: 128px;
}
.icon-text .col-text {
  font-size: 18px;
  line-height: 1.4;
}
.section.icon-text p {
  margin-bottom: 8px;
}
.hdg1 {
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.logos-list {
  text-align: center;
  color: #fff;
  margin: 2rem 0;
  font-size: 14px;
}
.logos-list .hdg1 {
  display: block;
}
.logos-list .logos-list-inner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.logos-list .logos-list-inner span {
  flex-grow: 1;
  flex-basis: 10px;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  padding-top: 60px;
}
.logos-list .logos-list-inner span img {
  display: block;
  margin: 0 auto 0.75rem;
}
.logos-list .logos-list-inner span.site-vk {
  background-image: url(../images/logo-vk.png);
}
.logos-list .logos-list-inner span.site-mail {
  background-image: url(../images/logo-mail.png);
}
.logos-list .logos-list-inner span.site-yandex {
  background-image: url(../images/logo-yandex.png);
}
.logos-list .logos-list-inner span.site-avito {
  background-image: url(../images/logo-avito.png);
}
.logos-list .logos-list-inner span.site-vkb {
  background-image: url(../images/logo-vkb.png);
}
.logos-list .logos-list-inner span.site-dw {
  background-image: url(../images/logo-dw.png);
}
.logos-list .logos-list-inner span.site-forgotten {
  background-image: url(../images/logo-forgotten.png);
}
.logos-list .logos-list-inner span.site-bk {
  /* background-image: url(../images/logo-bk.png); */
  background-image: url(../images/logo/oldbkcom2.png);
}
.logos-list .logos-list-inner span.site-ali {
  background-image: url(../images/logo-ali.png);
}
.logos-list .logos-list-inner span.site-cloudflare {
  background-image: url(../images/logo-cloudflare.png);
}
.logos-list .logos-list-inner span.site-fb {
  background-image: url(../images/logo-fb.png);
}
.logos-list .logos-list-inner span.site-freebitcoin {
  background-image: url(../images/logo-freebitcoin.png);
}
.logos-list .logos-list-inner span.site-lj {
  background-image: url(../images/logo-lj.png);
}
.logos-list .logos-list-inner span.site-omerta {
  background-image: url(../images/logo-omerta.png);
}
.logos-list .logos-list-inner span.site-primedice {
  background-image: url(../images/logo-primedice.png);
}
.logos-list .logos-list-inner span.site-solve {
  background-image: url(../images/logo-solve.png);
}
.logos-list .logos-list-inner span.site-omegle {
  background-image: url(../images/logo-omegle.png);
}
.logos-list .logos-list-inner span.site-roblox {
  background-image: url(../images/logo-roblox.jpg);
}
.logos-list .logos-list-inner span.site-ea {
  background-image: url(../images/logo-ea.png);
}
.logos-list .logos-list-inner span.site-coinlist {
  background-image: url(../images/coinlist-logo.png);
}

.easy-use .section-title {
  display: block;
  text-align: center;
}
.easy-use .steps {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}
.easy-use .step {
  flex-basis: 200px;
}
.easy-use .step img {
  display: block;
  margin: 0 auto 0.5rem;
}
.easy-use .step-arrow {
  margin-top: 35px;
}
.easy-use .step-arrow img {
  transform: rotate(-90deg);
}
.key-warning {
  color: #CA5E5E;
  max-width: 496px;
  margin: 2rem auto 0;
  text-align: center;
}
.install-buttons {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  color: #fff;
  justify-content: center;
}
.btn-install {
  display: inline-flex !important;
  align-items: center;
  padding: 0.5em 1em;
  border-radius: 5px;
  margin: 0 1rem;
  font-size: 24px;
  font-weight: 300;
  background-color: #477ED2;
  transition: transform 0.2s;
  color: #fff !important;
}
.btn-install img {
  margin-right: 0.5rem;
}
.btn-install:hover,
.btn-install:focus {
  transform: scale(1.1);
}
.btn-ff {
  background-color: #d47838;
}
.btn-ya {
  background-color: #d64c34;
}
.btn-chrome {
  background-color: #4d86f8;
}
.btn-windows {
  background-color: #0078d7;
}
.btn-googleplay {
	background-color: #689f38;
}
.btn-chromium {
	background-color: #475469;
}
.btn-comodo {
	background-color: #b0503f;
}
.btn-imacros {
  background-color: #086A76;
}
.btn-headless {
  background-color: #9c9c9c;
}
.read-next {
  margin: 3rem 0;
  color: #fff;
  font-size: 18px;
}
.read-next h2 {
  margin-bottom: 5px;
  text-align: left;
  padding-left: 40px;
}
.read-next li {
  margin: 10px 0;
}
.read-next a {
  color: #fff;
}
.list li {
  margin-top: 0.5rem;
}
.footer {
  padding: 0rem 2.5rem 2rem 2rem;
  text-align: center;
}
.footer .navlinks {
  padding: 0;
  font-size: 18px;
  width: auto;
  flex-wrap: wrap;
  display: flex;
  text-align: center;
  justify-content: space-around;
}
.footer .navlinks a {
  color: #fff;
}
.footer .navlinks > li {
  flex-grow: 0;
  padding: 0 15px;
  list-style-type: none;
}
.footer .navlinks li.here > a {
  font-weight: bold;
  color: #63C8E7;
  text-decoration: none;
}
.btn {
  text-decoration: none;
  border: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.btn.btn-cta {
  border-radius: 100px;
  font-size: 20px;
  color: #fff;
  background-color: #EBEDF0;
  padding: 1rem 2rem;
}
.btn.btn-cta:hover,
.btn.btn-cta:focus {
  background-color: #fafafb;
}
.btn.btn-cta .icon {
  width: 15px;
  height: 12px;
}
.nowrap {
  white-space: nowrap;
}
.install-options {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.inst-option {
  margin: 0 15px;
  background-color: #EBEDF0;
  flex: 1;
  min-height: 100px;
  border-radius: 10px;
  padding: 2rem;
  text-align: center;
}
.inst-option .comments {
  margin-bottom: 20px;
  background: rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 -2rem 20px;
}
.inst-option .title {
  font-size: 22px;
}
.instructions {
  font-size: 24px;
}
.download-plugin {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 310px;
  padding: 20px;
  border-radius: 5px;
  margin: 0 auto;
  background: #477ED2;
  color: #fff;
  text-decoration: none;
  margin-top: 20px;
  font-size: 20px;
  text-align: left;
}
.download-plugin img {
  margin-right: 10px;
}
.inst-features {
  display: inline-block;
  text-align: left;
  padding-left: 20px;
}
.inst-features li {
  margin: 10px 0;
}
.inst-features .inline-col {
  width: 260px;
  text-align: left;
}
.text-red {
  color: red;
}
.text-green {
  color: #007d44;
}
.inline-col {
  display: inline-block;
}
.shadow_pulsation {
  box-shadow: 0px 0px 0px 0px #5b9dd9;
  animation-name: shadow_pulsation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes shadow_pulsation {
  0% {
    box-shadow: 0px 0px 0px 0px #5b9dd9;
  }
  50% {
    box-shadow: 0px 0px 0px 3px rgba(91, 157, 217, 0.2);
  }
  100% {
    box-shadow: 0px 0px 0px 0px #5b9dd9;
  }
}
.article {
  color: #333;
}
.article p {
  text-align: left;
  font-size: 18px;
}
.article .install-buttons {
  justify-content: flex-start;
}
.article .btn-install {
  border-color: #000 !important;
  color: #000;
}
.article img.install_screenshot {
  box-shadow: 0 5px 60px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px;
  display: inline-block;
}
.splash-wrap {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
}
.splash-wrap .examples {
  margin: 0 auto 40px;
}
.splash-wrap .examples .example-viewbox {
  margin-left: 15px;
  margin-right: 15px;
}
.mobile-burger {
  display: none;
}
.feedback-form {
  color: #fff;
  display: flex;
  align-items: flex-start;
}
.feedback-form .col-form {
  flex: 1;
  margin-left: 15px;
}
.feedback-form .col-form .validmsg {
  color: red;
  margin-bottom: 24px;
}
.feedback-form .col-form form > div {
  margin: 24px 0;
}
.feedback-form .col-form form > div:first-child {
  margin-top: 0;
}
.feedback-form .col-form form > div > img:first-child {
  width: 180px;
}
.feedback-form .col-form textarea,
.feedback-form .col-form input {
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 8px;
}
.feedback-form .col-form label {
  font-size: 18px;
  display: block;
  margin-bottom: 4px;
}
.feedback-form .col-form .btn-install {
  margin: 0;
}
.feedback-form .col-notice {
  flex: 1;
  margin-right: 15px;
  color: #000;
  background-color: #EBEDF0;
  padding: 16px 16px;
  border-radius: 10px;
}
.feedback-form .col-notice p {
  color: #000;
}
@media screen and (max-width: 1024px) {
  .topnav-wrap {
    margin-bottom: 2rem;
  }
  .feedback-form {
    flex-direction: column;
  }
  .feedback-form .col-notice {
    margin-left: 15px;
  }
  .feedback-form .col-form {
    align-self: stretch;
    margin-right: 15px;
    margin-top: 30px;
  }
  article > p,
  article > header > p {
    padding: 0 15px;
  }
  .install-options {
    flex-direction: column;
  }
  .inst-option {
    margin-bottom: 10px;
  }
  .article p {
    font-size: 16px;
  }
  h1 {
    font-size: 1.6em;
    padding: 0 20px;
  }
  h2 {
    font-size: 1.2em;
    padding: 0 20px;
    margin-bottom: 1em;
  }
  code {
  	font-size: 0.8em;
  }
  .mobile-burger {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 24px;
    top: 16px;
    cursor: pointer;
  }
  .mobile-burger .inner {
    background-color: rgba(255, 255, 255, 0.7);
    height: 2px;
  }
  .mobile-burger .inner:before {
    content: '';
    position: absolute;
    height: 2px;
    background-color: inherit;
    top: 7px;
    left: 0;
    right: 0;
  }
  .mobile-burger .inner:after {
    content: '';
    position: absolute;
    height: 2px;
    background-color: inherit;
    top: 14px;
    left: 0;
    right: 0;
  }
  .mobile-menu-open .mobile-burger .inner {
    background-color: transparent;
  }
  .mobile-menu-open .mobile-burger .inner:before {
    transform: rotate(45deg);
    background-color: #fff;
  }
  .mobile-menu-open .mobile-burger .inner:after {
    transform: rotate(-45deg);
    top: 7px;
    background-color: #fff;
  }
  a.logo {
    width: auto;
    margin: 0;
    font-size: 17px;
  }
  a.logo span {
    font-size: 54px;
  }
  .topnav {
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
  }
  .topnav.mobile-menu-open .navlinks {
    display: block;
  }
  .topnav nav .navlinks {
    display: none;
    width: auto;
    padding-left: 0;
  }
  .topnav nav .navlinks > li {
    margin: 12px 0;
    display: block;
  }
  .topnav nav .navlinks > li.active > a:after,
  .topnav nav .navlinks > li.active > span:after {
    margin-left: -7px;
    top: 26px;
  }
  .topnav nav .navlinks > li .subnav-wrap {
    position: static;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 12px;
    background-color: rgba(255, 255, 255, 0.1); /* rgb(65, 81, 109); */
  }
  .topnav nav .navlinks > li .subnav-wrap .subnav {
    padding: 1px 0 !important;
    text-align: left;
    line-height: normal;
  }
  .topnav nav .navlinks > li .subnav-wrap .subnav li {
    display: block;
    margin: 10px 0;
  }
  .topnav .language {
    position: absolute;
    left: 16px;
    top: 10px;
    /*margin-left: 0;*/
  }
  .topnav .language a {
    margin-left: 0;
  }
  .topnav a.logo {
    margin-bottom: 16px;
    margin-top: -19px;
  }
  .tagline {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section {
    margin-left: 10px;
    margin-right: 10px;
    padding: 16px;
  }
  .section .notice {
    padding: 1rem 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .section-title {
    font-size: 16px;
  }
  .logos-list {
    flex-wrap: wrap;
  }
  .logos-list .logos-list-inner span {
    flex-basis: 25%;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .examples {
    padding: 0;
    flex-direction: column;
    align-items: center;
  }
  .examples .example-viewbox {
    margin: 10px 0;
  }
  .section-imacros a {
    display: block;
  }
  .anti-say-text {
    max-width: 300px;
    font-size: 13px;
  }
  .anti-say-text::before {
    top: -16px;
  }
  .anti-say-text .nowrap {
    white-space: normal;
  }
  .anti-say-text .nowrap::before {
    content: '';
    display: block;
  }
  .footer {
    text-align: left;
  }
  .footer .navlinks {
    justify-content: flex-start;
    line-height: 32px;
  }
  .icon-text {
    display: block;
  }
  .icon-text .col-icon {
    text-align: center;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .icon-text .col-text {
    font-size: 16px;
    line-height: 1.3;
  }
  .easy-use .steps {
    display: block;
  }
  .easy-use .step-arrow {
    display: block;
    margin: 1rem 0;
  }
  .easy-use .step-arrow img {
    transform: rotate(0);
  }
  .install-buttons {
    flex-direction: column;
  }
  .install-buttons .btn-install {
    margin: 1rem auto;
    max-width: 300px;
  }
}
/*# sourceMappingURL=style.css.map */