html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
}

html, html a {
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     not supported by any browser */
}

body, select, input, textarea, button {
  font: normal 14px/1.5 "GothaPro", Arial, Helvetica, sans-serif;
  letter-spacing: 0.012em;
  color: #1a1a1a;
  outline: none;
}

a {
  outline: none;
  color: #4e8cda;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0 none;
}

a > img {
  vertical-align: bottom;
}

:root {
  --conv-common-text-03: #2F8AF5;
  --conv-common-btn-bg-07: rgba(47, 138, 245, .16);
  --conv-common-bg-03: rgba(47, 138, 245, .32);
  --conv-gradient: linear-gradient(90deg, #f167ef 0%, #007ce699 100%);
  --conv-gradient-hover: linear-gradient(90deg, #f167ef 30%, #007ce699 70%);
  --conv-gradient-for-wavesurfer-region: linear-gradient(90deg, #f167ef4f 0%, #007ce642 100%);
  --conv-border-04: #B2C3DD;
  --conv-common-text-02: #6C86AD;
  --main-bg-bg-07: radial-gradient(150% 100% at 50% 0%, rgb(205, 232, 251) 0%, rgb(252, 243, 249) 50%, rgb(255, 255, 255) 100%);
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  margin: 2em 0 0.8em 0;
  letter-spacing: -0.01em;
  line-height: 1.35em;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

h1, .h1 {
  font-size: 1.9em;
}

h2, .h2 {
  font-size: 1.8em;
}

h3, .h3 {
  font-size: 1.4em;
}

h4, .h4 {
  font-size: 1.2em;
}

h5, .h5 {
  font-size: 1.1em;
}

.minimized {
  width: 300px;
  cursor: pointer;
  border: 1px solid #FFF;
}

.minimized:hover {
  border: 1px solid yellow;
}

#magnify {
  display: none;
  position: fixed;
  max-width: 80%;
  height: auto;
  z-index: 9999;
}

#magnify img {
  width: 100%;
}

#overlay {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 9990;
}

#close-popup:hover {
  animation: rota 4s infinite normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
  margin-bottom: 1.5em;
}

fieldset legend {
  font-weight: bold;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

a .over {
  cursor: pointer;
}

ul {
  padding-left: 40px;
  list-style: disc outside;
  margin-top: 1em;
  margin-bottom: 1em;
}

ol {
  padding-left: 40px;
  list-style: decimal outside;
  margin-top: 1em;
  margin-bottom: 1em;
}

.instagram-media, .twitter-tweet {
  display: inline-block !important;
}

p, dl, dd, pre, blockquote, table, fieldset {
  margin-bottom: 1.5em;
}

strong, b {
  font-weight: bold;
}

em, cite, i {
  font-style: italic;
}

caption {
  text-align: left;
}

th, td {
  vertical-align: middle;
}

small, .small {
  font-size: 0.9em;
}

hr {
  height: 0;
  border: 0;
  border-top: 2px solid #eeeeef;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 20px 0;
}

.clr {
  clear: both;
}

.clrfix:after {
  clear: both;
  content: "";
  display: table;
}

body {
  background-color: #f8f9fa !important;
}

[disabled] {
  color: #eee;
}

::-webkit-scrollbar-button {
  background-repeat: no-repeat;
  width: 5px;
  height: 0px;
}

::-webkit-scrollbar-track {
  background-color: #ecedee;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #343a40;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #00b3ff;
}

::-webkit-resizer {
  width: 4px;
  height: 0px;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-button {
  width: 6px;
  height: 0px;
}

::-webkit-scrollbar-track {
  background-color: #ffffff;
  box-shadow: 0px 0px 3px #f8f9fa inset;
  border-left: 1px solid #eee;
}

* {
  font-family: "Montserrat", sans-serif !important;
}

@-webkit-keyframes bouncing {
  0%, to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes lr-effect {
  0% {
    right: 0;
  }
  25% {
    right: 40px;
  }
  50% {
    right: 0;
  }
  75% {
    right: -40px;
  }
  100% {
    right: 0;
  }
}
.lr-effect {
  -webkit-animation-name: lr-effect;
  animation-name: lr-effect;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transition: opacity 0.15s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@keyframes hover-color {
  from {
    border-color: #c0c0c0;
  }
  to {
    border-color: #3e97eb;
  }
}
.flag {
  background-repeat: no-repeat;
  background-size: 20%;
  background-position-x: 10px;
  background-position-y: 10px;
}

.flag.ru {
  background-image: url(/templates/Default/images/icons/ru.png);
}

.flag.en {
  background-image: url(/templates/Default/images/icons/en.png);
}

.flag.de {
  background-image: url(/templates/Default/images/icons/de.png);
}

.flag.pt {
  background-image: url(/templates/Default/images/icons/pt.png);
}

.flag.tr {
  background-image: url(/templates/Default/images/icons/tr.png);
}

.flag.es {
  background-image: url(/templates/Default/images/icons/es.png);
}

.flag.hi {
  background-image: url(/templates/Default/images/icons/hi.png);
}

header.header, main.main, header.header .header-menu {
  width: 100%;
  /* display: inline-block; */
  /* position: relative; */
}

header.header, footer {
  background: #263844;
  color: white;
  position: relative;
  display: inline-block;
  width: 100%;
}

header.header .header-block, footer .footer, header.header .header-menu, main .main-top-text, .main-bottom-seo-block, main .main-line-button, main .main-convert-block, .main-formats-seo-texts, .main-convert-block-links, div.main-bottom-variation-block, article.box.story, .box.berrors.fix_grid {
  width: 1100px;
  margin: 0 auto;
  height: 100%;
}

header.header .header-block .header-convert-list, footer .footer ul.footer-ul {
  padding: 0;
  margin: 0;
  position: relative;
  display: inline-block;
  height: 100%;
  line-height: 50px;
  width: 50%;
}

header.header .header-block .header-convert-list li, footer .footer ul.footer-ul li {
  list-style: none;
  height: 100%;
  display: inline-block;
  text-align: center;
  padding-right: 10px;
}

header.header .header-block .header-convert-list li a, footer .footer ul.footer-ul li a {
  color: white;
  text-decoration: none;
}

header.header .header-block .header-convert-list li:hover a, footer .footer ul.footer-ul li:hover a {
  color: #3691ca;
  cursor: pointer;
}

header.header .header-block .header-language-button {
  width: 15%;
  display: inline-block;
  float: right;
  height: 100%;
  position: relative;
}

header.header .header-block .header-language-button:hover {
  cursor: pointer;
  background: #3691ca;
}

header.header .header-block .header-language-button #active-language {
  height: 100%;
  text-align: center;
  line-height: 50px;
  padding-left: 10px;
}

header.header .header-block .header-language-button .header-language-ul {
  position: absolute;
  z-index: 9999;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
  background: #1a1f23;
  /* display: none; */
  box-sizing: border-box;
  transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  top: 150%;
}

header.header .header-block .header-language-button:hover .header-language-ul {
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease-in-out;
  top: 100%;
}

header.header .header-block .header-language-button .header-language-ul li {
  list-style: none;
  padding: 0px 50px;
  border-bottom: 1px solid #3691ca;
  border-left: 0px solid;
  transition: 0.3s ease-in-out;
  padding-right: 0;
}

header.header .header-block .header-language-button .header-language-ul li:hover {
  border-left: 5px solid #3691ca;
  cursor: pointer;
  /* transition: .3s ease-in-out; */
}

header.header .header-block .header-language-button .header-language-ul li a {
  text-decoration: none;
  color: white;
  height: 40px;
  display: block;
  line-height: 40px;
}

header.header.header2 {
  background: white;
  color: #1a1f23;
  height: 85px;
  box-shadow: 0 0 10px -3px;
  position: relative;
}

header.header.header2 > div {
  margin: 0 auto;
  display: table;
  position: initial;
  height: 75px;
}

header.header2 .header-menu .header-menu-list {
  height: 100%;
  width: 50%;
  float: right;
}

header.header2 .header-menu .header-menu-list .header-menu-list-ul {
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: right;
  width: 100%;
}

header.header2 .header-menu .header-menu-list .header-menu-list-ul li {
  list-style: none;
  display: inline;
  height: 100%;
  position: relative;
  display: inline-block;
  line-height: 85px;
  list-style: none;
  border-bottom: 1px solid rgba(238, 238, 238, 0.4);
  /* padding: 10px 0; */
  transition: 0.3s ease-in-out;
  vertical-align: top;
  position: relative;
}

header.header2 .header-menu .header-menu-list .header-menu-list-ul li a {
  padding: 28px 20px;
  color: black;
  font-weight: 700;
  text-decoration: none;
  transition: 0.4s ease-in-out;
  vertical-align: top;
  top: 0;
}

header.header2 .header-menu .header-menu-list .header-menu-list-ul li a:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  display: inline-block;
  top: 62px;
  background: #3691ca;
  text-align: center;
  left: 48%;
  border-radius: 50%;
  transition: 0.4s ease-in-out;
  transform: scale(5);
  opacity: 0;
  visibility: hidden;
}

header.header2 .header-menu .header-menu-list .header-menu-list-ul li:hover a:before {
  transition: 0.4s ease-in-out;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

header.header2 .header-menu .header-menu-list .header-menu-list-ul li:hover a {
  color: #4e8cda;
  transition: 0.4s ease-in-out;
}

header.header.header2 .header-menu .header-menu-block {
  display: inline-block;
  position: relative;
  width: 50%;
}

.header-menu-block {
  width: 370px;
  display: inline-block;
  cursor: pointer;
}

nav.header-menu-block-logo {
  height: 100%;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 52px;
  padding-left: 46px;
  position: relative;
}

nav.header-menu-block-logo:before {
  content: "";
  width: 30px;
  height: 30px;
  top: 10px;
  background-image: url(/templates/Default/images/icons/logo.png);
  background-size: 100%;
  left: 0;
  position: absolute;
}

/*  */
/*GAUGE*/
.gauge {
  position: absolute;
  background-color: #ddd;
  height: 7px;
  margin-left: -3px;
  transition: 0.4s ease-in-out;
  width: 100%;
  z-index: 99;
  display: inline-block;
  top: 0;
  width: calc(100% + 3px);
  left: 0;
}

.video-loader.loading .gauge, .video-loader.loaded .gauge {
  display: block;
}

.gauge-status, .gauge-line, .gauge-cancel {
  box-sizing: border-box;
  top: 0;
  bottom: 0;
}

.gauge-status, .gauge-cancel {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.gauge-line {
  position: absolute;
  left: 0;
  right: 0%;
  z-index: 16;
  transition: right 0.2s linear;
  background: #76de38;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}

.gauge-status {
  top: 0px;
  padding-left: 0.5em;
  position: absolute;
  z-index: 16;
  width: 100%;
  text-align: center;
}

.gauge-cancel {
  padding-right: 0.5em;
  right: 0;
  z-index: 18;
  cursor: pointer;
  position: absolute;
  left: 20px;
  vertical-align: middle;
  padding: 2px;
  width: 258px;
  height: 70px;
  text-align: center;
  background: #3691ca;
  transition: 0.4s ease-in-out;
  color: white;
  font-size: 14px;
  top: -120px;
  line-height: 65px;
  border-radius: 4px;
  text-transform: uppercase;
  -webkit-box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.03);
}

.gauge-status strong.gauge-percent, .gauge-status strong.gauge-text {
  top: -1px;
  position: relative;
  display: none;
  margin: 0 auto;
}

.gauge.mt-1.mb-1 {
  transition: 0.4s ease-in-out;
  -webkit-box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.03);
}

.main-convert-block-right.active .gauge.mt-1.mb-1 {
  height: 25px;
  transition: 0.4s ease-in-out;
  width: calc(100% + 3px);
  left: -3px;
  margin: 0;
}

.gauge.convert {
  transition: 0.2s ease-in-out;
  height: 0;
}

.gauge.convert.active {
  top: 0;
  transition: 0.2s ease-in-out;
  height: 75px;
}

.gauge-status.convert {
  font-size: 18px;
  top: 45px;
}

.gauge.mt-1.mb-1.active .gauge-cancel {
  transition: 0.4s ease-in-out;
}

.gauge-cancel:hover {
  cursor: pointer;
  transition: 0.2s ease-in-out;
  background: #40a5e4;
  -webkit-box-shadow: 0 1px 30px 10px rgba(0, 0, 0, 0.1), 0 7px 11px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 1px 30px 10px rgba(0, 0, 0, 0.1), 0 7px 11px 0 rgba(0, 0, 0, 0);
}

.gauge-status strong.gauge-text {
  font-weight: 100;
}

.gauge-status strong.gauge-percent {
  margin-left: 20px;
}

/* main */
main .main-top-text {
  text-align: center;
  width: 700px;
}

main .main-top-text h1 {
  font-size: 35px;
  padding: 0;
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid #1a1f23;
  padding-top: 20px;
  text-transform: uppercase;
  font-weight: 100;
}

main .main-top-text h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline-block;
  font-weight: 100;
  z-index: 9;
}

main .main-bottom-seo-block .main-seo-block {
  width: 31.5%;
  display: inline-block;
  padding: 15px;
  box-sizing: border-box;
  vertical-align: top;
  background: white;
  margin-bottom: 15px;
  margin-left: 30px;
  box-shadow: var(--main-box-shadow);
  transition: 0.4s ease-in-out;
  border-radius: 5px;
  overflow: hidden;
}

main .main-bottom-seo-block .main-seo-block:nth-child(3n+1) {
  margin-left: 0;
}

main .main-bottom-seo-block .main-seo-block .main-seo-block-header {
  margin: -30px;
  margin-bottom: 15px;
  padding: 10px;
  text-align: center;
  transition: 0.4s ease-in-out;
}

main .main-bottom-seo-block .main-seo-block .main-seo-block-img {
  width: 40px;
  height: 40px;
  background-size: 100%;
  margin: 15px auto;
  padding: 10px;
}

main .main-bottom-seo-block .main-seo-block:hover {
  box-shadow: 0 15px 65px 10px #dedede;
  transition: 0.4s ease-in-out;
  cursor: pointer;
  transform: translateY(-15px);
}

main .main-bottom-seo-block .main-seo-block:hover .main-seo-block-header {
  background: #3691ca57;
  transition: 0.4s ease-in-out;
}

main .main-bottom-seo-block .main-seo-block .main-seo-block-title {
  font-size: 15px;
  font-weight: 700;
}

main .main-line-button {
  height: 20px;
  margin-bottom: 35px;
  margin-top: 35px;
}

/*
main .main-line-button .main-line-button-down {
    width: 160px;
    height: 40px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    top: 50px;
    font-size: 0;
    vertical-align: top;
    -webkit-animation-name: bouncing;
    animation-name: bouncing;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transition: opacity .15s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: opacity .15s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

main .main-line-button .main-line-button-down:before {
    content: "";
    display: block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #3691ca;
    opacity: .5;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}
*/
main .main-line-button .main-line-button-down:after {
  right: -2px;
  transform: rotate(-20deg);
}

main .main-line-button .main-line-button-down:hover:after, main .main-line-button .main-line-button-down:hover:before {
  opacity: 1;
}

main .main-convert-block {
  box-sizing: border-box;
  vertical-align: top;
  background: white;
  box-shadow: var(--main-box-shadow);
  transition: 0.4s ease-in-out;
  width: 900px;
  /*overflow: hidden;*/
  position: relative;
}

main .main-bottom-seo-block .main-seo-block .main-seo-block-descr {
  text-align: justify;
  text-indent: 25px;
}

main .main-convert-block .main-convert-block-left {
  display: inline-block;
  width: 75px;
  text-align: center;
  padding: 10px 0;
  border-right: 3px solid #8670ec;
  position: absolute;
  height: 100%;
  box-sizing: border-box;
}

main .main-convert-block .main-convert-block-left .main-convert-block-number {
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  margin: 11px auto;
  background: #3691ca;
  font-size: 36px;
  color: white;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}

main .main-convert-block .main-convert-block-1, main .main-convert-block .main-convert-block-2 {
  border-bottom: 1px solid #dedede;
  background: white;
}

main .main-convert-block .main-convert-block-right {
  width: calc(100% - 75px);
  position: relative;
  display: inline-block;
  margin-left: -4px;
  vertical-align: top;
  margin-left: 75px;
  overflow: hidden;
}

.main-convert-block-links {
  box-sizing: border-box;
  vertical-align: top;
  background: white;
  box-shadow: var(--main-box-shadow);
  transition: 0.4s ease-in-out;
  width: 900px;
  position: relative;
  border-bottom: 1px solid #eee;
  height: 40px;
  transition: 0.3s ease-in-out;
  overflow: hidden;
}

.main-convert-block-links > a {
  position: relative;
  display: inline-block;
  right: 0;
  color: #000000;
  padding-left: 20px;
  border-left: 1px solid #eee;
  padding-right: 20px;
  line-height: 40px;
  text-decoration: none;
}

.main-convert-block-links h4 {
  display: contents;
  text-transform: uppercase;
  font-weight: 100;
  color: #469ace;
}

.main-convert-block-links > a:first-child {
  border: none;
  border-right: 1px solid #eee;
}

.main-convert-block-links > a:hover {
  color: #3691ca;
}

main .main-convert-block .main-convert-block-1 label[for=uploadbutton] {
  height: 70px;
  background: #3691ca;
  color: white;
  display: inline-block;
  padding: 23px 15px;
  box-sizing: border-box;
  vertical-align: top;
  border-radius: 3px;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}

.main-convert-block-links.noactive {
  transition: 0.3s ease-in-out;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.main-convert-block-links > a:last-child {
  right: 0;
  display: inline-block;
  position: absolute;
}

main .main-convert-block .main-convert-block-1 label[for=uploadbutton] img {
  width: 45px;
  height: 45px;
  margin-left: 20px;
  vertical-align: top;
  margin-top: -12px;
}

.main-convert-block-right.active .gauge-cancel {
  top: 40px;
  transition: 0.4s ease-in-out;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-block.active {
  top: 130px;
  transition: 0.3s ease-in-out;
  opacity: 0;
}

.main-convert-block-right.active .main-convert-first-block {
  margin-top: 20px;
}

.main-convert-block-right.active .main-convert-first-block {
  opacity: 0 !important;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-block {
  padding: 20px;
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  transition: 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  top: 0;
}

.main-convert-block-right.active .main-convert-first-block {
  bottom: -120px;
  transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-link input {
  position: relative;
  display: inline-block;
  padding: 2px 10px;
  height: 40px;
  width: 450px;
  transition: 0.4s ease-in-out;
  top: -1px;
  border-radius: 0;
  border: 1px solid #b1b1b185;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-start {
  width: 150px;
  display: inline-block;
  padding: 9px;
  text-align: center;
  background: #3691ca;
  color: white;
  border: 1px solid;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-start:hover {
  transition: 0.4s ease-in-out;
  background: #40a5e4;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-close {
  float: right;
  height: 35px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  top: 5px;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-close img {
  height: 100%;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-link input:focus, main .main-convert-block .main-convert-block-1 .main-convert-first-link input:active {
  transition: 0.4s ease-in-out;
  box-shadow: 0 1px 40px -18px;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-link {
  padding: 35px 20px;
  padding-left: 45px;
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  transition: 0.3s ease-in-out;
  height: 110px;
  position: absolute;
  top: -125px;
  opacity: 0;
  visibility: hidden;
}

main .main-convert-block .main-convert-block-1,
main .main-convert-block .main-convert-block-3 {
  /* height: 130px; */
  overflow: hidden;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-link.active {
  top: 0;
  transition: 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}

main .main-convert-block .main-convert-block-1 label[for=uploadbutton]:hover {
  cursor: pointer;
  transition: 0.2s ease-in-out;
  background: #40a5e4;
  -webkit-box-shadow: 0 1px 30px 10px rgba(0, 0, 0, 0.1), 0 7px 11px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 1px 30px 10px rgba(0, 0, 0, 0.1), 0 7px 11px 0 rgba(0, 0, 0, 0);
}

main .main-convert-block .main-convert-block-1, main .main-convert-block .main-convert-block-2, main .main-convert-block .main-convert-block-3 {
  position: relative;
  transition: 0.4s ease-in-out;
  left: 0;
}

main .main-convert-block .main-convert-block-1 input#uploadbutton {
  display: none;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-block a {
  width: 35px;
  height: 35px;
  position: relative;
  display: inline-block;
  top: 10px;
  margin-right: 6px;
  transition: 0.3s ease-in-out;
}

main .main-convert-block .main-convert-block-1 .main-convert-first-block a img {
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
}

#convert-result-list ul,
#convert-result-list-conv ul {
  padding: 0;
  margin-bottom: 0;
  padding-top: 0;
  margin-top: 0;
}

#convert-result-list ul li,
#convert-result-list-conv ul li {
  list-style: none;
  border-bottom: 1px solid rgba(238, 238, 238, 0.4);
  /* padding: 10px 0; */
  transition: 0.3s ease-in-out;
  vertical-align: top;
  position: relative;
}

#convert-result-list ul li:last-child,
#convert-result-list-conv ul li:last-child {
  border-bottom: none;
}

#convert-result-list ul li a.li-a-delete, #convert-result-list ul li a.li-a-player,
#convert-result-list-conv ul li a.li-a-delete, #convert-result-list-conv ul li a.li-a-player {
  width: 30px;
  height: 30px;
  top: 0;
  margin-right: 0;
  position: absolute;
  display: inline-block;
  right: 7px;
  top: 6px;
}

#convert-result-list ul li a img, #convert-result-list-conv ul li a img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

#convert-result-list ul li:hover, #convert-result-list-conv ul li:hover {
  cursor: pointer;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.03);
}

#convert-result-list ul li.active, #convert-result-list-conv ul li.active {
  background: #ededed;
  transition: 0.3s ease-in-out;
}

#convert-result-list, #convert-result-list-conv {
  border-top: 1px solid #eee;
  margin-left: -3px;
}

#convert-result-list ul li .li-span-name,
#convert-result-list-conv ul li .li-span-name {
  width: 280px;
  padding-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  padding: 10px;
  padding-right: 15px;
  padding-left: 10px;
}

#convert-result-list ul li .li-span,
#convert-result-list-conv ul li .li-span {
  font-size: 11px;
  text-transform: uppercase;
  padding: 1px 6px;
  border: 2px solid;
  color: #3691ca;
  border-radius: 2px;
  transition: 0.3s ease-in-out;
  position: absolute;
  right: 195px;
  top: 10px;
  text-align: center;
  font-weight: 600;
}

#convert-result-list ul li .li-span.li-span-converted,
#convert-result-list-conv ul li .li-span.li-span-converted {
  color: #3691ca;
  right: 215px;
}

#convert-result-list ul li .li-span.li-span-converted.li-span-error,
#convert-result-list-conv ul li .li-span.li-span-converted.li-span-error {
  color: crimson;
}

#convert-result-list ul li .li-span-size,
#convert-result-list ul li .li-span-proc,
#convert-result-list-conv ul li .li-span-size,
#convert-result-list-conv ul li .li-span-proc {
  font-size: 12px;
  color: #989898;
  padding: 0 15px;
  position: relative;
  right: 31px;
  top: 11px;
  float: right;
}

#convert-result-list ul li a.li-span-download, #convert-result-list-conv ul li a.li-span-download, div.convert-result-zip a.li-span-download {
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
  color: #ffffff;
  padding: 3px 10px;
  top: 6px;
  position: absolute;
  border-radius: 3px;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  border-width: 2px;
  border-style: solid;
  border-color: #3893cd;
  z-index: 1;
}

#convert-result-list ul li .li-span.li-span-converting,
#convert-result-list-conv ul li .li-span.li-span-converting {
  color: #76de38;
}

main .main-convert-block .main-convert-block-3 button.convert_start_button {
  border: none;
  height: 75px;
  font-size: 20px;
  font-weight: 700;
  background: #3691ca;
  color: white;
  transition: 0.2s ease-in-out;
  top: 0;
  position: relative;
  margin: 20px;
  box-sizing: border-box;
  display: inline-block;
  width: 95%;
  position: relative;
  border-radius: 3px;
  transition: 0.2s ease-in-out;
  -webkit-box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.03);
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}

main .main-convert-block .main-convert-block-3 button.convert_start_button:hover {
  cursor: pointer;
  transition: 0.2s ease-in-out;
  background: #40a5e4;
  -webkit-box-shadow: 0 1px 30px 10px rgba(0, 0, 0, 0.1), 0 7px 11px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 1px 30px 10px rgba(0, 0, 0, 0.1), 0 7px 11px 0 rgba(0, 0, 0, 0);
}

main .main-convert-block .main-convert-block-3 button.convert_start_button.noactive {
  background: #b5b5b5;
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs {
  padding: 0 20px;
  margin: 10px;
  text-align: center;
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li, #main-convert-block-format-tabs a {
  list-style: none;
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 15px;
  border-bottom: 2px solid transparent;
  transition: 0.3s ease-in-out;
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li.active {
  border-color: #3691ca;
  /* font-weight: 700; */
  text-shadow: 0 0px 3px #8c8c8c;
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs > li:not([data-tabs=more]):hover, main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs > li ul li:hover, #main-convert-block-format-tabs > li ul a:hover {
  transition: 0.3s ease-in-out;
  cursor: pointer;
  border-color: #3691ca;
  text-shadow: 0 0px 3px #8c8c8c;
}

.main-convert-block-format-slider {
  padding: 15px;
}

span.first-text {
  text-align: left;
  position: relative;
  display: inline-block;
  margin-left: 35px;
}

span.last-text {
  text-align: right;
  position: relative;
  display: inline-block;
  margin-right: 35px;
}

main .main-convert-block .main-convert-block-1.noactive,
main .main-convert-block .main-convert-block-2.noactive,
main .main-convert-block .main-convert-block-3.noactive {
  left: -900px;
  transition: 0.4s ease-in-out;
}

.main-convert-download {
  vertical-align: top;
  position: relative;
  top: 15px;
  width: 100%;
  height: 100%;
  transition: 0.4s ease-in-out;
}

.main-convert-download .main-convert-download-a-block {
  position: relative;
  text-align: center;
  width: 900px;
  margin: 0 auto;
  height: 100px;
  line-height: 7;
  border-radius: 0;
  box-shadow: 0 0 55px -30px;
  background: white;
  /* display: none; */
}

a.main-convert-download-a {
  background: #3691ca;
  color: white;
  padding: 20px 40px;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 4px;
  /* box-shadow: 0 0 10px 0px #a7a7a7; */
  transition: 0.4s ease-in-out;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  top: 0;
}

a.main-convert-download-a:hover {
  /* box-shadow: 0 0 20px 1px #a7a7a7; */
  transition: 0.4s ease-in-out;
  background: #40a5e4;
}

.main-convert-download.active {
  transition: 0.4s ease-in-out;
}

.main-convert-download .main-convert-download-a-block > a:first-child img {
  width: 100%;
  height: 100%;
  position: relative;
  display: inherit;
}

main .main-convert-block .main-convert-block-3 button#convert_start_button.active {
  transition: 0.2s ease-in-out;
  top: 75px;
}

.downtype {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  top: 35px;
  margin-left: 25px;
}

a.save_from_dropbox, a.save_from_google {
  width: 25px;
  height: 25px;
  position: relative;
  display: inline-block;
  background-size: 100%;
  top: 7px;
  transition: 0.3s ease-in-out;
}

.downtype > a img {
  height: 100%;
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  transition: 0.3s ease-in-out;
}

.downtype > span {
  position: relative;
  display: inline-block;
  height: 20px;
  line-height: 18px;
  top: -33px;
  margin-right: 20px;
}

.main-convert-block-format-slider .slider.slider-horizontal .slider-selection, .main-convert-block-format-slider .slider-handle.min-slider-handle.round {
  transition: 0.2s ease-in-out;
}

main .main-convert-block .main-convert-block-3 .main-convert-block-right {
  /* height: 75px; */
}

.main-formats-seo-texts {
  margin-bottom: 30px;
}

.main-formats-seo-texts .main-formats-seo-texts-left,
.main-formats-seo-texts .main-formats-seo-texts-right,
.main-formats-seo-texts .main-formats-seo-texts-one {
  width: 48%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  background: white;
  min-height: 260px;
  border-radius: 8px;
  transition: 0.4s ease-in-out;
  border: 1px solid #eee;
  border-radius: 0;
  display: inline-block;
}

.main-formats-seo-texts .main-formats-seo-texts-one {
  width: 100%;
  min-height: initial;
  padding-bottom: 35px;
  border-radius: 0;
  box-shadow: none;
}

.main-formats-seo-texts .main-formats-seo-texts-left {
  margin-right: 18px;
}

/*.main-formats-seo-texts .main-formats-seo-texts-left:hover, .main-formats-seo-texts .main-formats-seo-texts-right:hover {
    box-shadow: 0 15px 65px -10px #BEBFBF;
    transition: .4s ease-in-out;
    cursor: pointer;
    transform: translateY(-15px);
}
*/
.main-formats-seo-texts .main-formats-seo-texts-format {
  border: 1px solid rgba(54, 145, 202, 0.16);
  position: relative;
  display: inline-block;
  padding: 2px 15px;
  text-transform: uppercase;
  border-radius: 3px;
  bottom: 35px;
  margin-bottom: 0;
  background: white;
  color: #3691ca;
  font-size: 18px;
}

.main-formats-seo-texts .main-formats-seo-texts-title {
  font-weight: 700;
  font-size: 15px;
  margin-top: -15px;
  margin-bottom: 20px;
}

ul#main-convert-block-format-list {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  position: absolute;
  width: 150px;
  float: right;
  background: white;
  z-index: 9999;
  border-radius: 3px;
  box-shadow: 0 10px 25px -20px;
  border: 1px solid #eee;
  transition: 0.3s ease-in-out;
  top: 80px;
  opacity: 0;
  visibility: hidden;
  left: 0;
}

ul#main-convert-block-format-list li {
  width: 100%;
  box-sizing: border-box;
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li:hover ul#main-convert-block-format-list {
  opacity: 1;
  visibility: visible;
  top: 105%;
}

.downtype > a img:hover, main .main-convert-block .main-convert-block-1 .main-convert-first-block a img:hover {
  transform: scale(1.3);
}

div[id^=block-].noactive {
  transition: 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0 !important;
  position: absolute;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 999;
  min-height: 0;
  padding: 0;
  display: none;
}

div.main-bottom-variation-block table.table-converter {
  width: 48.6%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  /* padding: 20px; */
  box-sizing: border-box;
  background: white;
  min-height: 260px;
  transition: 0.4s ease-in-out;
  border: 1px solid #eee;
  border-radius: 0;
}

div.main-bottom-variation-block table.table-converter.table-from {
  margin-right: 30px;
}

div.main-bottom-variation-block table.table-converter tbody tr td:first-child {
  text-align: right;
  width: 180px;
}

div.main-bottom-variation-block table.table-converter thead tr {
  -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.01), 0 3px 0 0 rgba(0, 0, 0, 0.01), 0 2px 0 0 rgba(0, 0, 0, 0.01), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.01), 0 3px 0 0 rgba(0, 0, 0, 0.01), 0 2px 0 0 rgba(0, 0, 0, 0.01), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  padding: 5px 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  width: 100%;
  box-sizing: border-box;
}

div.main-bottom-variation-block table.table-converter thead {
  display: flex;
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
}

div.main-bottom-variation-block table.table-converter thead tr td {
  padding: 5px 10px;
  font-weight: 300;
  line-height: 23px !important;
  font-size: 13px;
  line-height: 18px;
  color: #959595;
  position: relative;
  display: flex;
  width: 35%;
}

div.main-bottom-variation-block table.table-converter tbody {
  display: table-row-group;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

div.main-bottom-variation-block table.table-converter tbody tr {
  border: none !important;
  background-color: transparent !important;
  position: relative;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  border-bottom: 1px solid #f1f1f1;
  /* padding: 10px; */
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}

div.main-bottom-variation-block table.table-converter tbody tr td {
  font-weight: 300;
  line-height: 23px !important;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  display: table-cell;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  position: static;
  padding: 20px 10px;
  border-bottom: 1px solid #f1f1f1 !important;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  padding: 5px 10px;
  font-weight: 400;
  width: 312px;
  text-align: -webkit-auto;
}

div.main-bottom-variation-block table.table-converter tbody tr td a {
  text-decoration: underline;
  font-weight: 800;
  color: black;
}

div.main-bottom-variation-block table.table-converter tbody tr td a:hover {
  color: #3691ca;
}

footer .footer span {
  position: absolute;
  right: 15px;
  top: 15px;
}

footer, footer .footer {
  position: relative;
}

.swal-button {
  border-radius: 2px;
}

.swal-modal {
  border-radius: 2px !important;
}

main .main-convert-block .main-convert-block-1 p {
  display: inline-block;
  padding: 0;
  margin: 23px;
  text-transform: uppercase;
  font-weight: bolder;
}

.convert-result-list-player.active {
  transition: 0.3s ease-in-out;
  height: 50px;
}

.convert-result-list-player {
  height: 0;
  width: 100%;
  z-index: 0;
  top: 0;
  transition: 0.3s ease-in-out;
}

.convert-result-list-player > div {
  vertical-align: top;
  height: 100%;
}

#convert-result-list ul li a.li-a-player,
#convert-result-list-conv ul li a.li-a-player {
  right: 334px;
  padding: 3px;
  vertical-align: top;
  position: absolute;
  display: inline-block;
  background: #3691ca;
  border-radius: 2px 0 0 2px;
  top: 9px;
}

#convert-result-list ul li a.li-span-download:hover, #convert-result-list-conv ul li a.li-span-download:hover {
  background: var(--conv-common-text-03);
}

#convert-result-list ul li a.li-a-player:hover,
#convert-result-list-conv ul li a.li-a-player:hover {
  background: #42a7e6;
}

.li-span-progress-bar {
  background: rgba(118, 222, 56, 0.3);
  position: absolute;
  width: 0%;
  height: 100%;
  transition: 0.3s ease-in-out;
  top: 0;
}

.li-span-ok {
  float: right;
  background-image: url(/templates/Default/images/ok.png);
  width: 21px;
  height: 21px;
  top: 9px;
  background-size: 21px;
  right: 25px;
  position: relative;
  background-repeat: no-repeat;
}

.drag-drop-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/templates/Default/images/icons/plus.png) 50% no-repeat, rgba(19, 65, 95, 0.43);
  z-index: 100;
  /* background: rgba(50,31,31,.69); */
  display: none;
}

body.ondrop .drag-drop-bg {
  display: block !important;
}

.drag-drop-bg-text {
  position: absolute;
  display: inline-block;
  color: white;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  top: calc(50% + 45px);
  font-size: 20px;
  text-transform: uppercase;
}

li[data-tabs=more]:after {
  top: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADXSURBVGhD7c9NCsIwGIThgCt3LvROeiZBD+AZXOl96nHc6aR0QCSVtvn7IvPCEAJZ5HFKKaWUUqpo6+G02qT/bbEOO/c3e+2wB3bqbyNtMI94DbOGIYL/O2LBVtgd40NLmG/EEztgo1nEzEYwS5jFCGYBE41gNTHJEKwGJoTYY9GVxGRDsBKY7AiWE1MMwXJgiiNYSkw1BEuBqY5gMRgzCLYEYw7B5mDMItgUjHkE+4VpBsFCmAvWFIKFMM0hmMfcsKYR7BPTLIJ5zBVrGqGUUkoppf4i5962ta4MW9O7rQAAAABJRU5ErkJggg==");
  content: "";
  background-size: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 5px;
  top: 7px;
  transition: 0.3s ease-in-out;
}

li[data-tabs=more] {
  position: relative;
}

li[data-tabs=more]:hover:after {
  transition: 0.3s ease-in-out;
  transform: rotate(-180deg);
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li[data-tabs=more] {
  padding: 5px 30px 5px 15px;
}

nav.li-nav-icon {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 10px;
  box-sizing: border-box;
  margin-left: 20px;
  margin-top: 6px;
  float: left;
}

nav.li-nav-icon.li-nav-icon-music {
  background-image: url("/templates/Default/images/icons/music.png");
}

nav.li-nav-icon.li-nav-icon-video {
  background-image: url("/templates/Default/images/icons/video.png");
}

a.save_from_dropbox {
  background-image: url("/templates/Default/images/icons/dropbox.png");
}

a.save_from_google {
  background-image: url("/templates/Default/images/icons/google.png");
}

a.save_from_dropbox:hover, a.save_from_google:hover {
  transform: scale(1.2);
}

div.convert-result-zip {
  left: -3px;
  position: relative;
  margin-right: -3px;
  display: none;
}

div.convert-result-zip-block {
  padding: 10px;
  text-align: center;
  vertical-align: top;
  border-top: 1px solid #eee;
  background: rgba(118, 222, 56, 0.08);
  padding-bottom: 20px;
}

div.convert-result-zip span.convert-result-zip-text {
  position: relative;
  display: inline-block;
  top: 0;
  padding: 10px 20px;
}

div.convert-result-zip a.save_from_google {
  margin: 0 10px;
}

div.convert-result-zip a.li-span-download {
  position: relative;
  float: initial;
  right: 0;
  width: 140px;
  margin-left: 28px;
  border: none;
  background: #ffffff;
  color: #3691ca;
  font-size: 13px;
  top: 0;
  text-transform: none;
  box-sizing: border-box;
  border-radius: 3px;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 1px 20px 0 rgb(0 0 0/10%), 0 2px 3px 0 rgb(0 0 0/3%);
  box-shadow: 0 1px 20px 0 rgb(0 0 0/10%), 0 2px 3px 0 rgb(0 0 0/3%);
  padding: 7px 15px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  text-shadow: 0 0 0;
  border-width: 2px;
  border-style: solid;
  border-color: #3893cd;
}

div.convert-result-zip a.li-span-download:hover {
  transition: 0.3s ease-in-out;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 20px 2px rgba(0, 0, 0, 0.2), 0 7px 11px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 1px 20px 2px rgba(0, 0, 0, 0.2), 0 7px 11px 0 rgba(0, 0, 0, 0);
  /* width: 150px; */
  text-shadow: 0 0 2px;
}

article.box.story, .box.berrors.fix_grid {
  background: white;
  padding: 25px;
  box-sizing: border-box;
  margin-top: 30px;
  position: relative;
  margin-bottom: 30px;
  box-shadow: var(--main-box-shadow);
}

div#dle-content h1 {
  padding: 10px 0;
  margin: 0;
  border-left: 4px solid #3691ca;
  padding-left: 15px;
  margin-bottom: 20px;
  margin-left: -25px;
}

.gumb {
  width: 30px;
  position: relative;
  display: none;
  vertical-align: top;
  right: 0;
  margin: 23px 0;
  box-sizing: border-box;
  float: right;
  cursor: pointer;
  margin-right: 10px;
}

.gumb .gumb-block {
  width: 30px;
  height: 25px;
}

.gumb .gumb-block .gumb-item {
  height: 3px;
  width: 100%;
  background: black;
  margin-bottom: 7px;
  vertical-align: bottom;
  position: relative;
}

.gumb .gumb-block.close .gumb-item.g-3 {
  display: none;
}

.gumb .gumb-block.close .gumb-item.g-2 {
  transform: rotate(45deg);
}

.gumb .gumb-block.close .gumb-item.g-1 {
  transform: rotate(-45deg);
  bottom: -10px;
}

main .main-convert-block .main-convert-block-2 .main-convert-block-right {
  overflow: initial;
}

.main-convert-block-format-slider {
  overflow: hidden;
}

.gauge-status strong.gauge-text {
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
}

.main-convert-block-1 #convert-result-list-ul .btn-settings {
  margin-top: 5px;
}

.main-convert-block-1 #convert-result-list-ul .btn-settings svg {
  fill: #898d91;
  margin-top: 5px;
}

@media screen and (max-width: 1160px) {
  header.header .header-block, footer .footer, header.header .header-menu, main .main-top-text, .main-bottom-seo-block, main .main-line-button, main .main-convert-block, .main-formats-seo-texts, .main-convert-block-links, div.main-bottom-variation-block, article.box.story, .box.berrors.fix_grid {
    width: 900px;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul li a {
    padding: 28px 15px;
    font-size: 13px;
  }

  header.header .header-block .header-convert-list li, footer .footer ul.footer-ul li {
    width: 160px;
  }

  div.main-bottom-variation-block table.table-converter thead tr td {
    width: 190px;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td {
    width: 215px;
  }

  div.main-bottom-variation-block table.table-converter.table-from {
    margin-right: 25px;
  }

  main .main-bottom-seo-block .main-seo-block {
    margin-left: 17px;
    width: 32%;
  }

  .main-formats-seo-texts .main-formats-seo-texts-left {
    margin-right: 12px;
    width: 49%;
  }

  .main-line-button {
    display: none;
  }

  /*
      main .main-convert-block {
          margin-bottom: 50px;
      }
      */
}
@media screen and (max-width: 950px) {
  header.header .header-block, footer .footer, header.header .header-menu, main .main-top-text, .main-bottom-seo-block, main .main-line-button, main .main-convert-block, .main-formats-seo-texts, .main-convert-block-links, div.main-bottom-variation-block, article.box.story, .box.berrors.fix_grid {
    width: 760px;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul li a {
    padding: 28px 8px;
    font-size: 12px;
    font-weight: 500;
  }

  header.header .header-block .header-convert-list li, footer .footer ul.footer-ul li {
    width: initial;
    text-align: left;
    padding: 0 12px;
  }

  header.header .header-block .header-convert-list, footer .footer ul.footer-ul {
    line-height: 40px;
  }

  header.header .header-block .header-language-button #active-language {
    /* line-height: 40px; */
  }

  header.header .header-block .header-language-button {
    width: 140px;
  }

  header.header .header-block .header-language-button .header-language-ul li {
    padding: 8px 45px;
  }

  li.flag.ru {
    background-position-y: 5px;
  }

  main .main-convert-block .main-convert-block-left {
    width: 55px;
    display: none;
  }

  main .main-convert-block .main-convert-block-left .main-convert-block-number {
    width: 30px;
    height: 30px;
    line-height: 31px;
    font-size: 15px;
  }

  main .main-convert-block .main-convert-block-right {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }

  main .main-convert-block .main-convert-block-1 label[for=uploadbutton] {
    height: 60px;
    line-height: 20px;
    padding: 20px;
  }

  main .main-convert-block .main-convert-block-1 label[for=uploadbutton] img {
    width: 38px;
    height: 38px;
    margin-left: 15px;
    margin-top: -9px;
  }

  main .main-convert-block .main-convert-block-1 p {
    font-size: 13px;
    margin: 21px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-block a {
    top: 6px;
    width: 28px;
    height: 28px;
    margin-right: 4px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link {
    padding: 30px 20px;
    height: 100px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link input {
    width: 380px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-close {
    height: 28px;
    top: 8px;
  }

  .main-line-button {
    display: none;
  }

  main .main-top-text {
    width: 600px;
  }

  main .main-top-text h1 {
    font-size: 30px;
  }

  main .main-top-text h2 {
    font-size: 16px;
  }

  /*
  main .main-convert-block {
      margin-bottom: 70px;
  }
  */
  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs {
    padding: 0;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li {
    padding: 5px 10px;
    font-size: 13px;
  }

  main .main-convert-block .main-convert-block-3 button.convert_start_button {
    height: 65px;
    font-size: 16px;
  }

  #convert-result-list ul li .li-span, #convert-result-list-conv ul li .li-span {
    display: none;
  }

  main .main-convert-block-3 #convert-result-list-conv ul li .li-span.li-span-converted {
    display: block;
    right: 7px;
    right: 70px;
    top: 5px;
  }

  div.convert-result-zip a.li-span-download {
    right: 0 !important;
  }

  div.main-bottom-variation-block table.table-converter.table-from {
    margin-right: 20px;
  }

  div.main-bottom-variation-block table.table-converter thead tr td {
    width: 180px;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td:first-child {
    width: 135px;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td {
    width: 190px;
  }

  div.main-bottom-variation-block table.table-converter thead tr td:last-child {
    width: 135px;
  }

  main .main-bottom-seo-block .main-seo-block {
    margin-left: 25px;
    width: 31%;
  }

  .main-formats-seo-texts .main-formats-seo-texts-left {
    margin-right: 10px;
  }

  footer .footer span {
    top: 10px;
  }

  .gauge-cancel {
    height: 60px;
    line-height: 20px;
    padding: 20px;
    width: 230px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs {
    margin: 10px;
  }
}
@media screen and (max-width: 780px) {
  div#dle-content h1 {
    font-size: 20px;
    margin-left: -20px;
    border-left: 3px solid #3691ca;
  }

  .gumb {
    display: inline-block;
  }

  header.header2 .header-menu .header-menu-list {
    position: absolute;
    background: white;
    width: 100%;
    top: calc(100% + 20px);
    height: initial;
    float: initial;
    box-shadow: 0 10px 25px -20px;
    transition: 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul {
    text-align: -webkit-auto;
    right: 0;
    width: 100%;
    height: initial;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul li {
    width: 100%;
    height: 40px;
    line-height: 30px;
    border-bottom: 1px solid #efefef;
    z-index: 999999;
    cursor: pointer;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul li a {
    padding: initial;
    width: 100%;
    position: relative;
    padding-left: 10px;
    font-size: 13px;
    line-height: 39px;
    left: 15px;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul li a:before {
    display: none;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul li:last-child {
    border-bottom: none;
  }

  article.box.story {
    padding: 20px;
  }

  header.header .header-block, footer .footer, header.header .header-menu, main .main-top-text, .main-bottom-seo-block, main .main-line-button, main .main-convert-block, .main-formats-seo-texts, .main-convert-block-links, div.main-bottom-variation-block, article.box.story, .box.berrors.fix_grid {
    width: 590px;
  }

  header.header.header2 {
    height: 70px;
  }

  header.header.header2 > div.header-menu {
    height: 60px;
    position: relative;
  }

  .header-menu-block {
    width: 180px;
  }

  nav.header-menu-block-logo {
    font-size: 10px;
    padding-left: 32px;
    line-height: 14px;
    top: 12px;
  }

  nav.header-menu-block-logo:before {
    width: 25px;
    height: 25px;
    top: 0;
  }

  header.header .header-block .header-convert-list li a, footer .footer ul.footer-ul li a {
    font-size: 12px;
  }

  header.header .header-block .header-convert-list li, footer .footer ul.footer-ul li {
    font-size: 12px;
  }

  main .main-top-text h1 {
    font-size: 24px;
  }

  main .main-top-text h2 {
    font-size: 14px;
  }

  .main-convert-block-links > a {
    font-size: 12px;
    line-height: 35px;
  }

  .main-convert-block-links {
    height: 35px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li {
    font-size: 12px;
    padding: 5px 7px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li[data-tabs=more] {
    padding: 5px 20px 5px 15px;
  }

  li[data-tabs=more]:after {
    width: 10px;
    height: 10px;
    right: 5px;
    top: 9px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-block {
    padding: 15px;
    top: 5px;
  }

  .main-convert-block-right.active .gauge-cancel {
    top: 35px;
  }

  main .main-convert-block .main-convert-block-right.active .main-convert-first-block {
    padding-top: 10px;
  }

  main .main-convert-block .main-convert-block-3 button.convert_start_button {
    width: 96.5%;
    margin: 10px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link input {
    width: 300px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-start {
    width: 100px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs {
    margin: 10px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li {
    font-size: 11px;
    padding: 5px 8px;
  }

  main .main-convert-block .main-convert-block-1 label[for=uploadbutton] {
    font-size: 14px;
  }

  .gauge-cancel {
    width: 200px;
    left: 25px;
  }

  .slider.slider-horizontal .slider-track {
    height: 8px;
  }

  .slider-handle {
    height: 16px !important;
    width: 16px !important;
  }

  .slider-tick {
    height: 16px;
    width: 16px;
  }

  .slider-tick-label {
    font-size: 12px;
  }

  main .main-convert-block .main-convert-block-3 button.convert_start_button {
    width: 96.5%;
    margin: 10px;
    height: 45px;
    font-size: 14px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link input {
    width: 300px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-start {
    width: 100px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs {
    margin: 10px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li {
    font-size: 11px;
    padding: 5px 8px;
  }

  main .main-convert-block .main-convert-block-1 label[for=uploadbutton] {
    font-size: 14px;
  }

  .gauge-cancel {
    width: 200px;
    left: 25px;
  }

  div.slider.slider-horizontal .slider-track {
    height: 8px;
  }

  .slider-handle {
    height: 16px;
    width: 16px;
  }

  .slider-tick {
    height: 16px !important;
    width: 16px !important;
  }

  .slider-tick-label {
    font-size: 12px;
  }

  .magic-radio + label, .magic-checkbox + label {
    font-size: 12px;
    padding-left: 25px;
  }

  .magic-checkbox + label:before {
    width: 16px;
    height: 16px;
  }

  .magic-checkbox:checked + label:after {
    top: 2px;
    left: 6px;
  }

  .magic-radio:checked + label:after {
    top: 4px;
    left: 4px;
  }

  .magic-radio + label:before, .magic-radio + label:before {
    height: 16px;
    width: 16px;
  }

  div.main-bottom-variation-block table.table-converter thead tr td {
    width: 90% !important;
    text-align: center;
    display: block;
    position: relative;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td:first-child {
    width: 115px;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td {
    width: 129px;
  }

  div.main-bottom-variation-block table.table-converter.table-from {
    margin-right: 16px;
  }

  .main-formats-seo-texts {
    margin-bottom: 20px;
  }

  main .main-bottom-seo-block .main-seo-block {
    width: 48%;
  }

  main .main-bottom-seo-block .main-seo-block:nth-child(3n+1) {
    margin-left: initial;
  }

  main .main-bottom-seo-block .main-seo-block:nth-child(2n+2) {
    margin-left: 20px;
  }

  main .main-bottom-seo-block .main-seo-block {
    margin-left: 0;
  }

  .main-formats-seo-texts .main-formats-seo-texts-left {
    width: 48%;
  }

  .main-formats-seo-texts .main-formats-seo-texts-format {
    font-size: 14px;
    bottom: 25px;
  }

  /*
      main .main-convert-block {
          margin-bottom: 50px;
      }
  */
  main .main-convert-block .main-convert-block-left {
    border-right: 2px solid #3691ca;
  }

  .main-formats-seo-texts .main-formats-seo-texts-title {
    font-size: 13px;
  }

  .main-formats-seo-texts .main-formats-seo-texts-left, .main-formats-seo-texts .main-formats-seo-texts-right, .main-formats-seo-texts .main-formats-seo-texts-one {
    padding: 10px;
  }

  .main-formats-seo-texts-text {
    font-size: 12px;
  }

  main .main-bottom-seo-block .main-seo-block .main-seo-block-title {
    font-size: 14px;
    position: relative;
    display: inline-block;
    height: 30px;
    left: 0;
    line-height: 19px;
    width: 70%;
    padding-top: 20px;
    text-align: left;
  }

  main .main-bottom-seo-block .main-seo-block .main-seo-block-descr {
    font-size: 13px;
  }

  main .main-bottom-seo-block .main-seo-block {
    padding: 18px;
    height: 200px;
  }

  main .main-bottom-seo-block .main-seo-block .main-seo-block-img {
    width: 25px;
    height: 25px;
    margin: 15px;
    display: inline-block;
    float: left;
    margin-right: -6px;
  }

  div.main-bottom-variation-block table.table-converter.table-from, div.main-bottom-variation-block table.table-converter {
    width: 48%;
    margin-right: 0;
  }

  div.main-bottom-variation-block table.table-converter thead tr td:first-child {
    display: none;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td:first-child {
    display: none;
  }

  div.main-bottom-variation-block table.table-converter tbody {
    width: 100%;
    display: inline-block;
  }

  div.main-bottom-variation-block table.table-converter tbody tr {
    width: 100%;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td {
    width: 91%;
    text-align: center;
  }

  div.main-bottom-variation-block table.table-converter.table-to {
    margin-left: 18px;
  }

  nav.li-nav-icon {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }

  #convert-result-list ul li .li-span-name, #convert-result-list-conv ul li .li-span-name {
    width: 150px;
    padding: 8px 6px;
    font-size: 11px;
  }

  .main-convert-block-1 #convert-result-list-ul .btn-settings {
    margin-top: 1px;
  }

  a.save_from_dropbox, a.save_from_google {
    width: 20px;
    height: 20px;
  }

  #convert-result-list ul li a.li-span-download, #convert-result-list-conv ul li a.li-span-download, div.convert-result-zip a.li-span-download {
    top: 4px;
    font-size: 11px;
  }

  #convert-result-list ul li .li-span-size, #convert-result-list ul li .li-span-proc, #convert-result-list-conv ul li .li-span-size, #convert-result-list-conv ul li .li-span-proc {
    right: 18px;
    top: 8px;
  }

  #convert-result-list ul li a.li-a-delete, #convert-result-list ul li a.li-a-player, #convert-result-list-conv ul li a.li-a-delete, #convert-result-list-conv ul li a.li-a-player {
    top: 2px;
    right: 2px;
  }

  a#zip-download {
    top: 4px;
  }

  div.convert-result-zip a.save_from_google {
    margin: 0 5px;
    margin-right: 10px;
  }

  div.convert-result-zip span.convert-result-zip-text {
    padding: 8px 16px;
  }

  ul#main-convert-block-format-list {
    left: -15px;
    width: 60px;
    display: inline-block;
    height: 120px;
    overflow-y: scroll;
  }

  header.header2 .header-menu .header-menu-list.active {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 5px);
    transition: 0.3s ease-in-out;
  }
}
@media screen and (max-width: 590px) {
  header.header .header-block, footer .footer, header.header .header-menu, main .main-top-text, .main-bottom-seo-block, main .main-line-button, main .main-convert-block, .main-formats-seo-texts, .main-convert-block-links, div.main-bottom-variation-block, article.box.story, .box.berrors.fix_grid {
    width: 470px;
  }

  .gauge-status strong.gauge-percent {
    margin-left: 0px;
  }

  /*  убираються цифры на обилках
      .main-convert-block-left {
          display: none!important;
      }

      main .main-convert-block .main-convert-block-right {
          width: 100%;
          margin-left: 0;
      }
  */
  main .main-bottom-seo-block .main-seo-block .main-seo-block-header {
    margin: -20px;
    margin-bottom: 10px;
  }

  main .main-bottom-seo-block .main-seo-block {
    height: 300px;
    vertical-align: top;
  }

  main .main-bottom-seo-block .main-seo-block:nth-child(2n+2) {
    margin-left: 18px;
  }

  footer .footer span {
    font-size: 12px;
  }

  header.header .header-block .header-convert-list, footer .footer ul.footer-ul {
    width: 60%;
  }

  header.header.header2 .header-menu .header-menu-block {
    width: 70%;
  }

  header.header .header-block .header-language-button #active-language {
    font-size: 12px;
    background-position-y: 16px !important;
  }

  header.header .header-block .header-language-button {
    width: 120px;
  }

  header.header .header-block .header-language-button .header-language-ul li {
    padding: 6px;
    padding-right: 0;
    padding-left: 35px;
    font-size: 12px;
  }

  .flag {
    background-position-y: 6px !important;
    background-size: 15%;
  }

  div.flag {
    background-position-y: 10px !important;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td a {
    font-size: 13px;
  }

  .gauge-cancel {
    left: 20px;
    width: 175px;
    height: 50px;
    line-height: 12px;
    font-size: 12px;
  }

  main .main-convert-block .main-convert-block-1 label[for=uploadbutton] {
    padding: 10px 15px;
    height: 50px;
    line-height: 30px;
    font-size: 13px;
  }

  main .main-convert-block .main-convert-block-1 label[for=uploadbutton] img {
    width: 30px;
    height: 30px;
    margin-top: 0;
  }

  main .main-convert-block .main-convert-block-1 p {
    font-size: 11px;
    margin: 17px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-block a {
    top: 0;
    width: 22px;
    height: 22px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link {
    padding: 28px;
    height: 80px;
    padding-bottom: 22px;
    padding-top: 32px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link input {
    width: 240px;
    height: 25px;
    vertical-align: top;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-start {
    font-size: 12px;
    padding: 4px 0;
    height: 27px;
    box-sizing: border-box;
    margin-top: -2px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-close {
    height: 18px;
    top: 2px;
  }

  .main-convert-block-right.active .gauge-cancel {
    top: 28px;
  }

  #convert-result-list ul li .li-span-size, #convert-result-list-conv ul li .li-span-size {
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  #convert-result-list-conv ul li a.li-span-download {
    right: 170px;
    font-size: 9px;
  }

  strong.gauge-text {
    top: 0;
    font-size: 12px;
    vertical-align: top;
  }

  #convert-result-list ul li .li-span-name, #convert-result-list-conv ul li .li-span-name {
    margin-right: 0px;
  }

  strong.gauge-text.uploading {
    top: -4px;
    font-size: 10px;
  }

  strong.gauge-percent.uploading {
    top: -2px;
    font-size: 14px;
    right: 5px;
    float: right;
  }

  a.save_from_dropbox, a.save_from_google {
    width: 16px;
    height: 16px;
    top: 7px;
  }
}
@media screen and (max-width: 470px) {
  header.header .header-block, footer .footer, header.header .header-menu, main .main-top-text, .main-bottom-seo-block, main .main-line-button, main .main-convert-block, .main-formats-seo-texts, .main-convert-block-links, div.main-bottom-variation-block, article.box.story, .box.berrors.fix_grid {
    width: 100%;
    min-width: 300px;
  }

  main .main-convert-block {
    width: calc(100% - 20px);
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs {
    margin: 2px;
    margin-top: 6px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li {
    padding: 4px 6px;
  }

  main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li[data-tabs=more] {
    padding: 2px 20px 2px 5px;
  }

  li[data-tabs=more]:after {
    top: 5px;
  }

  .main-convert-block-format-slider {
    padding: 8px 20px;
  }

  .slider.slider-horizontal .slider-tick-label-container .slider-tick-label > span {
    font-size: 10px;
  }

  main .main-convert-block .main-convert-block-3 .main-convert-block-right {
    box-sizing: border-box;
  }

  main .main-convert-block .main-convert-block-3 button.convert_start_button {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 0;
    width: 95%;
    margin: 10px;
  }

  main .main-convert-block .main-convert-block-3 {
    box-sizing: border-box;
    width: 100%;
    position: relative;
  }

  header.header.header2 .header-menu .header-menu-block {
    margin-left: 10px;
  }

  main .main-top-text h1 {
    font-size: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #cacaca;
  }

  .header-menu-block {
    margin-left: 6px;
  }

  main .main-top-text {
    width: 95%;
  }

  .main-formats-seo-texts .main-formats-seo-texts-left, .main-formats-seo-texts .main-formats-seo-texts-right {
    width: 100%;
    margin-bottom: 30px;
  }

  .main-convert-block-links > a {
    padding: 0 6px;
    line-height: 30px;
  }

  .main-convert-block-links {
    height: 30px;
  }

  nav.header-menu-block-logo {
    font-size: 14px;
  }

  div.main-bottom-variation-block table.table-converter.table-to {
    margin-left: 0;
    float: right;
  }

  main .main-bottom-seo-block .main-seo-block {
    width: calc(100% - 40px);
    padding: 10px;
    height: 220px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    height: 170px !important;
  }

  main .main-bottom-seo-block .main-seo-block:nth-child(2n+2) {
    margin-left: 20px;
  }

  main .main-bottom-seo-block .main-seo-block:nth-child(3n+1) {
    margin-left: 20px;
    height: 200px;
  }

  main .main-top-text h2 {
    font-size: 12px;
  }

  header.header .header-block .header-convert-list li, footer .footer ul.footer-ul li {
    padding: 0 6px;
    font-size: 9px;
  }

  footer .footer span {
    font-size: 9px;
    top: 15px;
    display: none;
  }

  header.header .header-block .header-convert-list li a, footer .footer ul.footer-ul li a {
    font-size: 10px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-block {
    padding: 10px;
    text-align: center;
  }

  main .main-convert-block .main-convert-block-1 p {
    width: 100%;
    text-align: center;
    margin: 0px 0;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-block a {
    margin: 10px 15px;
    margin-top: 0;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link {
    padding: 20px;
    height: 100%;
    padding-top: 30px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block {
    height: 100%;
    box-sizing: border-box;
    padding-top: 20px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link input {
    width: 100%;
    height: 30px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-close {
    top: -110px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-first-link .main-convert-first-link-block-start {
    height: 40px;
    width: 100%;
    line-height: 30px;
    font-size: 12px;
    margin-top: 8px;
  }

  .gauge-cancel {
    margin: 0 auto;
    right: 18px;
  }

  .main-convert-block-right.active .gauge-cancel {
    top: 30px;
  }

  main .main-convert-block .main-convert-block-right.active .main-convert-first-block {
    height: 80px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-block-right.active {
    transition: 0.3s ease-in-out;
    height: 100px;
  }

  main .main-convert-block .main-convert-block-1 .main-convert-block-right {
    transition: 0.3s ease-in-out;
  }

  .gauge-status strong.gauge-text {
    top: 1px;
  }

  #convert-result-list ul li .li-span-name, #convert-result-list-conv ul li .li-span-name {
    margin-right: 0;
    width: 30%;
  }

  div.convert-result-zip span.convert-result-zip-text {
    font-size: 12px;
    padding: 8px 16px 8px 0;
  }

  div.main-bottom-variation-block table.table-converter tbody tr td a {
    font-size: 11px;
  }

  div.main-bottom-variation-block table.table-converter thead tr {
    padding: 0 10px;
  }

  header.header .header-block .header-convert-list, footer .footer ul.footer-ul {
    width: 100%;
  }

  .header-block ul.header-convert-list {
    width: 60% !important;
  }

  /* Скрытие битрейта на мобилках
      #convert-result-list ul li .li-span-size, #convert-result-list-conv ul li .li-span-size {
          display: none!important;
      }
  */
  header.header2 .header-menu .header-menu-list.active {
    width: calc(100% - 16px);
    margin-left: 8px;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul li {
    height: 35px;
  }

  header.header2 .header-menu .header-menu-list .header-menu-list-ul li a {
    line-height: 30px;
  }
}
@media screen and (max-width: 400px) {
  nav.header-menu-block-logo {
    font-size: 10px;
    padding-left: 32px;
    line-height: 14px;
    top: 12px;
  }

  nav.header-menu-block-logo:before {
    width: 25px;
    height: 25px;
    top: 0;
  }

  header.header .header-block .header-language-button {
    width: 100px;
  }

  header.header .header-block .header-language-button .header-language-ul li {
    padding-left: 27px;
    background-position-y: 8px !important;
    background-position-x: 8px;
  }

  .header-menu-block {
    width: 180px;
  }
}
#tooltip {
  text-align: center;
  color: #FFF;
  background: #3691ca;
  position: absolute;
  z-index: 100;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}

#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #aa8cef;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}

#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #3691ca;
  top: -20px;
  bottom: auto;
}

#tooltip.left:after {
  left: 10px;
  margin: 0;
}

#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}

.main-convert-block, .main-seo-block {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}

ul#main-convert-block-format-list {
  width: 180px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}

ul#main-convert-block-format-list li {
  padding: 5px 5px;
  width: 56px;
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li.active, #main-convert-block-format-tabs a.active {
  background-color: #3691ca;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 1px;
  color: white;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs > li:not([data-tabs=more]):hover, main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs > li ul li:hover {
  transition: 0.3s ease-in-out;
  cursor: pointer;
  border-color: #3691ca;
  text-shadow: 0 0px 0px #8c8c8c;
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li, #main-convert-block-format-tabs a {
  color: black;
}

main .main-convert-block .main-convert-block-2 ul#main-convert-block-format-tabs li.active, #main-convert-block-format-tabs a.active {
  text-shadow: 0 0px 0px #8c8c8c;
}

.hide_block {
  display: none !important;
}

main .text {
  text-align: justify;
  font-size: 16px;
}

main .text img {
  text-align: center;
}

main .text .highslide {
  width: 100%;
  display: block;
  text-align: center;
}

#disqus_thread iframe {
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  margin: -10px;
}

.q-socialblock * {
  box-sizing: content-box;
}

.q-socblock0 .q-button {
  transition: background-color 0.3s;
}

.q-socblock1 .q-button {
  border: 1px solid;
  background-color: #1c2160;
  transition: 0.3s;
}

.q-socblock1 .q-button:hover {
  background-color: #0b0e1b;
}

.q-socblock2 .q-button {
  border: 1px solid #694b4b;
  background-color: #601c1c;
}

.q-socblock2 .q-button:hover {
  background-color: #391111;
}

.q-socblock3 .q-button {
  border: 1px solid #b09191;
  background-color: #cc2525;
}

.q-socblock3 .q-button:hover {
  background-color: #900101;
}

.q-socblock4 .q-button {
  border: 1px solid #b18e8e;
  background-color: #c5a90f;
}

.q-socblock4 .q-button:hover {
  background-color: #9E8500;
}

.q-socblock5 .q-button {
  border: 1px solid #1f450c;
  background-color: #20601c;
}

.q-socblock5 .q-button:hover {
  background-color: #113917;
}

.q-socblock6 .q-button {
  border: 1px solid #434662;
  background-color: #1c3e60;
}

.q-socblock6 .q-button:hover {
  background-color: #000836;
}

.q-socblock7 .q-button {
  border: 1px solid #b0a8a8;
  background-color: #353536;
}

.q-socblock7 .q-button:hover {
  background-color: #5C5C5C;
}

.q-socblock8 .q-button {
  border: 1px solid #686868;
  background-color: #000;
}

.q-socblock8 .q-button:hover {
  background-color: #424242;
}

.q-socblock9 .q-button {
  border: 1px solid #7282c6;
  background-color: #484c9c;
}

.q-socblock9 .q-button:hover {
  background-color: #311C69;
}

/*Цветной блок*/
.q-socblock10 .q-button.q-fb {
  background-color: #5667a2;
}

.q-socblock10 .q-button.q-fb:hover {
  background-color: #021969;
}

.q-socblock10 .q-button.q-vk {
  background-color: #29277a;
}

.q-socblock10 .q-button.q-vk:hover {
  background-color: #020044;
}

.q-socblock10 .q-button.q-ok {
  background-color: #e69a00;
}

.q-socblock10 .q-button.q-ok:hover {
  background-color: #aa7201;
}

.q-socblock10 .q-button.q-tw {
  background-color: #007ce6;
}

.q-socblock10 .q-button.q-tw:hover {
  background-color: #034e8f;
}

.q-socblock10 .q-button.q-ma {
  background-color: #00a3e3;
}

.q-socblock10 .q-button.q-ma:hover {
  background-color: #055090;
}

.q-socblock10 .q-button.q-g {
  background-color: #e30000;
}

.q-socblock10 .q-button.q-g:hover {
  background-color: #920000;
}

/*Прозрачный блок*/
/*Место под код*/
/*Блок с обводкой*/
.q-socblock12 .q-button {
  border: 2px solid #9a9898;
}

.q-socblock12 .q-button:hover {
  background-color: #818181;
}

.q-button {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  transition: background-color 0.3s;
}

.q-button:hover {
  cursor: pointer;
}

.q-socialblock {
  display: inline-block;
}

.q-socialblock .q-button {
  display: inline-block;
}

.q-large .q-fb {
  background-image: url(/templates/Default/css/02.png);
  background-position: -72px 7px;
}

.q-large .q-vk {
  background-image: url(/templates/Default/css/02.png);
  background-position: 13px 9px;
}

.q-large .q-ok {
  background-image: url(/templates/Default/css/02.png);
  background-position: -29px 7px;
}

.q-large .q-tw {
  background-image: url(/templates/Default/css/02.png);
  background-position: -114px 10px;
}

.q-large .q-ma {
  background-image: url(/templates/Default/css/02.png);
  background-position: -156px 7px;
}

.q-large .q-g {
  background-image: url(/templates/Default/css/02.png);
  background-position: -194px 8px;
}

.q-normal .q-button {
  width: 30px;
  height: 30px;
}

.q-normal .q-fb {
  background-image: url(/templates/Default/images/03.png);
  background-position: -58px 4px;
}

.q-normal .q-vk {
  background-image: url(/templates/Default/images/03.png);
  background-position: 10px 4px;
}

.q-normal .q-ok {
  background-image: url(/templates/Default/images/03.png);
  background-position: -24px 4px;
}

.q-normal .q-tw {
  background-image: url(/templates/Default/images/03.png);
  background-position: -91px 3px;
}

.q-normal .q-ma {
  background-image: url(/templates/Default/images/03.png);
  background-position: -125px 4px;
}

.q-normal .q-g {
  background-image: url(/templates/Default/images/03.png);
  background-position: -155px 4px;
}

.q-small .q-button {
  width: 20px;
  height: 20px;
}

.q-small .q-fb {
  background-image: url(/templates/Default/css/04.png);
  background-position: -40px 3px;
}

.q-small .q-vk {
  background-image: url(/templates/Default/css/04.png);
  background-position: 7px 3px;
}

.q-small .q-ok {
  background-image: url(/templates/Default/css/04.png);
  background-position: -18px 3px;
}

.q-small .q-tw {
  background-image: url(/templates/Default/css/04.png);
  background-position: -63px 3px;
}

.q-small .q-ma {
  background-image: url(/templates/Default/css/04.png);
  background-position: -86px 4px;
}

.q-small .q-g {
  background-image: url(/templates/Default/css/04.png);
  background-position: -107px 4px;
}

/*Блик*/
.q-blick .q-button {
  box-shadow: -6px -3px 5px -2px rgba(0, 0, 0, 0.54) inset;
}

.q-blick2 .q-button {
  box-shadow: -6px -3px 5px -2px rgba(255, 255, 255, 0.24) inset;
}

.q-blick3 .q-button {
  box-shadow: 0px -3px 3px 0px rgba(41, 33, 33, 0.6) inset;
}

.q-blick4 .q-button {
  box-shadow: 0px -3px 3px 0px rgba(255, 255, 255, 0.6) inset;
}

.q-blick5 .q-button {
  box-shadow: inset -6px -6px 7px 0px rgba(0, 0, 0, 0.3);
}

.q-blick6 .q-button {
  box-shadow: inset -6px -6px 7px 0px rgba(255, 255, 255, 0.3);
}

.q-blick7 .q-button {
  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
}

.q-blick8 .q-button {
  box-shadow: inset 0px -2px 0px 0px rgba(255, 255, 255, 0.3);
}

.q-blick9 .q-button {
  box-shadow: inset -2px -2px 0px 0px rgba(0, 0, 0, 0.3);
}

.q-blick10 .q-button {
  box-shadow: inset -2px -2px 0px 0px rgba(255, 255, 255, 0.3);
}

/*Скругление*/
.q-rond .q-button {
  border-radius: 50%;
}

.q-rond2 .q-button {
  border-radius: 10%;
}

/*Отступ*/
.q-padding1 .q-button {
  margin-right: 2px;
  margin-bottom: 2px;
}

/*Ориентация*/
.q-vertical {
  width: 40px;
}

.q-vertical .q-button {
  display: block;
}

/*РЎРґРІРёРі*/
.q-moveup .q-button {
  transition: all 0.3s;
  margin-top: 2px;
  margin-bottom: 0px;
}

.q-moveup .q-button:hover {
  margin-top: 0px;
  margin-bottom: 2px;
}

.q-movedown .q-button {
  transition: all 0.3s;
  margin-top: 0px;
  margin-bottom: 2px;
}

.q-movedown .q-button:hover {
  margin-top: 2px;
  margin-bottom: 0px;
}

.q-moveleft .q-button {
  transition: all 0.3s;
  margin-left: 2px;
  margin-right: 0px;
}

.q-moveleft .q-button:hover {
  margin-right: 2px;
  margin-left: 0px;
}

.q-moveright .q-button {
  transition: all 0.3s;
  margin-left: 0px;
  margin-right: 2px;
}

.q-moveright .q-button:hover {
  margin-right: 0px;
  margin-left: 2px;
}

.main-convert-block-format-slider .popular_quality {
  list-style: none;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

ul.popular_quality {
  margin: 0;
  padding: 0;
}

.main-convert-block-format-slider .popular_quality li {
  display: inline-block;
  margin-left: 7px;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
  color: black;
  cursor: pointer;
  background-color: #ededed;
  margin: 0 5px 10px;
}

.main-convert-block-format-slider .popular_quality li.active {
  background-color: #3691ca;
  color: white;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}

@media screen and (min-width: 1280px) {
  .vk_comments_block {
    height: 80%;
    width: 320px;
    background: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    box-shadow: var(--main-box-shadow);
    z-index: 111;
    overflow: visible;
  }

  .vk_comments_block .vk_scrol {
    height: 80%;
    width: 320px;
    background: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    overflow-y: scroll;
    box-shadow: var(--main-box-shadow);
    z-index: 111;
  }

  #vk_close {
    display: none;
  }

  .vk_comments_block #vk_close {
    display: block;
  }

  .vk_comments_block .cl-btn-2 {
    display: block;
    justify-content: center;
    position: relative;
    top: -40px;
  }

  .vk_comments_block .cl-btn-2 div {
    cursor: pointer;
    position: relative;
    height: 68px;
    width: 30px;
  }

  .vk_comments_block .cl-btn-2 .leftright {
    height: 4px;
    width: 30px;
    position: absolute;
    margin-top: 24px;
    background-color: #337AB7;
    border-radius: 2px;
    transform: rotate(45deg);
    transition: all 0.3s ease-in;
  }

  .vk_comments_block .cl-btn-2 .rightleft {
    height: 4px;
    width: 30px;
    position: absolute;
    margin-top: 24px;
    background-color: #337AB7;
    border-radius: 2px;
    transform: rotate(-45deg);
    transition: all 0.3s ease-in;
  }

  .vk_comments_block .cl-btn-2 .close-btn {
    margin: 18px 19px -14px 31px;
    position: absolute;
    color: #337AB7;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
    opacity: 0;
  }

  .vk_comments_block .cl-btn-2 div:hover .leftright {
    transform: rotate(-45deg);
  }

  .vk_comments_block .cl-btn-2 div:hover .rightleft {
    transform: rotate(45deg);
  }

  .vk_comments_block .cl-btn-2 div:hover .close-btn {
    opacity: 1;
  }
      #vk_comments iframe {
        background-color: #f3f3f3;
        border: 1px solid #e9e9e9;
    }
}
#rating-page {
  font-size: 18px;
}

.rating-mini {
  display: inline-block;
  font-size: 0;
}

.rating-mini span {
  padding: 0;
  font-size: 40px;
  line-height: 1;
  color: #d3d3d3;
  position: relative;
  top: 3px;
}

.rating-mini > span:before {
  content: "★";
}

.rating-mini > span.active {
  color: #f5a623;
}

.rating-area {
  overflow: hidden;
  display: inline-table;
}

.rating-area:not(:checked) > input {
  display: none;
}

.rating-area:not(:checked) > label {
  float: right;
  padding: 3px;
  cursor: pointer;
  font-size: 32px;
  line-height: 32px;
  color: #d3d3d3;
  text-shadow: 1px 1px #bbb;
}

.rating-area:not(:checked) > label:before {
  content: "★";
  font-size: 40px;
}

.rating-area > input:checked ~ label {
  color: #f5a623;
  text-shadow: 1px 1px #c60;
}

.rating-area:not(:checked) > label:hover, .rating-area:not(:checked) > label:hover ~ label {
  color: #f5a623;
}

.rating-area > input:checked + label:hover, .rating-area > input:checked + label:hover ~ label, .rating-area > input:checked ~ label:hover, .rating-area > input:checked ~ label:hover ~ label, .rating-area > label:hover ~ input:checked ~ label {
  color: #f5a623;
  text-shadow: 1px 1px #daa520;
}

.rate-area > label:active {
  position: relative;
}

.timeconvert {
  display: block;
  background: #ffffff;
  width: 100%;
  height: 100%;
  top: 0px;
  position: absolute;
  left: 0px;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  /* animation-name: msblink; */
  animation-timing-function: cubic-bezier(0.61, -0.81, 0, 2.51);
  animation-duration: 5s;
  animation-iteration-count: infinite;
  font-size: 12px;
  color: #3791ca;
  text-transform: initial;
}

@keyframes msblink {
  50% {
    opacity: 0;
  }
}
.backendserver {
  position: fixed;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  right: 0px;
  bottom: 0px;
  padding: 1rem;
  color: rgb(213 225 237);
  transition: color 250ms ease 0s;
}

#background-radial-gradient {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  transform: unset;
  background: radial-gradient(150% 100% at 50% 0%, rgb(205, 232, 251) 0%, rgb(252, 243, 249) 50%, rgb(255, 255, 255) 100%);
}

.flex-block {
  margin-top: 30px;
  display: flex;
}

.flex-block .text {
  padding-right: 10px;
  display: flex;
  text-align: justify;
}

.main-format-descriptions {
  float: right;
  max-width: 529px;
  padding-left: 10px;
}

.main-format-descriptions table th {
  background-color: #f9f9fb;
}

.main-format-descriptions th, .main-format-descriptions td {
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
  box-sizing: border-box;
  padding: 3px 1px;
}

.main-convert-block .faq h3 {
  margin: 10px 0 10px 0;
}

.main-convert-block .faq {
  padding: 20px;
  display: block;
  margin-bottom: 20px;
}

.main-convert-block .active-number {
  animation: pulse 1.5s linear 0.5s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgb(79 159 210/60%);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(164, 218, 175, 0);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(164, 218, 175, 0);
  }
}
.main-bottom-variation-block {
  width: auto !important;
  position: absolute;
  float: right;
  right: -350px;
  height: 100%;
  top: -2px;
}

.main-bottom-variation-block .variation-from-to {
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  background-color: white;
  border: 1px solid #eee;
}

div.main-bottom-variation-block table.table-converter {
  width: 160px;
  padding: 0px;
}

div.main-bottom-variation-block table.table-converter thead tr td {
  padding: 5px 5px;
  width: auto;
}

div.main-bottom-variation-block table.table-converter thead tr {
  width: auto;
}

div.main-bottom-variation-block table.table-converter tbody tr td {
  padding: 5px 5px;
}

div.main-bottom-variation-block table.table-converter tbody tr td:first-child {
  text-align: right;
  width: auto;
}

div.main-bottom-variation-block table.table-converter tbody tr td {
  width: auto;
}

div.main-bottom-variation-block table.table-converter.table-from {
  margin-right: 10px;
}

div.main-bottom-variation-block table.table-converter thead tr td {
  padding: 0px 5px;
  width: auto;
}

@media screen and (max-width: 1600px) {
  .main-bottom-variation-block {
    display: none;
  }
}
main .main-convert-block .main-convert-first-block span {
  text-align: center;
  font-size: 22px;
  padding-left: 5px;
  top: -4px;
  position: relative;
}

main .main-convert-block-1 #convert-result-list-ul {
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}

.upload-button {
  display: inline-flex;
  cursor: pointer;
  height: 70px;
  background: #3691ca;
  background-position-x: 0%;
  background-position-y: 0%;
  color: white;
  padding: 23px 15px;
  box-sizing: border-box;
  vertical-align: top;
  border-radius: 3px;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}
.upload-button--disabled {
  background: #b5b5b5;
}

.convert-settings {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  box-sizing: border-box;
  padding: 15px 20px 0;
  background: rgba(54, 145, 202, 0.13);
}
@media (max-width: 780px) {
  .convert-settings {
    padding: 15px 10px 0;
  }
}
.convert-settings__expand {
  width: 100%;
  background: white;
  border-radius: 10px;
  border: 1px solid #eee;
  margin-bottom: 15px;
}
.convert-settings__title {
  font-weight: 500;
  font-size: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}
@media (max-width: 950px) {
  .convert-settings__title {
    font-size: 16px;
    font-weight: 700;
  }
}
.convert-settings__title:before {
  content: "";
  width: 30px;
  height: 5px;
  background: url("/templates/Default/images/settings/arrow.svg") no-repeat 50% 50%;
  display: inline-block;
}
.convert-settings__preview {
  margin-bottom: 15px;
  text-align: center;
}
.convert-settings__fields, .convert-settings__fields-cols-2 {
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.convert-settings__fields-cols-2 {
  display: flex;
}
@media (max-width: 800px) {
  .convert-settings__fields-cols-2 {
    flex-direction: column;
  }
}
.convert-settings__fields-left {
  display: flex;
  padding: 0 20px 20px 20px;
}
.convert-settings__hide {
  display: none;
}
.convert-settings__fields-right {
  flex-grow: 1;
}
.convert-settings__example {
  width: 100%;
  max-height: 80vh;
}
.convert-settings__example-box {
  border: 2px solid cornflowerblue;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 auto;
  display: inline-flex;
  position: relative;
}
.convert-settings__input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 0;
}
.convert-settings__input_name, .convert-settings__radio {
  font-weight: 500;
  font-size: 14px;
  padding-right: 10px;
  width: 100%;
}
.convert-settings__radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.convert-settings__radio:before {
  content: "";
  width: 26px;
  height: 16px;
  background: url("/templates/Default/images/settings/checkbox.svg") no-repeat 0 50%;
  display: inline-block;
}
.convert-settings__radio_checked:before {
  background-image: url("/templates/Default/images/settings/checkbox-checked.svg");
}
.convert-settings__input_value {
  border: 1px solid #d4d9df;
  height: 40px;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
  width: 70px;
}
.convert-settings__expand_closed .convert-settings__fields, .convert-settings__expand_closed .convert-settings__fields-cols-2 {
  display: none;
}
.convert-settings__expand_closed .convert-settings__title {
  border-bottom: none;
}

.ffmpeg-slider {
  padding: 50px 20px 35px 20px;
  width: 100%;
  box-sizing: border-box;
}
.ffmpeg-slider__blocks {
  height: 20px;
  width: 100%;
  position: relative;
  display: inline-block;
}
.ffmpeg-slider__track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5",endColorstr="#fff9f9f9",GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.ffmpeg-slider__low, .ffmpeg-slider__high, .ffmpeg-slider__selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.ffmpeg-slider__tooltip {
  display: block;
  width: 60px;
  background: #6b6b6b;
  color: white;
  border-radius: 4px;
  position: absolute;
  margin-top: -45px;
}
.ffmpeg-slider__tooltip-arrow {
  width: 14px;
  height: 14px;
  background: #6b6b6b;
  position: absolute;
  top: 14px;
  transform: rotate(45deg);
  left: 23px;
  z-index: 1;
}
.ffmpeg-slider__tooltip-text {
  z-index: 2;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 2px 10px;
  box-sizing: border-box;
}
.ffmpeg-slider__low, .ffmpeg-slider__high {
  position: absolute;
  background: #337ab7;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
  background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
  background-repeat: repeat-x;
  top: -5px;
  z-index: 2;
}
.ffmpeg-slider__selection {
  background: #85b9e5;
  position: absolute;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  z-index: 1;
}

.ffmpeg-meta {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .ffmpeg-meta {
    flex-direction: column;
  }
}
@media (max-width: 470px) {
  .ffmpeg-meta {
    padding: 10px;
  }
}
.ffmpeg-meta__left, .ffmpeg-meta__right {
  padding: 0;
  margin: 0;
  width: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .ffmpeg-meta__left, .ffmpeg-meta__right {
    width: 100%;
  }
}
.ffmpeg-meta__right {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .ffmpeg-meta__right {
    padding-left: 0;
    padding-top: 20px;
  }
}
.ffmpeg-meta__line {
  list-style: none;
  margin-top: 10px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  width: 100%;
  display: inline-flex;
}
.ffmpeg-meta__label {
  font-size: 16px;
  /* text-transform: uppercase; */
  width: 150px;
  position: relative;
  display: inline-block;
}
@media (max-width: 950px) {
  .ffmpeg-meta__label {
    font-size: 14px;
  }
}
@media (max-width: 780px) {
  .ffmpeg-meta__label {
    font-size: 13px;
  }
}
.ffmpeg-meta__input, .ffmpeg-meta__textarea {
  padding: 0 10px;
  height: 100%;
  vertical-align: top;
  border-radius: 0;
  transition: 0.3s ease-in-out;
  box-sizing: border-box;
  flex-grow: 1;
  color: var(--conv-common-text-02);
  border: 1px solid var(--conv-border-04);
}
.ffmpeg-meta__input:focus, .ffmpeg-meta__input:active, .ffmpeg-meta__textarea:focus, .ffmpeg-meta__textarea:active {
  box-shadow: 0 0 10px 1px #eee;
  transition: 0.3s ease-in-out;
}
.ffmpeg-meta__input[disabled], .ffmpeg-meta__textarea[disabled] {
  color: #eee;
}
.ffmpeg-meta__right .ffmpeg-meta__textarea {
  width: 100%;
}
.ffmpeg-meta__right .ffmpeg-meta__line {
  height: 100%;
  flex-direction: column;
  margin-top: 0;
}
.ffmpeg-meta__textarea {
  display: inline-block;
  float: right;
  vertical-align: top;
  width: 40%;
  padding-right: 10px;
  box-sizing: border-box;
  padding-left: 0;
}

.ffmpeg-settings {
  padding: 10px;
  background: var(--main-bg-bg-07);
}
.ffmpeg-settings__left {
  width: 59%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ffmpeg-settings__right {
  width: 40%;
  display: inline-block;
  position: relative;
}
.ffmpeg-settings__right-list, .ffmpeg-settings__left-list {
  padding: 0;
  margin: 0;
}
.ffmpeg-settings__right-row, .ffmpeg-settings__left-row {
  list-style: none;
  margin-bottom: 10px;
}
.ffmpeg-settings__text {
  display: inline-block;
  position: relative;
  width: 30%;
  font-size: 16px;
}
.ffmpeg-settings__checkbox {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 60%;
}
.ffmpeg-settings__select {
  width: 50%;
  position: relative;
  display: inline-block;
}
.ffmpeg-settings__select-block {
  width: 100%;
  padding: 0 5px;
  height: 25px;
}
.ffmpeg-settings__radio {
  width: 48%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.ffmpeg-settings__radio-label {
  margin-bottom: 7px;
}
.ffmpeg-settings__magic-radio, .ffmpeg-settings__magic-checkbox {
  position: absolute;
  display: none;
}
.ffmpeg-settings__magic-radio[disabled], .ffmpeg-settings__magic-checkbox[disabled] {
  cursor: not-allowed;
}
.ffmpeg-settings__magic-radio + label, .ffmpeg-settings__magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle;
}
.ffmpeg-settings__magic-radio + label:hover:before, .ffmpeg-settings__magic-checkbox + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color;
}
.ffmpeg-settings__magic-radio + label:before, .ffmpeg-settings__magic-checkbox + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border: 1px solid #c0c0c0;
}
.ffmpeg-settings__magic-radio + label:after, .ffmpeg-settings__magic-checkbox + label:after {
  position: absolute;
  display: none;
  content: "";
}
.ffmpeg-settings__magic-radio[disabled] + label, .ffmpeg-settings__magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4;
}
.ffmpeg-settings__magic-radio[disabled] + label:hover, .ffmpeg-settings__magic-radio[disabled] + label:before, .ffmpeg-settings__magic-radio[disabled] + label:after, .ffmpeg-settings__magic-checkbox[disabled] + label:hover, .ffmpeg-settings__magic-checkbox[disabled] + label:before, .ffmpeg-settings__magic-checkbox[disabled] + label:after {
  cursor: not-allowed;
}
.ffmpeg-settings__magic-radio[disabled] + label:hover:before, .ffmpeg-settings__magic-checkbox[disabled] + label:hover:before {
  border: 1px solid #e4e4e4;
  animation-name: none;
}
.ffmpeg-settings__magic-radio[disabled] + label:before, .ffmpeg-settings__magic-checkbox[disabled] + label:before {
  border-color: #e4e4e4;
}
.ffmpeg-settings__magic-radio:checked + label:before, .ffmpeg-settings__magic-checkbox:checked + label:before {
  animation-name: none;
  background: white;
}
.ffmpeg-settings__magic-radio:checked + label:after, .ffmpeg-settings__magic-checkbox:checked + label:after {
  display: block;
  border-color: #3691ca;
}
.ffmpeg-settings__magic-radio + label:before {
  border-radius: 50%;
}
.ffmpeg-settings__magic-radio + label:after {
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3e97eb;
}
.ffmpeg-settings__magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9;
}
.ffmpeg-settings__magic-radio:checked[disabled] + label:after {
  background: #c9e2f9;
}
.ffmpeg-settings__magic-checkbox + label:after {
  top: 4px;
  left: 8px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  border-top: 0;
  border-left: 0;
}
.ffmpeg-settings__magic-checkbox:checked + label:before {
  /* border: #3e97eb; */
  background: #ffffff;
  box-shadow: 0 0 10px -2px #3691ca;
}
.ffmpeg-settings__magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9;
}
@media screen and (max-width: 950px) {
  .ffmpeg-settings__text {
    font-size: 14px;
    width: 25%;
  }
  .ffmpeg-settings__checkbox {
    width: 65%;
  }
  .ffmpeg-settings__magic-radio + label, .ffmpeg-settings__magic-checkbox + label {
    font-size: 14px;
  }
}
@media screen and (max-width: 780px) {
  .ffmpeg-settings__select {
    width: 100%;
  }
  .ffmpeg-settings__magic-radio + label, .ffmpeg-settings__magic-checkbox + label {
    font-size: 12px;
    background-position-y: 16px;
  }
}
@media screen and (max-width: 470px) {
  .ffmpeg-settings {
    padding: 10px;
  }
  .ffmpeg-settings__text {
    width: 35%;
  }
  .ffmpeg-settings__left {
    width: 100%;
  }
  .ffmpeg-settings__checkbox {
    width: 50%;
  }
  .ffmpeg-settings__right-list {
    width: 100%;
  }
  .ffmpeg-settings__right {
    width: 100%;
    margin-top: 10px;
  }
}

.format-settings {
  padding: 0 10px 10px 10px;
}
.format-settings__block {
  background: var(--main-bg-bg-07);
  border: 1px solid #cccccc;
}
.format-settings__use {
  display: none;
  align-items: center;
  margin: 0 auto;
  background: #ededed;
  height: 40px;
  max-width: 400px;
  padding: 0 20px;
  justify-content: space-between;
}
.format-settings__use--show {
  display: flex;
}
.format-settings__use-info {
  font-size: 12px;
  color: #989898;
}
.format-settings__button {
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid transparent;
  transition: 0.3s ease-in-out;
  margin-left: -6px;
  text-decoration: underline;
  cursor: pointer;
}

.format-subcategory {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: center;
  align-items: center;
}
.format-subcategory__item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  margin: 5px;
  color: black;
  cursor: pointer;
}
.format-subcategory__active {
  background-color: #3691ca;
  border-radius: 4px;
  padding: 4px 10px;
  color: white;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}
.format-subcategory__image {
  max-width: 24px;
  min-height: 24px;
  margin-right: 5px;
}
.format-subcategory__text {
  font-size: 18px;
  font-weight: 500;
  color: black;
}
@media (max-width: 950px) {
  .format-subcategory__text {
    font-size: 16px;
    font-weight: 700;
  }
}
@media (max-width: 780px) {
  .format-subcategory__text {
    font-size: 14px;
    font-weight: 700;
  }
}
.format-subcategory__active .format-subcategory__text {
  color: white;
}

.format-types {
  padding: 10px;
  border-bottom: 1px solid #cccccc;
}
.format-types .format-type {
  list-style: none;
  display: none;
  text-transform: uppercase;
  padding: 5px 15px;
  border-bottom: 2px solid transparent;
  transition: 0.3s ease-in-out;
  color: black;
  cursor: pointer;
  text-decoration: none;
}
.format-types .format-type:hover {
  text-decoration: underline;
}
.format-types .format-type__active {
  background-color: #3691ca;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 1px;
  color: white;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
  text-shadow: 0 0px 0px #8c8c8c;
}
.format-types .format-type__visible {
  display: inline-block;
}
@media only screen and (max-width: 780px) {
  .format-types .format-type {
    padding: 2px 10px;
  }
}

handle.wavesurfer-handle {
  background: #00c300;
  width: 2px !important;
}
handle.wavesurfer-handle::before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 6px solid #00c300;
  margin-left: -7px;
  position: absolute;
  bottom: 16px;
}
handle.wavesurfer-handle::after {
  width: 16px;
  height: 16px;
  background: #00c300;
  content: "";
  display: block;
  margin-left: -7px;
  position: absolute;
  bottom: 0;
}

region.wavesurfer-region {
  background: var(--conv-gradient-for-wavesurfer-region) !important;
}

.right-slider-time,
.left-slider-time {
  bottom: 2rem;
  position: absolute;
  background: #fff;
  z-index: 3;
  padding: 0 5px;
  border: 1px solid #ededed;
  font-family: "Arial", open sans, sans-serif;
  font-size: 0.7rem;
}

.right-slider-time {
  right: 7px;
  bottom: 2.6rem;
}
.right-slider-time::before {
  content: "";
  position: absolute;
  border: solid 7px transparent;
  border-left-color: transparent;
  border-left-color: #fff;
  right: -13px;
  top: 1px;
}

.left-slider-time {
  left: 6px;
  bottom: 1.5rem;
}
.left-slider-time::before {
  content: "";
  position: absolute;
  border: solid 7px transparent;
  border-right-color: transparent;
  border-right-color: #fff;
  left: -13px;
  top: 1px;
}

.wave-current-pos {
  font-family: "Arial", open sans, sans-serif;
  font-size: 0.7rem;
  position: absolute;
  right: -35px;
  background: #fff;
  z-index: 3;
  padding: 0 5px;
  border: 1px solid #ededed;
  margin-top: 1.5rem;
}

@media only screen and (max-width: 760px) {
  .wavesurfer__player {
    height: 50px;
  }
}
.wavesurfer__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.wavesurfer__buttons {
  display: flex;
  width: 100%;
  padding-top: 20px;
}
.wavesurfer__buttons-left, .wavesurfer__buttons-right {
  width: 50%;
  height: 100%;
  text-align: center;
}
@media only screen and (max-width: 620px) {
  .wavesurfer__buttons {
    flex-direction: column;
  }
  .wavesurfer__buttons-left, .wavesurfer__buttons-right {
    width: 100%;
  }
  .wavesurfer__buttons-left {
    padding-bottom: 20px;
  }
}
.wavesurfer__buttons-right input {
  border-width: 0px;
  margin: 0 3px 0px;
  border-radius: 4px;
  color: white;
  padding: 2px 10px 1px 10px;
  background: var(--conv-common-btn-bg-07);
  color: var(--conv-common-text-03);
}
.wavesurfer__buttons-right input:hover {
  background: var(--conv-common-bg-03);
}
.wavesurfer__player {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.wavesurfer__player wave {
  width: 100%;
}
.wavesurfer__player canvas {
  width: 100%;
}
.wavesurfer__real wave wave {
  border-right: 2px solid #353535 !important;
  overflow: visible !important;
  left: 2px !important;
  z-index: 13 !important;
}
.wavesurfer__real wave wave::before {
  width: 16px;
  height: 16px;
  background: #353535;
  content: "";
  display: block;
  right: 0;
  position: absolute;
  margin-right: -9px;
}
.wavesurfer__real wave wave::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 6px solid #353535;
  margin-right: -9px;
  position: absolute;
  right: 0;
  top: 16px;
}
.wavesurfer__example wave wave {
  border-right: none !important;
}
.wavesurfer__example wave wave::before, .wavesurfer__example wave wave::after {
  content: none;
}
.wavesurfer__example .wavesurfer__buttons {
  display: none;
}
.wavesurfer__input-region {
  width: 110px;
  display: inline-flex;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
.wavesurfer__input-region input {
  width: calc(110px - 20px);
  height: 100%;
  border: none;
  padding: 5px 10px;
  box-sizing: border-box;
}
.wavesurfer__input-region img {
  width: 15px;
  cursor: pointer;
}
.wavesurfer__input-modifiers {
  width: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ellipsis-center {
  display: inline-flex;
  position: relative;
  overflow: hidden;
  max-width: 100%;
}
.ellipsis-center__up {
  width: 50%;
  position: absolute;
  background: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  transition: 0.3s ease-in-out;
  z-index: 1;
}
#convert-result-list ul li.active .ellipsis-center__up, #convert-result-list-conv ul li.active .ellipsis-center__up {
  background: #ededed;
}
.ellipsis-center__down {
  white-space: pre;
  overflow: hidden;
  display: inline-flex;
  justify-content: flex-end;
  max-width: 100%;
}

.sf-simple {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.sf-simple__dropdown {
  margin: 0px 20px 0px 20px;
}
.sf-simple__to {
  font-size: 34px;
  line-height: 50px;
}
.sf-simple__btn, .sf-simple__btn-arrow {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  margin: 0 5px;
  min-width: 110px;
  font-size: 27px;
  line-height: 48px;
  text-transform: uppercase;
  border-radius: 4px;
  background: #40a5e4;
  background-position-x: 0%;
  background-position-y: 0%;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}
.sf-simple__btn:hover, .sf-simple__btn-arrow:hover {
  cursor: pointer;
  transition: 0.2s ease-in-out;
  background: #40a5e4;
  -webkit-box-shadow: 0 1px 30px 10px rgba(0, 0, 0, 0.1), 0 7px 11px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 1px 30px 10px rgba(0, 0, 0, 0.1), 0 7px 11px 0 rgba(0, 0, 0, 0);
}
.sf-simple__btn-text, .sf-simple__btn-arrow-text {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  letter-spacing: -0.9px;
  font-weight: 800;
}
.sf-simple__btn-icon, .sf-simple__btn-arrow-icon {
  display: block;
  position: absolute;
  right: 0;
  width: 30px;
  height: 100%;
  top: 0;
}
.sf-simple__btn-icon:before, .sf-simple__btn-arrow-icon:before {
  content: "";
  width: 8px;
  height: 8px;
  top: 50%;
  left: 0;
  bottom: 0;
  margin: -7px auto auto;
  border-color: currentcolor;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg) translateZ(0);
  opacity: 0.95;
  display: block;
  position: absolute;
  right: 0;
}
.sf-simple__btn-arrow {
  padding-right: 25px;
}
.sf-simple__popup {
  display: none;
  opacity: 1;
  pointer-events: all;
  transition: 0.5s all;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.64);
  z-index: 100;
}
.sf-simple__root {
  position: absolute;
  top: 50%;
  left: 50%;
  background: white;
  border-radius: 4px;
  width: 500px;
  max-width: 90%;
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s all;
  padding: 20px;
}
.sf-simple__top {
  display: flex;
  width: 100%;
}
.sf-simple__formats {
  overflow-y: scroll;
  display: block;
  width: 100%;
}
.sf-simple__format {
  color: white;
  background-color: rgba(0, 20, 51, 0.4);
  border-radius: 3px;
  margin: 0px 5px 5px 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  padding: 5px 5px;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  text-decoration: none;
}
.sf-simple__format:hover {
  text-decoration: underline;
}
.sf-simple__format--active {
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
  text-shadow: 0 0px 0px #8c8c8c;
}
.sf-simple__groups {
  margin: 0px 10px 0px 0px;
  width: 66px;
  background: #e1dddd;
  padding: 7px;
  border-radius: 5px;
}
.sf-simple__group {
  color: white;
  background-color: rgba(0, 20, 51, 0.4);
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  margin: 0px 0 5px 0px;
  cursor: pointer;
  text-transform: uppercase;
}
.sf-simple__group:hover {
  text-decoration: underline;
}
.sf-simple__group--active {
  text-shadow: 0 0px 0px #8c8c8c;
  background-color: #3691ca;
  border-radius: 4px;
  background-size: cover;
  background-position: 50%;
  background-image: url(/uploads/entrepreneur1920x.png);
}
.sf-simple__bottom {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
@media (max-width: 590px) {
  .sf-simple {
    padding: 10px;
  }
  .sf-simple__btn, .sf-simple__btn-arrow {
    justify-content: left;
    padding-left: 5px;
    min-width: auto;
  }
  .sf-simple__dropdown {
    margin: 0px 10px 0px 10px;
  }
  .mob_590{
	display: none;
  }
}

.alertvote_popup {
  animation: pulse 1.5s linear 0.5s infinite !important;
}

/*# sourceMappingURL=styles.css.map */