@charset "UTF-8";
@font-face {
  font-family: "Impact";
  font-style: normal;
  font-weight: 400;
  src: local("Impact"), url("../fonts/impact.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}

.container {
  margin: auto auto;
  width: 1200px;
}

::-webkit-validation-bubble {
  display: none;
}

::-webkit-validation-bubble-arrow {
  display: none;
}

::-webkit-validation-bubble-message {
  display: none;
}

::-webkit-validation-bubble-arrow-clipper {
  display: none;
}

body {
  background-color: white;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 16px;
  min-height: 100vh;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 100;
}

h4, h5, h6 {
  font-weight: 800;
}

h1 {
  font-size: 40px;
  line-height: 40px;
  color: #ff0000;
}

h1.promoBlock {
  color: red;
  background-color: #fff;
  box-sizing: border-box;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  margin: 20px 0;
  text-align: center;
}

h2 {
  font-size: 22px;
  line-height: 22px;
  color: #7B7B7B;
}

h3 {
  font-size: 22px;
  line-height: 22px;
  color: #ff0000;
}

h4 {
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #7B7B7B;
  font-weight: 400;
}

h5 {
  font-size: 18px;
  line-height: 18px;
  color: #CACACA;
}

h6 {
  font-size: 13px;
  line-height: 13px;
  color: #7B7B7B;
  font-style: italic;
}

hr {
  border: none;
  height: 1px;
  background-color: #fff;
  box-shadow: 0 -1px 0 #ddd;
  margin: 5px 0;
}

.trans {
  transition: 500ms linear;
}

.container {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.blockSeparator {
  height: 10px;
}

.columnsWrapper {
  width: 100%;
}

.columnsLeft {
  padding: 10px 0 10px 0;
  vertical-align: top;
}
@media (max-width: 768px) {
  .columnsLeft {
    float: none;
    width: auto;
  }
}

.columnsLeftContent {
  padding-left: 0;
  padding-right: 10px;
  vertical-align: top;
  color: #202020;
  font-weight: normal;
}

.columnsLeftContentWide {
  padding-right: 10px;
  vertical-align: top;
  color: #202020;
  font-weight: normal;
}

.columnsRightFix {
  padding: 10px 0;
  float: right;
  vertical-align: top;
}
@media (max-width: 768px) {
  .columnsRightFix {
    float: none;
    width: auto;
  }
}

.columnsLeftFix {
  display: table-cell;
  padding: 10px 0 20px 0;
  width: 300px;
  vertical-align: top;
}

.columnsRight {
  display: table-cell;
  padding: 10px 0 20px 0;
  vertical-align: top;
}

.columnsRightContent {
  padding-left: 75px;
  padding-right: 75px;
  vertical-align: top;
  color: #202020;
  font-weight: normal;
  font-size: 14px !important;
}

.columnsRightContentWide {
  padding-left: 10px;
  vertical-align: top;
  color: #202020;
  font-weight: normal;
  font-size: 14px !important;
}

.checkoutErrors {
  margin-left: 10px;
  margin-bottom: 10px;
}

.checkoutErrors li {
  color: #FF1919;
}

/* Tables */
.table {
  width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #ddd;
}

.table th, .table td {
  padding: 2px;
  border-top: 1px solid #dddddd;
}

.table th {
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
  height: 25px;
  line-height: 28px;
  text-shadow: 0 1px 0 #fff;
  padding: 4px 2px 2px 6px;
}

.table tr {
  padding: 0;
}

.table td {
  line-height: 14px !important;
}

.table th a {
  float: left;
  text-decoration: none;
  color: #000;
}

.table td a {
  color: #000;
}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th, .table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 4px;
}

.table-bordered th, .table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child {
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child {
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child {
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #e6f4fc !important;
}

.table-striped tbody > tr:nth-child(odd) > td.tableRowActiveC {
  background: #f2fafd;
}

.hiddenBlock {
  display: none;
}

/* Messages */
.alert {
  background-color: #FCF8E3;
  border: 1px solid #FBEED5;
  color: #C09853 !important;
  margin-bottom: 5px;
  padding: 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.506);
}

.alert a {
  color: inherit;
}

.success {
  background-color: #DFF0D8;
  border-bottom-color: #D6E9C6;
  border-left-color: #D6E9C6;
  border-right-color: #D6E9C6;
  border-top-color: #D6E9C6;
  color: #468847;
  margin-bottom: 5px;
  padding: 8px 14px;
}

.success a {
  color: inherit;
}

.successBig {
  font-size: 18px;
}

.msg {
  padding: 10px 14px;
  margin: 10px 10px 10px 0;
  display: inline-block;
  border: solid 1px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 16px;
}

.msg span {
  margin-right: 4px;
}

.msg i {
  margin-left: -1px;
  margin-right: 4px;
}

.msg span {
  margin-right: 4px;
}

.msg p {
  margin: 0;
  padding: 3px 5px;
}

.data.error {
  background: #FFEEEE;
  border: 1px solid #ED9A9A;
  box-shadow: inset 0 2px 8px #FFD4D4;
}

.data.error:empty {
  border: none;
}

#preLoader {
  display: none;
}

.devicesText {
  display: none;
}

.phoneNumberMobile {
  display: none;
  text-decoration: none;
}

.content h2 {
  font-weight: 500;
  color: red;
  margin-bottom: 5px;
}

.cc-banner {
  background: #fff;
  text-align: center;
  z-index: 1000;
  font-size: 14px;
  line-height: 14px;
  color: #231f20;
  width: 100%;
  padding: 0;
  margin: 0;
  position: fixed;
  bottom: 20px;
}
.cc-banner .actions {
  float: right;
  padding-top: 4px;
}
.cc-banner.animate {
  animation: glowing 1300ms infinite;
}
.cc-banner a:link, .cc-banner a:focus, .cc-banner a:hover, .cc-banner a:active, .cc-banner a:visited {
  text-decoration: none;
  color: inherit;
}
.cc-banner a, .cc-banner div, .cc-banner span, .cc-banner svg {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.cc-banner > .cc-container {
  display: inline-block;
  max-width: 1600px;
  padding: 5px 0;
  text-align: left;
  width: 90%;
}
.cc-banner svg:not(:root) {
  overflow: hidden;
}
.cc-banner .cc-v-center {
  display: inline;
  vertical-align: middle;
}
.cc-banner .cc-icon {
  height: 1.84em;
  width: 1.84em;
}
.cc-banner .cc-text {
  margin-left: 0.5em;
  margin-right: 1.5em;
  float: left;
  line-height: 18px;
  padding-top: 9px;
}
.cc-banner .cc-float-right {
  float: right;
}
.cc-banner .cc-link {
  text-decoration: none;
  color: #0067b8;
}
.cc-banner button {
  outline: none !important;
}
.cc-banner .btn {
  line-height: 14px;
  font-size: 14px;
  float: right;
}
.cc-banner.active {
  display: block;
}
.cc-banner .cc-more {
  text-decoration: underline !important;
  line-height: 26px;
  font-size: 14px;
}

@keyframes glowing {
  0% {
    background-color: #e1e1e1;
  }
  50% {
    background-color: #ffcdcd;
  }
  100% {
    background-color: #e1e1e1;
  }
}
.cc-background {
  display: none;
  position: fixed;
  border: none;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  width: auto;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}

.upgrade-banner {
  box-shadow: 0 -2px 3px rgb(0, 0, 0);
  background-color: #fe7201;
  text-align: center;
  position: inherit;
  font-size: 12px;
  color: #fff;
  width: 100%;
  padding: 0;
  margin: 0;
}
.upgrade-banner a:link, .upgrade-banner a:focus, .upgrade-banner a:hover, .upgrade-banner a:active, .upgrade-banner a:visited {
  color: inherit;
}
.upgrade-banner a, .upgrade-banner div, .upgrade-banner span, .upgrade-banner svg {
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.upgrade-banner > .upgrade-container {
  display: inline-block;
  max-width: 1600px;
  padding: 5px 0;
  text-align: left;
  width: 90%;
}
.upgrade-banner svg:not(:root) {
  overflow: hidden;
}
.upgrade-banner .upgrade-v-center {
  display: inline;
  vertical-align: middle;
  line-height: 2em;
  background: none;
  border: none;
  color: #fff;
  font-size: 14px;
}
.upgrade-banner .close-bar {
  line-height: 0;
  font-size: 20px;
  float: right;
  cursor: pointer;
  margin: 5px 0 0 0;
}
.upgrade-banner .upgrade-text {
  margin-left: 0.5em;
  margin-right: 1.5em;
}
.upgrade-banner .upgrade-float-right {
  float: right;
}
.upgrade-banner .btn {
  line-height: 0;
  font-size: 11px;
  float: right;
}
.upgrade-banner .upgrade-link {
  font-weight: 700;
  text-decoration: underline;
  letter-spacing: 1px;
}

.js-confirm-danger-input {
  width: calc(100% - 24px);
  margin-top: 8px;
  height: auto;
}

.js-confirm-danger-submit.disable:hover {
  color: #fff;
}

/*  */
.promoElementDescr h3 {
  color: #ffffff;
  font-weight: 400;
  margin: 5px 0;
}

.promoWhy .promoWhyItem h2 {
  font-weight: 400;
}

.grid {
  height: 100%;
  max-width: 100%;
}

.grid .row {
  display: flex;
  width: 100%;
  max-width: 100%;
}

.grid > .row.panel-1,
.grid > .row.panel-2 {
  margin-top: 10px;
}

.grid > .row.panel-1 {
  margin-top: 10px;
}

.grid .row .justify-content-center {
  justify-content: center;
}

.grid .row .col {
  width: 100%;
  max-width: 100%;
}

.grid .row .col-auto {
  width: auto;
}

.grid .row.vertical {
  flex-direction: column !important;
}

.grid .row.horizontal {
  flex-direction: row !important;
}

.grid .row .col-1 {
  flex: 0 0 75%;
}

.grid .row .col-2 {
  flex: 0 0 50%;
}

.grid .row .col-3 {
  flex: 0 0 33.3%;
}

.grid .row .col-4 {
  flex: 0 0 25%;
}

.grid .row .col-5 {
  flex: 0 0 20%;
}

/* @panel-1 */
.panel-1 {
  min-height: 500px;
}

@media (max-width: 768px) {
  .panel-1,
  .panel-2,
  .panel-3 {
    flex-direction: column;
  }
  .panel-1 .col.box-3 .box-triangle,
  .panel-2 .col.box-2 .box-triangle {
    display: none;
  }
}
.panel-1 .col .grid .row.vertical {
  justify-content: center;
  height: 100%;
}

.panel-1 .col .grid .row.vertical .col {
  position: relative;
}

.panel-1 .col .grid .row.vertical .col.col-2 {
  height: 50%;
}

.panel-1 .row .col-2 {
  flex: 0 0 auto;
}

.panel-2 .col.col-3 {
  flex: 0 0 33.3%;
}

.panel-1 .col .grid .row.vertical .col.box-1 {
  background-color: #c2c3c4;
}

.panel-1 .col .grid .row.vertical .col.box-2 {
  background-color: #ededed;
}

.panel-1 .col .grid .row.vertical .col.box-2 .box-triangle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 50px solid #ff0000;
  border-left: 50px solid transparent;
}

.panel-1 .col.box-3 {
  position: relative;
  background-color: #ff0000;
}

.panel-1 .col.box-3 .box-panel,
.panel-1 .col .grid .row.vertical .col .box-panel {
  margin: 10px;
}

.panel-1 .col.box-3 .box-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #c2c3c4;
  border-right: 50px solid transparent;
}

.panel-1 .col .grid .row.vertical .col.box-4 {
  background-color: #ededed;
}

.panel-1 .col .grid .row.vertical .col.box-5 {
  background-color: #c2c3c4;
}

.panel-1 .col .grid .row.vertical .col.box-5 .box-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #ededed;
  border-right: 50px solid transparent;
}

.panel-1 .col .grid .row.vertical .col.box-1 .box-panel .panel-heading {
  padding: 10px;
}

.panel-1 .col .grid .row.vertical .col .box-panel .panel-heading i.icon,
.panel-1 .col .box-panel .panel-heading i.icon {
  width: 76px;
  height: 76px;
}

.panel-1 .col .grid .row.vertical .col.box-1 .box-panel .panel-heading h2,
.panel-1 .col .grid .row.vertical .col.box-2 .box-panel .panel-heading h2,
.panel-1 .col .grid .row.vertical .col.box-4 .box-panel .panel-heading h2,
.panel-1 .col .grid .row.vertical .col.box-5 .box-panel .panel-heading h2 {
  color: #252626;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.panel-1 .col .grid .row.vertical .col.box-1 .box-panel .panel-body,
.panel-1 .col .grid .row.vertical .col.box-2 .box-panel .panel-body,
.panel-1 .col .grid .row.vertical .col.box-4 .box-panel .panel-body,
.panel-1 .col .grid .row.vertical .col.box-5 .box-panel .panel-body {
  color: #252626;
  font-size: 12px;
  text-align: center;
  padding: 10px;
}

.panel-1 .col.box-3 .box-panel .panel-heading {
  padding: 10px;
}

.panel-1 .col.box-3 .box-panel .panel-heading h2 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.panel-1 .col.box-3 .box-panel .panel-body {
  color: #ffffff;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  margin: 0 auto;
  max-width: 250px;
}

/* @panel-2 */
.panel-2 .col.box-1 {
  background-color: #c2c3c4;
}

.panel-2 .col .box-panel {
  margin: 10px;
}

.panel-2 .col .box-panel .panel-heading {
  padding: 10px 10px 0 10px;
}

.panel-2 .col .box-panel .panel-body {
  padding: 0 10px 10px 10px;
  font-size: 12px;
  line-height: 18px;
}

.panel-2 .col.box-1 .box-panel .panel-heading h2,
.panel-2 .col.box-2 .box-panel .panel-heading h2 {
  color: #252626;
}

.panel-2 .col.box-1 .box-panel .panel-heading h2,
.panel-2 .col.box-2 .box-panel .panel-heading h2,
.panel-2 .col.box-3 .box-panel .panel-heading h2 {
  font-size: 15px;
  font-weight: 600;
}

.panel-2 .col.box-2 .box-panel .panel-heading i.icon {
  width: 102px;
  height: 102px;
}

.panel-2 .col {
  position: relative;
}

.panel-2 .col.box-2 {
  background-color: #ededed;
}

.panel-2 .col.box-2 .box-triangle {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 50px solid #c2c3c4;
  border-right: 50px solid transparent;
}

.panel-2 .col.box-3 {
  background-color: #ff0000;
}

.panel-2 .col.box-3 .box-triangle {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #ededed;
  border-right: 50px solid transparent;
}

.panel-2 .col.box-3 .box-panel .panel-body {
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
}

.panel-2 .col.box-3 .box-panel .panel-heading h2 {
  color: #ffffff;
  font-weight: 600;
}

.panel-2 i.icon {
  width: 76px;
  height: 76px;
}

/* @panel-3 */
.panel-3 {
  height: 170px;
}

.panel-3 .col {
  position: relative;
}

.panel-3 .col.box-1 {
  background-color: #ededed;
  flex: 0 0 42%;
}

.panel-3 .col.box-2 .box-triangle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 85px solid transparent;
  border-left: 50px solid #ededed;
  border-bottom: 85px solid transparent;
}

.panel-3 .col.box-2 {
  background-color: #ff0000;
  flex: 0 0 40%;
}

.panel-3 .col.box-3 {
  background-color: #c2c3c4;
}

.panel-3 .col.box-3 .box-triangle {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 85px solid transparent;
  border-left: 50px solid #ff0000;
  border-bottom: 85px solid transparent;
}

.panel-3 .col.box-2 .box-panel {
  color: #ffffff;
}

.panel-3 .col.box-2 .box-panel h2 {
  color: #ffffff;
}

.panel-3 .col .box-panel {
  height: 100%;
}

.panel-3 .col.box-1 .box-panel {
  padding: 25px;
}

.panel-3 .col.box-2 .box-panel {
  padding: 25px;
  padding-left: 75px;
}

.panel-3 .col .box-panel h2 {
  font-size: 14px;
  font-weight: 600;
}

.panel-3 .col .box-panel {
  font-size: 12px;
  line-height: 13px;
}

.panel-3 .col.box-3 .box-panel {
  padding: 25px;
  padding-left: 75px;
}

.row.infoBlock h1 {
  margin: 10px;
}

.panel-3 .col {
  position: relative;
}

@media (max-width: 768px) {
  .panel-3 {
    height: auto;
  }
  .panel-3 .col.box-2 {
    padding-top: 30px;
  }
  .panel-3 .col.box-2 .box-triangle {
    border: 0;
    top: 0;
    left: 50%;
    border-left: 35px solid transparent;
    border-top: 35px solid #ededed;
    border-right: 35px solid transparent;
    transform: translate(-50%, 0);
  }
  .panel-3 .col.box-3 {
    padding-top: 30px;
  }
  .panel-3 .col.box-3 .box-triangle {
    border: 0;
    top: 0;
    left: 50%;
    border-left: 35px solid transparent;
    border-top: 35px solid #ff0000;
    border-right: 35px solid transparent;
    transform: translate(-50%, 0);
  }
  .panel-3 .col.box-2 .box-panel,
  .panel-3 .col.box-3 .box-panel {
    padding: 25px;
  }
  .panel-3 .col .grid .row {
    flex-direction: column;
  }
}
.icon {
  width: 112px;
  height: 112px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}

.icon.icon-hand {
  background-image: url(../img/icons/svg/icon1.svg);
}

.icon.icon-panel-www {
  background-image: url(../img/icons/svg/icon2.svg);
}

.icon.icon-planet {
  background-image: url(../img/icons/svg/icon3.svg);
}

.icon.icon-hd {
  background-image: url(../img/icons/svg/icon4.svg);
}

.icon.icon-tv {
  background-image: url(../img/icons/svg/icon5.svg);
}

.icon.icon-lock {
  background-image: url(../img/icons/svg/icon6.svg);
}

.icon.icon-play {
  background-image: url(../img/icons/svg/icon7.svg);
}

.icon.icon-check {
  background-image: url(../img/icons/svg/icon8.svg);
}

.icon.icon-multiroom {
  background-image: url(../img/icons/svg/icon9.svg);
}

.icon.icon-pig {
  background-image: url(../img/icons/svg/icon10.svg);
}

.p-x-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p-y-10 {
  padding: 11px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

@media (max-width: 480px) {
  .panel .pager {
    display: flex;
    justify-content: flex-end;
  }
  .panel .pager:after {
    content: " ";
    display: table;
    clear: both;
  }
  .panel .pager a {
    display: inline-block;
    margin: 0 5px 0 0;
  }
}
@media (min-width: 329px) and (max-width: 362px) {
  .panel .pager {
    float: none !important;
  }
}
.popup-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: #eeeeee;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.popup-mobile .button-wrap {
  width: 45%;
  height: 40px;
  margin: 0 2%;
  display: flex;
  align-items: center;
}
.popup-mobile .button-wrap a {
  height: 32px;
  width: 100%;
  display: block;
  border-radius: 3px;
}
.popup-mobile .button-wrap .button-phone {
  background: #ff0000 url("../svg/button-phone.svg") center center no-repeat;
  background-size: 26px 26px;
}
.popup-mobile .button-wrap .button-cart {
  background: #ff0000 url("../svg/button-cart.svg") center center no-repeat;
  background-size: 26px 26px;
}

.center {
  text-align: center;
}

@media (min-width: 1000px) {
  .box-2-features .box-panel .panel-body {
    position: absolute;
    top: 99px;
  }
}
.features-block1 .features-wrap-3 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-wrap: wrap;
  width: 100%;
}
.features-block1 .features-wrap-3 .features-items {
  padding: 20px 1%;
  width: 350px;
  margin: 0 auto;
}
.features-block1 .features-wrap-3 .features-items h2 {
  text-align: center;
  color: #FF3333;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  margin: 10px 0;
}
.features-block1 .features-wrap-3 .features-items .icon {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: block;
}
.features-block1 .features-wrap-3 .features-items .icon.icon-planet {
  background-image: url(../img/icons/svg/icon-planet.svg);
}
.features-block1 .features-wrap-3 .features-items .icon.icon-hd {
  background-image: url(../img/icons/svg/icon-hd.svg);
}
.features-block1 .features-wrap-3 .features-items .icon.icon-tv {
  background-image: url(../img/icons/svg/icon-tv.svg);
}
.features-block1 .features-wrap-3 .features-items .features-items-text {
  text-align: center;
  padding: 0 20px;
}
.features-block1 .features-wrap-2 {
  width: 70%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-wrap: wrap;
}
.features-block1 .features-wrap-2 .features-items {
  padding: 20px 1%;
  width: 350px;
  margin: 0 auto;
}
.features-block1 .features-wrap-2 .features-items h2 {
  text-align: center;
  color: #FF3333;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  margin: 10px 0;
}
.features-block1 .features-wrap-2 .features-items .icon {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: block;
}
.features-block1 .features-wrap-2 .features-items .icon.icon-lock {
  background-image: url(../img/icons/svg/icon-lock.svg);
}
.features-block1 .features-wrap-2 .features-items .icon.icon-play {
  background-image: url(../img/icons/svg/icon-play.svg);
}
.features-block1 .features-wrap-2 .features-items .features-items-text {
  text-align: center;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .features-block1 .features-wrap-3 .features-items {
    width: 30%;
  }
  .features-block1 .features-wrap-2 {
    width: 80%;
  }
}
@media (max-width: 960px) {
  .features-block1 .features-wrap-3 .features-items {
    width: 30%;
  }
  .features-block1 .features-wrap-2 {
    width: 80%;
  }
  .features-block1 .features-wrap-2 .features-items {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .features-block1 .features-wrap-3 .features-items {
    width: 100%;
  }
  .features-block1 .features-wrap-2 {
    width: 100%;
  }
  .features-block1 .features-wrap-2 .features-items {
    width: 100%;
  }
}

.features-block2 {
  background: #eeeeee;
  padding: 50px 20px;
}
.features-block2 .features-wrap-2 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 0 auto;
  flex-wrap: wrap;
}
.features-block2 .features-wrap-2 .features-items {
  width: 49%;
  margin: 0 auto 10px auto;
  background: #fff;
  padding: 10px 0 20px 0;
}
.features-block2 .features-wrap-2 .features-items .features-items-title {
  width: 70%;
  height: 50px;
  margin: 0 auto;
}
.features-block2 .features-wrap-2 .features-items .features-items-title h2 {
  text-align: center;
  color: #FF3333;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  margin: 10px 10px;
}
.features-block2 .features-wrap-2 .features-items .features-items-title .icon {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: block;
  float: left;
}
.features-block2 .features-wrap-2 .features-items .features-items-title .icon.icon-check-mark {
  width: 32px;
  height: 32px;
}
.features-block2 .features-wrap-2 .features-items .features-items-title .icon.icon-smart-tv {
  width: 65px;
  height: 50px;
}
.features-block2 .features-wrap-2 .features-items .features-items-text {
  text-align: center;
  padding: 0 20px;
}
.features-block2 .features-wrap-3 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-wrap: wrap;
}
.features-block2 .features-wrap-3 .features-items {
  width: 32%;
  margin: 0 auto 10px auto;
  background: #fff;
  padding: 10px 0 20px 0;
}
.features-block2 .features-wrap-3 .features-items .features-items-title {
  width: 70%;
  margin: 0 auto;
}
.features-block2 .features-wrap-3 .features-items .features-items-title h2 {
  text-align: center;
  color: #FF3333;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  margin: 10px 10px;
}
.features-block2 .features-wrap-3 .features-items .features-items-title .icon {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  display: block;
  float: left;
}
.features-block2 .features-wrap-3 .features-items .features-items-text {
  text-align: center;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .features-block2 .features-wrap-3 .features-items .features-items-title {
    width: 80%;
    height: auto;
  }
  .features-block2 .features-wrap-2 .features-items .features-items-title {
    width: 90%;
    height: auto;
  }
}
@media (max-width: 960px) {
  .features-block2 .features-wrap-3 .features-items .features-items-title {
    width: 90%;
    height: auto;
  }
  .features-block2 .features-wrap-2 .features-items .features-items-title {
    width: 90%;
    height: auto;
  }
}
@media (max-width: 768px) {
  .features-block2 {
    padding: 25px 10px;
  }
  .features-block2 .features-wrap-3 .features-items {
    width: 100%;
  }
  .features-block2 .features-wrap-2 {
    width: 100%;
  }
  .features-block2 .features-wrap-2 .features-items {
    width: 100%;
  }
}

.footer {
  background: #282828 !important;
  padding: 20px 5px !important;
}

.footer-ul-wrapper {
  display: flex;
  justify-content: space-between;
  text-align: left;
  padding-bottom: 31px;
}

.bottom-footer {
  background: #000 !important;
}

.footer-container {
  margin: 0 auto;
  width: 80%;
}

.footer-ul {
  text-decoration: none;
}

.head-footer {
  border-bottom: 1px solid #666666;
}

.footer-li-header {
  margin-bottom: 7px;
  color: #7B7B7B;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 22px;
}

.footer-li a {
  text-decoration: none !important;
  color: #f6f5f5;
  font-weight: 400;
}

.footer-ul:nth-child(1) {
  padding-right: 42px;
}

.footer-ul:nth-child(2) {
  padding-right: 42px;
}

.footer-ul:nth-child(3) {
  padding-right: 42px;
}

.footer-ul:nth-child(4) {
  padding-right: 42px;
}

.footerBottomBlockLinks {
  float: right;
}

.footerBottomBlockCopyright {
  color: #5b5a5a !important;
  width: auto !important;
}

.footer-icons-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 13px;
}

.footer-icon {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background: #656565;
  font-size: 32px;
}

.footer-icon i {
  padding: 9px;
}

.footerBottomBlockLinks a {
  text-decoration: none !important;
  color: #d2d2d2 !important;
}

.footer-icon:nth-child(1) {
  margin-right: 15px;
}

.footer-icon:nth-child(2) {
  margin-right: 15px;
}

.footer-icon:nth-child(3) {
  margin-right: 15px;
}

.footer-icon:nth-child(4) {
  margin-right: 15px;
}

.footer-icon:nth-child(5) {
  margin-right: 15px;
}

.footer-icon {
  color: white !important;
}

.footer-icon:hover {
  cursor: pointer;
  background: #fff !important;
  color: #656565 !important;
}

.footerBottomBlockCopyright {
  float: left;
}

.footerBottomBlockCopyright p, .footerBottomBlockCopyright p a {
  color: #d2d2d2 !important;
}

.footerBottomBlockLinks a {
  border-left: 1px solid #383838 !important;
  font-size: 12px;
}

.footerBottomBlockLinks a:first-child {
  border-left: none !important;
}

.subscribeBlock {
  position: sticky !important;
  margin-left: 783px;
  margin-top: -116px !important;
  padding-bottom: 54px !important;
  padding-top: 0 !important;
}

.subscribeBlock .simpleButton {
  background: #ffffff;
  margin-left: -13px;
  height: 26px;
  padding-top: 14px;
  text-decoration: none;
}

.subscribeBlock input {
  background: #474747 !important;
  height: 34px !important;
  color: white !important;
  padding-left: 10px !important;
}

.subscribeBlock input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white !important;
  opacity: 1 !important;
}

.subscribeBlock label {
  position: absolute !important;
  margin-top: -20px !important;
  margin-left: 14px !important;
  color: #bbbaba;
}

.bottom-footer {
  display: flex;
  justify-content: space-between;
  padding-bottom: 13px;
  padding-top: 14px;
}

.payment-icons-wrapper {
  width: 429px;
  margin-left: -7px;
}
.payment-icons-wrapper .footer-icons-container {
  display: flex;
  justify-content: flex-start;
  margin-top: -52px;
}
.payment-icons-wrapper .pay {
  /* width: 74px;*/
  height: 38px;
  padding: 7px 5px;
}
.payment-icons-wrapper .security-footer-comodo {
  background-repeat: no-repeat;
  display: block;
  height: 88%;
  width: 100px;
  margin-left: -1px;
  margin-top: 2px;
}
.payment-icons-wrapper .security-footer-dss {
  background-repeat: no-repeat;
  display: block;
  height: 88%;
  width: 100px;
  margin-left: -1px;
  margin-top: 2px;
}
.payment-icons-wrapper .payment-footer {
  background-repeat: no-repeat;
  display: block;
  height: 40px;
  width: 60px;
  background-position: center center;
  background-size: contain;
}
.payment-icons-wrapper .payment-footer-mastercard {
  background-size: 60px;
}
.payment-icons-wrapper .payment-footer-maestro {
  background-size: 70px;
}
.payment-icons-wrapper .payment-footer-apple-pay {
  background-size: 75px;
}
.payment-icons-wrapper .payment-footer-cirus {
  background-size: 70px;
}
.payment-icons-wrapper .payment-footer-amex {
  background-size: 60px;
}
.payment-icons-wrapper .payment-footer-verified-visa {
  background-size: 60px;
}
.payment-icons-wrapper .payment-footer-mastercard-secured {
  width: 80px;
  background-size: 75px;
}
.payment-icons-wrapper .payment-footer-bitpay {
  width: 40px;
  background-size: 40px;
}
.payment-icons-wrapper .payment-footer-bitcash {
  width: 40px;
  background-size: 40px;
}
.payment-icons-wrapper .payment-footer-eth {
  width: 40px;
  background-size: 40px;
}
.payment-icons-wrapper .payment-footer-usd {
  width: 40px;
  background-size: 40px;
}

.footer-security-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: -52px;
  margin-right: -13px;
  padding-top: 7px;
  margin-bottom: 12px !important;
  overflow: hidden;
}
.footer-security-wrapper .sec {
  width: 74px;
  height: 38px;
  padding: 7px;
}
.footer-security-wrapper .security-footer-comodo {
  background-image: url("../svg/footer-security/comodo.svg");
  background-repeat: no-repeat;
  display: block;
  height: 88%;
  width: 100px;
  margin-left: -1px;
  margin-top: 2px;
}
.footer-security-wrapper .security-footer-dss {
  background-image: url("../svg/footer-security/dss.svg");
  background-repeat: no-repeat;
  display: block;
  height: 88%;
  width: 100px;
  margin-left: -1px;
  margin-top: 2px;
}

.flex-container {
  width: 69%;
}

@media (min-width: 1540px) {
  .subscribeBlock input {
    border-right: none !important;
    width: 182px !important;
  }
  .subscribeBlock .simpleButton {
    background: #ffffff !important;
    margin-left: -13px !important;
    height: 25px !important;
    padding-top: 15px !important;
    text-decoration: none !important;
    width: 70px !important;
    font-size: 10px !important;
  }
}
@media (min-width: 2000px) {
  .subscribeBlock {
    left: 62% !important;
  }
}
@media (min-width: 598px) {
  .footer-icon-youtube .fa-youtube {
    padding: 7px !important;
    padding-top: 8px !important;
  }
  .footer-icon-google .fa-google-plus-g {
    padding-left: 6px !important;
    padding-top: 8px !important;
  }
}
@media (min-width: 1541px) {
  .subscribeBlock .simpleButton {
    height: 25px !important;
    top: 1px !important;
  }
}
@media (max-width: 1540px) {
  .subscribeBlock input {
    margin-top: 0 !important;
  }
}
@media (max-width: 1200px) {
  .footer-security-wrapper {
    justify-content: center !important;
  }
}
@media (max-width: 1540px) {
  .footer-ul-wrapper {
    line-height: 2;
  }
  .footer-ul {
    padding-right: 0 !important;
    border-right: none !important;
    margin-bottom: 9px;
  }
  .subscribeBlock .simpleButton {
    height: 25px;
    padding-top: 14px;
  }
  .subscribeBlock {
    margin-left: 0 !important;
    margin-top: 4px !important;
    padding-bottom: 20px !important;
  }
  .footer-ul:nth-child(5) {
    padding-bottom: 13px;
  }
  .flex-container {
    width: 100%;
  }
  .footer .container {
    width: 95% !important;
  }
}
@media screen and (min-width: 769px) {
  .subscribeBlock .simpleButton {
    box-sizing: border-box;
    height: 46px !important;
    padding: 0 !important;
    font-weight: 800;
    width: 115px !important;
    position: absolute !important;
  }
  .footer-sub-text {
    margin-top: -1px !important;
  }
}
@media (max-width: 1225px) {
  .payment-icons-wrapper {
    display: none;
  }
  .footer-icons-wrapper {
    justify-content: center;
  }
}
@media (max-width: 769px) {
  .footer-ul-wrapper {
    flex-flow: wrap;
  }
  .footer-ul-wrapper .footer-ul {
    width: 40%;
    margin: 20px 5% 20px 5%;
  }
  .footer-sub-text {
    position: absolute;
    margin-left: -39px;
  }
}
@media (max-width: 665px) {
  body .subscribeBlock .simpleButton {
    width: 285px;
  }
}
@media (max-width: 597px) {
  .footer-icon {
    width: 30px;
    height: 30px;
    font-size: 17px;
    padding: 0px;
  }
  .footer-icon i {
    padding: 6px;
  }
  .footerBottomBlockLinks {
    float: none;
    display: flex !important;
    justify-content: center !important;
  }
  .footerBottomBlockCopyright {
    float: none;
    display: flex !important;
    justify-content: center !important;
  }
  .footer-ul-wrapper {
    flex-direction: column;
  }
  .footer-ul-wrapper .footer-ul {
    width: 90%;
    margin: 10px auto 10px auto;
  }
  .subscribeBlock {
    margin-left: -24px;
  }
  .footer-ul {
    margin-bottom: 14px;
  }
}
@media (max-width: 768px) {
  .subscribeBlock {
    margin-left: unset !important;
    width: 322px !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 auto !important;
  }
  .subscribeBlock .simpleButton {
    height: 45px !important;
    width: 297px !important;
    margin: 0 auto !important;
    margin-top: 5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-weight: bold;
    margin-left: 10px !important;
  }
}
@media (max-width: 360px) {
  .subscribeBlock {
    width: 303px !important;
  }
  .subscribeBlock .simpleButton {
    height: 45px !important;
    width: 280px !important;
  }
  .footer-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 13px !important;
    padding: 0px !important;
  }
  .footer-icon i {
    padding: 4px !important;
  }
  .subscribeBlock input {
    width: 99%;
  }
  .footer-container {
    width: 84% !important;
  }
}
@media (max-width: 1241px) {
  .footer-security-wrapper {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 340px) {
  .subscribeBlock input {
    width: 261px !important;
    padding: 5px 28px;
  }
  body .subscribeBlock .simpleButton .subscribeBlock .simpleButton {
    height: 45px !important;
    width: 279px !important;
    margin: 0 auto !important;
    margin-top: 5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-weight: bold;
    margin-left: 25px !important;
  }
}
@media (max-width: 361px) {
  .subscribeBlock input {
    width: 261px !important;
    padding: 5px 28px;
  }
}
@media (min-width: 664px) and (max-width: 840px) {
  .subscribeBlock {
    width: auto;
  }
}
.popover-false {
  background: tomato;
  color: white;
}

.popover-arrow-false:after {
  border-top-color: tomato !important;
}

.popover-false-content {
  background-color: tomato;
}

.popover-success {
  background: mediumseagreen;
  color: white;
}

.popover-content-success {
  background-color: mediumseagreen;
}

.popover-arrow-success:after {
  border-top-color: mediumseagreen !important;
}

.tracking-outer-container .track-destination-wrapper {
  display: flex;
  justify-content: space-between;
  background: #f6f6f6;
  padding: 20px;
}
.tracking-outer-container .tracking-data-container {
  border: 1px solid lightgrey;
  margin: 5px auto;
  width: 74%;
}
.tracking-outer-container .destination-step-one {
  background: lightgray;
  border-radius: 50px;
  padding: 15px;
}
.tracking-outer-container .destination-step-two {
  background: lightgray;
  padding: 14px;
  border-radius: 50px;
  text-align: center;
}
.tracking-outer-container .destination-step-three {
  background: lightgray;
  padding: 15px;
  border-radius: 50px;
  text-align: center;
}
.tracking-outer-container .tracking-truck {
  width: 40px;
  height: 40px;
}
.tracking-outer-container .track-dist-step {
  font-size: 60px;
}
.tracking-outer-container .track-dist-line {
  width: 40%;
  height: 0;
  border-bottom: 4px dotted lightgray;
  border-color: red;
  margin: 36px auto;
}
.tracking-outer-container .track-nr-card {
  margin: 20px auto;
  border: 2px solid lightgray;
  width: 300px;
  border-radius: 19px;
  padding: 11px;
}
.tracking-outer-container .track-nr-card .card-body {
  padding-left: 5px;
  padding-right: 7px;
}
@media (min-width: 900px) {
  .tracking-outer-container .track-nr-card .card-body .popover {
    margin-left: 120px;
  }
}
.tracking-outer-container .track-nr-card .card-body h5 {
  color: #212b31;
  margin: 3px auto;
  text-transform: uppercase;
}
.tracking-outer-container .track-nr-card .card-body p {
  margin: 12px auto;
  font-weight: 600;
}
.tracking-outer-container .track-nr-card .card-body span {
  display: flex;
  justify-content: flex-end;
  font-weight: 600;
}
.tracking-outer-container .track-nr-card:nth-child(2) {
  border: 2px solid red !important;
  box-shadow: 0 0 0 #e52d2d;
  animation: pulse 1.5s infinite;
}
@media (max-width: 600px) {
  .tracking-outer-container .tracking-data-container {
    width: 100%;
  }
  .tracking-outer-container .track-nr-card {
    width: 270px;
  }
}
.tracking-outer-container .track-card-info {
  font-weight: 600;
  padding: 17px;
  line-height: 2;
  color: #a8aaaa;
}
.tracking-outer-container .track-card-info img {
  width: 90px;
}
.tracking-outer-container .track-card-info h5 {
  padding-bottom: 15px;
}
.tracking-outer-container .track-card-info p {
  margin-top: -10px;
}
@media (max-width: 1140px) and (min-width: 665px) {
  .tracking-outer-container .footer-ul-wrapper {
    justify-content: space-between !important;
  }
}
@media (min-width: 1141px) {
  .tracking-outer-container .head-footer {
    height: 136px;
  }
}
.tracking-outer-container .background-track-wrapper {
  width: 100%;
}
.tracking-outer-container .background-track-wrapper .bg-img {
  background-image: url(/tpl/tpl-main/img/tracking/banner.jpg);
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 800px) {
  .tracking-outer-container .background-track-wrapper .bg-img {
    height: 200px;
  }
}
@media (max-width: 400px) {
  .tracking-outer-container .background-track-wrapper .bg-img {
    height: 150px;
  }
}
.tracking-outer-container .load-container .columnsLeft {
  padding: 0px 0 10px 0;
}
.tracking-outer-container .track-inform-wrapper {
  background: #f6f6f6;
  padding: 19px 0;
}
.tracking-outer-container .card-full-info-wrapper {
  display: flex;
  justify-content: space-evenly;
}
.tracking-outer-container .card-full-info-wrapper .card-title {
  font-weight: 600;
}
@media (max-width: 622px) {
  .tracking-outer-container .card-full-info-wrapper {
    flex-direction: column;
    text-align: center;
  }
}
.tracking-outer-container .destination-step-wrapper {
  width: 71px;
  word-break: break-word;
}
.tracking-outer-container .destination-step-wrapper p {
  text-align: center;
  color: #cdcecf;
}
.tracking-outer-container .tracking-horizontal-line {
  width: 2px;
  background: #c2c3c5;
  height: 148px;
  margin-left: 217px;
  position: absolute;
  margin-top: -69px;
}
.tracking-outer-container .tracking-horizontal-dot {
  width: 2px;
  color: lightgray;
  margin-left: 205px;
  position: absolute;
  margin-top: -93px;
  font-size: 27px;
  z-index: 2;
}
.tracking-outer-container .tracking-horizontal-line:first-child {
  display: none;
}
.tracking-outer-container .tracking-horizontal-line:last-child {
  height: 117px;
}
.tracking-outer-container .tracking-horizontal-inner-line {
  width: 100%;
  height: 98%;
  position: absolute;
  background: lightgray;
  bottom: 0;
}
.tracking-outer-container .pulse {
  display: block;
  width: 26px;
  height: 13px;
  border-radius: 50%;
  background: red;
  cursor: pointer;
  box-shadow: 0 0 0 #ff6666;
  animation: pulse 2s infinite;
  margin-top: 31px;
  position: relative;
  left: 20%;
}
@keyframes plsBlock {
  0% {
    box-shadow: 0 0 15px #ff6666, inset 0 0 15px #ff6666;
  }
  50% {
    box-shadow: 0 0 36px #ff6666, inset 0 0 26px #ff6666;
  }
  100% {
    box-shadow: 0 0 8px #ff6666, inset 0 0 8px #ff6666;
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes glowingBlock {
  0% {
    box-shadow: 0 0 -10px #ff6666;
  }
  40% {
    box-shadow: 0 0 20px #ff6666;
  }
  60% {
    box-shadow: 0 0 20px #ff6666;
  }
  100% {
    box-shadow: 0 0 -10px #ff6666;
  }
}
@media (max-width: 1200px) {
  .tracking-outer-container .tracking-horizontal-line {
    margin-left: 76px;
  }
  .tracking-outer-container .tracking-horizontal-dot {
    margin-left: 63px;
  }
}
@media (max-width: 771px) {
  .tracking-outer-container .tracking-horizontal-line {
    display: none;
  }
  .tracking-outer-container .tracking-horizontal-dot {
    display: none;
  }
}
@media (max-width: 440px) {
  .tracking-outer-container .track-dist-step {
    padding: 5px;
    height: 30px;
    width: 30px;
  }
  .tracking-outer-container .destination-step-wrapper p {
    display: none;
  }
  .tracking-outer-container .track-dist-line {
    margin: 19px auto;
  }
  .tracking-outer-container .tracking-truck {
    width: 28px;
    height: 28px;
  }
  .tracking-outer-container .pulse {
    width: 19px;
    height: 7px;
    margin-top: 18px;
  }
}
.tracking-outer-container .track-full-date {
  color: #c2c3c5;
}
.tracking-outer-container .track-card-info h5 {
  color: #212b31;
}
.tracking-outer-container .loading {
  opacity: 0.2;
  filter: blur(4px);
}
.tracking-outer-container .destination-step-wrapper p {
  margin-top: 10px;
}
.tracking-outer-container .tracking-data-container {
  padding-bottom: 0 !important;
}

.phone-wrap .phone {
  border-radius: 8px !important;
  width: 100%;
}
.phone-wrap .phone.focused {
  box-shadow: 0 0 0 4px rgba(204, 204, 69, 0.4) !important;
}
.phone-wrap .phone .phone-nav-left {
  background-color: #fff;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.phone-wrap .phone .phone-nav-left .phone-nav-toggle {
  height: 55px !important;
  padding: 0 20px !important;
}
.phone-wrap .phone .code-wrap {
  font-size: 18px !important;
}
.phone-wrap .phone .input input[type=tel] {
  font-size: 18px !important;
  height: 55px !important;
  /*line-height: 60px;*/
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-right: 20px !important;
}
.phone-wrap .phone .country-list {
  border-radius: 8px !important;
  left: -30px !important;
  right: -30px !important;
  margin-top: 5px !important;
}
.phone-wrap .phone .country-list-top-search input {
  border-radius: 8px !important;
}
.phone-wrap .phone .country-list-item {
  text-align: left !important;
}
.phone-wrap .phone .country-list .country-list-items::-webkit-scrollbar {
  width: 12px !important;
}
.phone-wrap .phone .country-list .country-list-items::-webkit-scrollbar-thumb {
  background-color: rgb(160, 160, 160);
}

/*******************************/
.main-trial-wrap {
  background: #eeeeee;
  padding: 30px 0 10px 0;
  margin: 20px auto;
}
.main-trial-wrap .trial-form-wrapper .trial-info {
  width: 70%;
  margin: 30px auto 0 auto;
  font-weight: 600;
  text-align: center;
}
.main-trial-wrap .trial-form-wrapper .trial-info span {
  font-weight: 700;
  color: #ff0000;
}
@media all and (max-width: 640px) {
  .main-trial-wrap .trial-form-wrapper .trial-info {
    width: 80%;
  }
}
.main-trial-wrap .trial-form-wrapper .trial-form {
  width: 80%;
  margin: 0 auto;
}
.main-trial-wrap .trial-form-wrapper .trial-form .trial-input-label {
  text-align: center;
  color: #333333;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 27px;
  line-height: 1;
  margin: 0 auto;
  display: block;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap {
  width: 96%;
  margin: 40px auto;
  display: flex;
  flex-wrap: wrap;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-label {
  line-height: 40px;
  margin: 0 auto;
  width: 20%;
  text-align: right;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-label span {
  color: red;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap {
  margin: 0 auto;
  width: 80%;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone {
  border-radius: 0 !important;
  width: 94%;
  margin: 0 auto;
  box-shadow: 0 0 4px #aaa;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone.focused {
  box-shadow: 0 0 0 4px rgba(204, 204, 69, 0.4) !important;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .phone-nav-left {
  background-color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right: 1px solid #aaaaaa;
  width: 118px;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .phone-nav-left .phone-nav-toggle {
  height: 40px !important;
  padding: 0 0 0 10px !important;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .phone-nav-left .phone-nav-toggle .flag-wrap {
  padding-right: 24px;
  height: 40px;
  line-height: 44px;
  border-right: 1px solid #aaaaaa;
  margin: 0 !important;
  background-image: url("../img/code-select.png");
  background-position: 26px center;
  background-repeat: no-repeat;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .code-wrap {
  font-size: 18px !important;
  margin: 0 auto;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .input input[type=tel] {
  font-size: 18px !important;
  height: 40px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 20px 0 10px !important;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .country-list {
  border-radius: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 5px !important;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .country-list-top-search input {
  border-radius: 0 !important;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .country-list-item {
  text-align: left !important;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .country-list .country-list-items::-webkit-scrollbar {
  width: 12px !important;
}
.main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap .phone .country-list .country-list-items::-webkit-scrollbar-thumb {
  background-color: rgb(160, 160, 160);
}
.main-trial-wrap .trial-form-wrapper .trial-form .trial-form-submit {
  cursor: pointer;
  margin: 15px auto;
  width: 185px;
  height: 36px;
  background: #FF3333;
  border: none;
  font-size: 20px;
  font-weight: 600;
  color: snow;
  transition: 0.8s;
  display: block;
  box-shadow: 0 0 4px #aaa;
  border-radius: 3px;
}
@media (max-width: 960px) {
  .main-trial-wrap .trial-form-wrapper .trial-form {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .main-trial-wrap {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .main-trial-wrap .trial-form-wrapper .trial-form {
    width: 96%;
  }
  .main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap {
    margin: 30px auto;
  }
  .main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap {
    width: 75%;
  }
  .main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-label {
    width: 25%;
  }
}
@media (max-width: 480px) {
  .main-trial-wrap .trial-form-wrapper .trial-form {
    width: 96%;
  }
  .main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap {
    margin: 15px auto 20px auto;
  }
  .main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-wrap {
    width: 100%;
    float: none;
  }
  .main-trial-wrap .trial-form-wrapper .trial-form .phone-input-wrap .phone-label {
    float: none;
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 970px) and (min-height: 720px) {
  #trial-popup-section {
    display: block !important;
  }
  #trial-popup-section .fa-caret-down {
    position: relative;
    left: 6px;
  }
  #trial-popup-section {
    width: 100%;
    overflow-x: hidden;
  }
  #trial-popup-section .inputPhoneWrap {
    margin: 44px auto;
  }
  #trial-popup-section .countryCode {
    padding: 0 8px;
    border: none !important;
    background: snow !important;
    font-size: 20px !important;
    color: grey !important;
    width: 90px !important;
    position: relative;
    top: -1px;
  }
  #trial-popup-section .exit-trial-input {
    border-left: 1px solid lightgray;
    padding-left: 10px !important;
    width: 352px !important;
    height: 43px !important;
    border-radius: 0px 15px 15px 1px !important;
    position: relative !important;
    color: gray !important;
    font-size: 20px !important;
    margin: 0 auto !important;
    top: -1px;
  }
  #trial-popup-section .current {
    background: snow;
    width: 30px;
    height: 14px;
    position: relative;
    top: -1px;
    margin-left: -39px;
    margin-top: 0;
    padding: 15px 10px 13px;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid lightgray;
    border-radius: 12px 0px 1px 12px;
  }
  .container-dimmer-exit {
    filter: blur(5px) !important;
  }
  .form-wrapper-texit {
    position: relative;
    display: flex;
    justify-content: center;
    margin: auto auto;
    height: 300px;
    width: 100%;
    top: 11%;
  }
  .trial-exit-form-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 200px;
    margin-left: -94px;
    width: 100%;
    position: relative;
  }
  .exit-trial-input {
    padding-left: 7px;
    width: 379px;
    height: 40px;
    border: none;
    border-radius: 10px;
    position: relative;
    color: gray;
    font-size: 20px;
    margin: 0 auto;
  }
  .exit-trial-submit {
    width: 200px;
    border: none;
    background: snow;
    height: 44px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 22px;
    color: red;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
    top: -18px;
    left: -34px;
  }
  .exit-trial-label {
    text-align: center;
    color: snow;
    font-weight: 600;
    font-size: 30px;
    position: absolute;
    margin-top: -22px;
  }
  .noselect-txt {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome and Opera */
  }
  .exit-bg-trial-wrapper {
    position: fixed;
    left: 0;
    top: -3%;
    width: 100%;
    height: 100vh;
    z-index: 999;
    display: none;
    justify-content: center;
  }
  .exit-bg-trial-wrapper .exit-bg-trial {
    display: none;
    position: fixed;
  }
  .wait-exit {
    position: absolute;
    margin: -111px -34px;
    color: snow;
    font-weight: 700;
    font-size: 65px;
  }
  .exit-bg-trial-wrapper .modal-bg-content {
    box-sizing: border-box;
    background-image: url(/tpl/tpl-main/img/bg-trial.svg);
    position: relative;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    width: 780px;
    height: 100%;
    margin: 0 auto;
    display: flex;
  }
  .close-trial-modal {
    cursor: pointer;
    position: absolute;
    line-height: 37px;
    font-size: 78px;
    transform: rotate(45deg);
    text-align: center;
    right: 30px;
    color: #000;
    padding: 3px 5px 4px 1px;
    background: snow;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 163px;
    top: 28%;
  }
  .close-trial-modal:hover {
    color: #000;
  }
}
@media screen and (min-width: 970px) and (min-height: 720px) and (max-width: 1875px) {
  .trial-exit-form-wrapper {
    height: 161px;
  }
}
@media screen and (min-width: 970px) and (min-height: 720px) and (max-width: 1017px) {
  .exit-bg-trial-wrapper .modal-bg-content {
    width: 100%;
  }
  .close-trial-modal {
    margin-right: 273px;
  }
}
@media screen and (min-width: 970px) and (min-height: 720px) and (max-width: 808px) {
  .close-trial-modal {
    margin-right: 150px;
  }
  .exit-trial-input {
    width: 262px;
  }
  .exit-trial-label {
    font-size: 20px;
  }
  .exit-trial-submit {
    width: 100px;
  }
}
@media screen and (min-width: 970px) and (min-height: 720px) {
  .trial-exit-form-wrapper ul li:nth-child(1) {
    display: none;
  }
  .error-input-exit {
    border: 3px solid red;
    box-shadow: 1px 1px 23px 6px snow;
  }
  .error-input-out-exit {
    border: none;
    box-shadow: unset;
  }
}
.parentTableDtbl {
  width: 100%;
  display: flex;
  justify-content: center;
  flex: 10;
  flex-wrap: wrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.parentTableDtbl .dataTables_wrapper {
  width: 100%;
}
.parentTableDtbl .dtbl thead {
  background-color: #dbdbdb;
  font-weight: 600;
}
.parentTableDtbl .dtbl {
  width: 100% !important;
}
.parentTableDtbl .dtbl .sbb {
  font-size: 15px;
}
.parentTableDtbl .dataTables_filter {
  display: flex;
  justify-content: flex-end;
}

.swalCustomer .swal2-title {
  font-size: 1.3em !important;
  margin-bottom: 20px !important;
}
.swalCustomer .swal2-confirm:focus {
  box-shadow: none !important;
  overflow: hidden !important;
  outline: none !important;
}

.dataTables_wrapper .form-control {
  margin-left: 10px !important;
}
.dataTables_wrapper .form-control:focus {
  border-color: #FF0000 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

.enable {
  cursor: pointer;
}

#modalAuth .modal-title {
  line-height: 24px;
  font-weight: bold;
}
#modalAuth .modal-body {
  padding: 20px !important;
  background: #fff;
}
#modalAuth .modal-body .but-captcha {
  padding: 0;
  margin: 0;
}
#modalAuth .modal-body .but-captcha .grecaptcha-badge {
  display: none !important;
}
#modalAuth .modal-body .socialLoginSepar {
  margin: 30px 50px 15px 50px;
}
#modalAuth .modal-body .socialLoginDescr {
  width: 310px;
  margin: 0 auto 15px auto;
  float: none;
}
#modalAuth .modal-body .socialLoginDescr:before {
  content: unset;
}
#modalAuth .modal-body .socialLoginDescr:after {
  content: "";
  background-color: #fff;
  left: 145px;
  top: unset;
  bottom: 0;
  height: 10px;
  width: 30px;
  position: absolute;
}
#modalAuth .modal-body .socialLoginButtons {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-wrap: wrap;
  width: 30%;
}
#modalAuth .modal-body .socialLoginButtons a {
  color: #000000;
}
#modalAuth .modal-body .socialLoginButtons a.fa-facebook-square {
  color: #002a80;
}
#modalAuth .modal-body .socialLoginButtons .socialLoginDescr {
  margin: 0 auto;
}
#modalAuth .modal-body .socialLoginButtons .but-captcha {
  padding: 0;
  margin: 0;
  border: 1px solid #ff0000;
}
@media (max-width: 640px) {
  #modalAuth .modal-body .socialLoginButtons {
    width: 35%;
  }
}
@media (max-width: 520px) {
  #modalAuth .modal-body .socialLoginButtons {
    width: 60%;
  }
}

@media all and (max-width: 860px) {
  /* .shopConstructorMobile {
      display: block;
      .box {
        padding: 0;
        .receiver {
          padding: 10px;
          width: auto;

          .column {
            display: table-row;
          }
        }
        .body {
          padding: 0;
          .durations {
            .duration {
              display: table-row;
              h2 {
                padding-top: 25px;
              }
            }
          }
          .packages {
            padding: 0;
            .packageInfo {
            }
            display: table;
            .package {
              display: table-row;
              width: 100%;
              .colIn {
                display: none;
              }
              .name {
                display: inline-block;
                float: left;
                line-height: 70px;
              }
              .month {
                display: inline-block;
                float: right;
              }
              .title {
                height: 75px;
                text-decoration: none;
                overflow: hidden;
              }

            }
          }
        }
      }
    }
  */
  .menuUpBlockCenterWraper .phoneTitle {
    display: none !important;
  }
  .social_menu {
    top: 45% !important;
  }
}
@media all and (max-width: 785px) {
  .programTVMobile #preLoad {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 5;
    padding: 10px;
    background: url("../img/preLoadPTV.gif") no-repeat center;
  }
  .programTVMobile .channels .channelsPrograms h5 {
    color: #777;
  }
  .programTVMobile #tvWrap #tvBodySearchWrapMobile {
    width: 100%;
  }
  .programTVMobile #tvWrap #tvBodySearchWrapMobile input {
    box-shadow: inset 0 0 15px #ccc;
    box-sizing: border-box;
    padding-left: 50px;
    background: transparent;
    width: 100%;
    border: 0;
    height: 50px;
    border-radius: 10px;
    margin: 10px 0;
    font-size: 1.5em;
  }
  .programTVMobile #tvWrap .tvChannelWrap .valignWrap {
    display: inline-block;
  }
  .programTVMobile #tvWrap .programs #terazL {
    display: none !important;
  }
  .programTVMobile .head {
    display: none;
  }
  .programTVMobile #tvCalendarWrap {
    text-align: center;
    display: none;
    height: auto;
  }
  .programTVMobile #tvCalendarWrap .prev, .programTVMobile #tvCalendarWrap .next {
    display: inline-block;
    font-size: 3.2em;
    cursor: pointer;
    position: relative;
    top: 35px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #CACACA;
    transform: translateY(-50%);
  }
  .programTVMobile #tvCalendarWrap .prev svg, .programTVMobile #tvCalendarWrap .next svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
  }
  .programTVMobile #tvCalendarWrap .prev {
    left: -10px;
  }
  .programTVMobile #tvCalendarWrap .next {
    right: -10px;
  }
  .programTVMobile #tvCalendarWrap input {
    border: 0;
    padding: 1em 0;
    font-size: 3em;
    width: 60%;
    text-align: center;
  }
}
@media all and (max-width: 768px) {
  body .columnsLeftContentWide {
    padding-right: 0;
  }
  body .testimonialsWrap {
    padding: 5px;
  }
  body .testimonialsWrap .testimonialsContent {
    padding: 0 0 10px 0;
  }
  body .testimonialsWrap .testimonialsForm {
    padding: 0;
  }
  body figure {
    float: none !important;
    display: block;
    text-align: center;
    font-style: italic;
    margin: 5px 0 5px 0;
  }
  body .slaiderMainWrap {
    margin: 10px 2%;
  }
  body .slaiderMainWrap .container {
    width: 100%;
    overflow: hidden;
    margin: 0;
  }
  body .nav-justified > li a, body .nav-tabs.nav-justified > li a {
    margin-bottom: 0;
  }
  body .container.topContainer {
    width: 100%;
    margin: 0;
  }
  body .container.topContainer .topBlock .menuUpBlockRight {
    background-color: #F9F9F9;
  }
  body .container.topContainer .topBlock .fixerGrey40 {
    height: 48px;
    background-color: white;
  }
  body .container.topContainer .topBlock .fixerGrey50 {
    height: 48px;
    background-color: white;
  }
  body .menuMainWrap hr {
    height: 1px;
    display: block;
  }
  body .menuMainWrap .menuMain i {
    width: 50px;
    margin-right: 10px;
  }
  body .filterBox {
    padding: 5px 0;
  }
  body .pagesItemWrap .pagesItem {
    padding: 15px 0;
  }
  body .pagesItemWrap .pagesItemBody h3 {
    padding: 0 0 5px 0;
  }
  body .shortNewsBody {
    font-size: 14px;
    line-height: 1.1;
  }
  body .shortNewsBody a {
    padding: 0;
    margin-top: 10px;
    display: block;
  }
  body .filter.panel {
    padding: 8px 10px 6px 0;
  }
  body .filterBox:first-child {
    margin-left: 0;
  }
  body .filterBox {
    margin-left: 0;
    margin-right: 25px;
  }
  body .phoneNumberMobile {
    display: block;
    float: right;
    font-size: 28px;
    padding: 15px;
    color: grey;
  }
  body h3 {
    color: #ff0000;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 1px;
    border-bottom: solid 2px #ff0000;
  }
  body h3 span {
    border-bottom: none !important;
  }
  body .subscribeBlock .simpleButton {
    height: auto;
    margin: 0 10px;
    padding: 5px;
    width: 280px;
    margin-top: 10px;
  }
  body .subscribeBlock .msg {
    width: 95%;
    padding: 10px 0 10px 12px;
  }
  body #preLoader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 5;
    padding: 10px;
    background: rgba(0, 0, 0, 0.4) url("../img/preLoader.gif") no-repeat center;
  }
  body .container {
    margin: 0 auto;
    width: 98%;
  }
  body .container form h4 {
    font-size: 20px;
  }
  body .container form div.tooltip {
    display: none;
  }
  body .container .programTV {
    display: none;
  }
  body .container #pPopup {
    margin: 15px;
    top: 0;
    left: 0;
  }
  body .container .infoBlock .promoText {
    padding: 45px 15px 15px 10px;
  }
  body .container .cartWrap table.niceTable.second thead, body .container .contentWrap table.niceTable.second thead {
    display: none;
  }
  body .container .cartWrap table.niceTable.second tr, body .container .contentWrap table.niceTable.second tr {
    display: table;
    width: 99%;
    border-bottom: solid black 1px;
  }
  body .container .cartWrap table.niceTable.second td, body .container .contentWrap table.niceTable.second td {
    display: table-row;
  }
  body .container .cartWrap table.niceTable.second td div, body .container .cartWrap table.niceTable.second td a, body .container .cartWrap table.niceTable.second td input, body .container .cartWrap table.niceTable.second td span, body .container .contentWrap table.niceTable.second td div, body .container .contentWrap table.niceTable.second td a, body .container .contentWrap table.niceTable.second td input, body .container .contentWrap table.niceTable.second td span {
    padding: 10px 10px;
  }
  body .container #widgetCartBig .cartWrap table.niceTable td div.productName a, body .container #checkoutCart .cartWrap table.niceTable td div.productName a {
    padding: 0;
  }
  body .container #widgetCartBig .cartWrap table.niceTable td div.productName, body .container #checkoutCart .cartWrap table.niceTable td div.productName {
    padding: 0;
  }
  body .container #widgetCartBig .cartWrap table.niceTable td div.item-options, body .container #checkoutCart .cartWrap table.niceTable td div.item-options {
    margin: 0;
    padding: 0 0 10px 0;
  }
  body .container #widgetCartBig .cartWrap table.niceTable td div.item-options span, body .container #checkoutCart .cartWrap table.niceTable td div.item-options span {
    padding: 0;
  }
  body .container #widgetCartBig .cartWrap table.niceTable td div.item-options .item-option-row, body .container #checkoutCart .cartWrap table.niceTable td div.item-options .item-option-row {
    padding: 0;
  }
  body .container #widgetCartBig .cartWrap table.niceTable td .productRemove, body .container #checkoutCart .cartWrap table.niceTable td .productRemove {
    padding: 0;
  }
  body .container #widgetCartBig .cartWrap table.niceTable thead, body .container #widgetCartBig .contentWrap table.niceTable thead, body .container #checkoutCart .cartWrap table.niceTable thead, body .container #checkoutCart .contentWrap table.niceTable thead {
    display: none;
  }
  body .container #widgetCartBig .cartWrap table.niceTable tr, body .container #widgetCartBig .contentWrap table.niceTable tr, body .container #checkoutCart .cartWrap table.niceTable tr, body .container #checkoutCart .contentWrap table.niceTable tr {
    position: relative;
    display: table;
    width: 99%;
    border-bottom: solid black 1px;
  }
  body .container #widgetCartBig .cartWrap table.niceTable tr .blockRightTop, body .container #widgetCartBig .contentWrap table.niceTable tr .blockRightTop, body .container #checkoutCart .cartWrap table.niceTable tr .blockRightTop, body .container #checkoutCart .contentWrap table.niceTable tr .blockRightTop {
    position: absolute;
    border: 0;
  }
  body .container #widgetCartBig .cartWrap table.niceTable tr .count, body .container #widgetCartBig .contentWrap table.niceTable tr .count, body .container #checkoutCart .cartWrap table.niceTable tr .count, body .container #checkoutCart .contentWrap table.niceTable tr .count {
    right: 0;
    top: 0;
  }
  body .container #widgetCartBig .cartWrap table.niceTable tr .price, body .container #widgetCartBig .contentWrap table.niceTable tr .price, body .container #checkoutCart .cartWrap table.niceTable tr .price, body .container #checkoutCart .contentWrap table.niceTable tr .price {
    right: -10px;
    top: 40px;
  }
  body .container #widgetCartBig .cartWrap table.niceTable tr .preview, body .container #widgetCartBig .contentWrap table.niceTable tr .preview, body .container #checkoutCart .cartWrap table.niceTable tr .preview, body .container #checkoutCart .contentWrap table.niceTable tr .preview {
    text-align: left;
  }
  body .container #widgetCartBig .cartWrap table.niceTable td, body .container #widgetCartBig .contentWrap table.niceTable td, body .container #checkoutCart .cartWrap table.niceTable td, body .container #checkoutCart .contentWrap table.niceTable td {
    display: table-row;
  }
  body .container #widgetCartBig .cartWrap table.niceTable td div, body .container #widgetCartBig .cartWrap table.niceTable td a, body .container #widgetCartBig .cartWrap table.niceTable td input, body .container #widgetCartBig .cartWrap table.niceTable td span, body .container #widgetCartBig .contentWrap table.niceTable td div, body .container #widgetCartBig .contentWrap table.niceTable td a, body .container #widgetCartBig .contentWrap table.niceTable td input, body .container #widgetCartBig .contentWrap table.niceTable td span, body .container #checkoutCart .cartWrap table.niceTable td div, body .container #checkoutCart .cartWrap table.niceTable td a, body .container #checkoutCart .cartWrap table.niceTable td input, body .container #checkoutCart .cartWrap table.niceTable td span, body .container #checkoutCart .contentWrap table.niceTable td div, body .container #checkoutCart .contentWrap table.niceTable td a, body .container #checkoutCart .contentWrap table.niceTable td input, body .container #checkoutCart .contentWrap table.niceTable td span {
    padding: 10px 10px;
  }
  body .container .widgetCart .cartWrap .productPrice {
    padding: 5px 10px !important;
  }
  body .container .widgetCart .cartWrap .productPriceOld {
    padding: 5px 10px !important;
  }
  body .container .widgetCart .cartWrap table.niceTable td div.productName a {
    padding: 0;
  }
  body .container .widgetCart .cartWrap table.niceTable td div.productName {
    padding: 0;
  }
  body .container .widgetCart .cartWrap table.niceTable td div.item-options {
    margin: 0;
    padding: 0 0 10px 0;
  }
  body .container .widgetCart .cartWrap table.niceTable td div.item-options span {
    padding: 0;
  }
  body .container .widgetCart .cartWrap table.niceTable td div.item-options .item-option-row {
    padding: 0;
  }
  body .container .widgetCart .cartWrap table.niceTable td .productRemove {
    padding: 0;
  }
  body .container .widgetCart .cartWrap table.niceTable thead, body .container .widgetCart .contentWrap table.niceTable thead {
    display: none;
  }
  body .container .widgetCart .cartWrap table.niceTable tr, body .container .widgetCart .contentWrap table.niceTable tr {
    position: relative;
    display: table;
    width: 99%;
    border-bottom: solid black 1px;
  }
  body .container .widgetCart .cartWrap table.niceTable tr .blockRightTop, body .container .widgetCart .contentWrap table.niceTable tr .blockRightTop {
    position: absolute;
    border: 0;
  }
  body .container .widgetCart .cartWrap table.niceTable tr .count, body .container .widgetCart .contentWrap table.niceTable tr .count {
    right: 0;
    top: 0;
  }
  body .container .widgetCart .cartWrap table.niceTable tr .price, body .container .widgetCart .contentWrap table.niceTable tr .price {
    right: -10px;
    top: 48px;
  }
  body .container .widgetCart .cartWrap table.niceTable tr .preview, body .container .widgetCart .contentWrap table.niceTable tr .preview {
    text-align: left;
  }
  body .container .widgetCart .cartWrap table.niceTable td, body .container .widgetCart .contentWrap table.niceTable td {
    display: table-row;
  }
  body .container .widgetCart .cartWrap table.niceTable td div, body .container .widgetCart .cartWrap table.niceTable td a, body .container .widgetCart .cartWrap table.niceTable td input, body .container .widgetCart .cartWrap table.niceTable td span, body .container .widgetCart .contentWrap table.niceTable td div, body .container .widgetCart .contentWrap table.niceTable td a, body .container .widgetCart .contentWrap table.niceTable td input, body .container .widgetCart .contentWrap table.niceTable td span {
    padding: 10px 10px;
  }
  body .container .topBlock {
    display: table;
    width: 100%;
  }
  body .container .topBlock .menuUpBlockLeft {
    display: table-row;
    float: none;
  }
  body .container .topBlock .menuUpBlockLeft .slogan {
    display: none;
  }
  body .container .topBlock .menuUpBlockLeft .logo {
    float: none;
    margin: 20px 5px 20px 2%;
  }
  body .container .topBlock {
    /*.menuUpBlockRight {
      display: table-row;
      float: none;
      .menuUpBlockRightTop {
        text-align: left;
        height: auto;
        width: 100%;
        .menuUpBlockRightTopLanguages {
          //float: none;
          margin: 0 auto;

        }
        .menuUpBlockRightTopAuth {
          float: none;
          padding: 4px 13px;

        }
      }
      .menuUpBlockRightBottom {
        width: 100%;
        text-align: right;
        .menuUpBlockRightBottomItem {

        }
      }
    }*/
  }
  body .container .topBlock .menuUpBlockCenter {
    display: table-row;
    float: none;
    position: inherit;
  }
  body .container .topBlock .menuUpBlockCenter .menuUpBlockCenterWraper {
    display: table;
    width: 100%;
    text-align: center;
  }
  body .container .topBlock .menuUpBlockCenter .menuUpBlockCenterWraper > :first-child {
    display: none;
  }
  body .container .topBlock .menuUpBlockCenter .menuUpBlockCenterWraper span {
    display: table-cell;
    float: none;
    height: 40px;
  }
  body .container .topBlock .menuUpBlockCenter .menuUpBlockCenterWraper .phoneTitle {
    display: none;
  }
  body .container .topBlock .menuUpBlockCenter .menuUpBlockCenterWraper .phoneNumber {
    position: relative;
    bottom: 10px;
    display: none;
  }
  body .container .topBlock .menuUpBlockCenter .menuUpBlockCenterWraper .phoneNumber sup {
    display: none;
  }
  body .container .sliderWrap .bullets {
    display: none;
  }
  body .container .sliderWrap .draggable {
    height: auto;
  }
  body .container .sliderWrap .draggable .slide {
    width: 100%;
  }
  body .container .sliderWrap .draggable .slide h2 {
    font-size: 14pt;
  }
  body .container .contentWrap {
    text-align: left;
    padding: 20px 0px;
  }
  body .container .contentWrap div.parentTable {
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
  }
  body .container .contentWrap .content img {
    max-width: 100%;
  }
  body .container .contentWrap .content h2 {
    padding: 10px;
  }
  body .container .contentWrap .content h4 {
    padding: 0 10px;
  }
  body .container .contentWrap .content h5 {
    padding: 10px;
  }
  body .container .contentWrap .content p {
    padding: 0 10px 12px 10px;
  }
  body .container .contentWrap .content p img {
    width: 100%;
  }
  body .container .contentWrap .devicesText {
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    width: 100%;
    padding: 0 0 20px 0;
    float: right;
    display: block;
  }
  body .container .getMoreBlock .list {
    height: auto;
  }
  body .container .getMoreBlock .list .item {
    padding-bottom: 10px;
    padding-left: 0;
  }
  body .container .getMoreBlock .list .item i {
    margin-bottom: 5px;
  }
  body .groupsPageInfo .shopConstructorMobile {
    display: block;
  }
  body .groupsPageInfo .shopConstructorMobile .box {
    padding: 0;
  }
  body .groupsPageInfo .shopConstructorMobile .box .receiver {
    padding: 10px;
    width: auto;
  }
  body .groupsPageInfo .shopConstructorMobile .box .receiver .column {
    display: table-row;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body {
    padding: 0;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .durations .duration {
    display: table-row;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .durations .duration h2 {
    padding-top: 25px;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .packages {
    padding: 0;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .packages {
    display: table;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .packages .package {
    display: table-row;
    width: 100%;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .packages .package .colIn {
    display: none;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .packages .package .name {
    display: inline-block;
    float: left;
    line-height: 70px;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .packages .package .month {
    display: inline-block;
    float: right;
  }
  body .groupsPageInfo .shopConstructorMobile .box .body .packages .package .title {
    height: 75px;
    text-decoration: none;
    overflow: hidden;
  }
  body .groupsPageInfo .iBanner {
    width: 100%;
  }
  body .groupsPageInfo .iBanner h3 {
    background-color: transparent;
    border-bottom: none;
  }
  body .columnsWrapper .columnsLeft form .groupColumnSpoilerWrap .groupColumnsSpoiler, body .columnsWrapper .contentWrap form .groupColumnSpoilerWrap .groupColumnsSpoiler {
    display: table;
  }
  body .columnsWrapper .columnsLeft form .groupColumnSpoilerWrap .groupColumnsSpoiler .group sup, body .columnsWrapper .contentWrap form .groupColumnSpoilerWrap .groupColumnsSpoiler .group sup {
    position: inherit;
  }
  body .columnsWrapper .columnsLeft form .groupColumnSpoilerWrap .groupColumnsSpoiler .groupColumn, body .columnsWrapper .contentWrap form .groupColumnSpoilerWrap .groupColumnsSpoiler .groupColumn {
    display: table-row;
  }
  body .columnsWrapper .columnsLeft form .groupColumnSpoilerWrap .groupColumnsSpoiler .groupColumn sup, body .columnsWrapper .contentWrap form .groupColumnSpoilerWrap .groupColumnsSpoiler .groupColumn sup {
    position: inherit;
    top: 0px;
    left: -10px;
  }
  body .columnsWrapper .columnsLeft .products > [class*=col-], body .columnsWrapper .contentWrap .products > [class*=col-] {
    flex-direction: column;
  }
  body .columnsWrapper .columnsLeft .products .product .img, body .columnsWrapper .contentWrap .products .product .img {
    width: 220px;
    min-width: 220px;
    height: 180px;
    margin: auto;
  }
  body .columnsWrapper .columnsLeft .products .product .body, body .columnsWrapper .contentWrap .products .product .body {
    display: table-row;
  }
  body .columnsWrapper .columnsLeft .products .product .body .actions .cartAddWrap, body .columnsWrapper .contentWrap .products .product .body .actions .cartAddWrap {
    padding-right: 20px;
  }
  body .columnsWrapper .columnsLeft .panel .pager, body .columnsWrapper .contentWrap .panel .pager {
    float: right;
  }
  body .columnsWrapper .columnsLeftContent {
    padding-right: 0;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap {
    padding: 0;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .ff-horizontal {
    padding: 10px;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .spoilerMultilevel .spoilerHeader {
    font-size: 18px;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .itemMenuContentBlocks .itemMenuContentBlock {
    padding: 10px 0 0 0;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .itemMenuContentBlocks .itemMenuContentBlock .spanH2 {
    width: 96%;
    padding: 0 2%;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .itemMenuContentBlocks .itemMenuContentBlock .specifications_table {
    width: 96%;
    padding: 0 2%;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap p {
    padding: 5px 10px;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .faq_table td {
    padding: 5px 5px;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .spoilerBody .spoiler .spoilerBody .spoilerContent img {
    width: 100%;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .spoilerBody .spoilerContent table tr:first-child {
    display: none;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .spoilerBody .spoilerContent table tr {
    display: table;
    margin: 10px 0;
    width: 100%;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .spoilerBody .spoilerContent table tr td {
    display: table-row;
    text-align: center;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .devicesWrap .instructions table tr td {
    padding: 5px 5px;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .devicesWrap .instructions table tr td:first-child {
    width: 25%;
  }
  body .columnsWrapper .columnsLeftContent .contentWrap .itemMenuContentBlocks .itemMenuContentBlock table tr td {
    width: auto !important;
  }
  body .columnsWrapper .columnsLeftContent .itemContentWrap .cell .img {
    width: 100%;
  }
  body .columnsWrapper .columnsLeftContent .itemContentWrap .cell {
    display: table-row;
  }
  body .columnsWrapper .columnsLeftContent .promoElementsWide .promoElementBox .promoElement {
    min-height: 170px;
    height: auto;
  }
  body .columnsWrapper .columnsLeftContent form ul li:first-child {
    display: none;
  }
  body .columnsWrapper .columnsLeftContent .panel .pager {
    float: none;
    text-align: center;
    display: block;
  }
  body .promoElements .promoElementBox {
    width: 33.33333%;
    min-width: 33.33335%;
  }
  body .promoElements .promoElementBox .promoElementDescr {
    display: none;
  }
  body .promoElements .promoElementBox .promoElement {
    height: auto;
    text-align: center;
  }
  body .promoElements .promoElementBg {
    margin: auto;
  }
  body .promoWhy .row.viewTypeWrap {
    display: block;
    padding: 0;
  }
  body .promoWhy .row.viewTypeWrap .viewTypeBlock {
    display: block;
    padding: 0;
    width: auto;
  }
  body .promoWhy .promoWhyItems {
    margin-bottom: 10px;
  }
  body .promoWhy .promoWhyItems .promoWhyItem {
    display: table-row;
  }
  body #menuMainFloatWrap .container nav.navbar {
    border-radius: 0.25rem;
    position: relative;
    padding: 0;
  }
  body #menuMainFloatWrap .container nav.bg-faded {
    background-color: #f7f7f9;
  }
  body #menuMainFloatWrap .container .fade {
    opacity: 0;
  }
  body #menuMainFloatWrap .container .fade.in {
    opacity: 1;
  }
  body #menuMainFloatWrap .container .collapse {
    display: none;
  }
  body #menuMainFloatWrap .container .collapse.in {
    display: block;
  }
  body #menuMainFloatWrap .container tr.collapse.in {
    display: table-row;
  }
  body #menuMainFloatWrap .container tbody.collapse.in {
    display: table-row-group;
  }
  body #menuMainFloatWrap .container .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
  }
  body #menuMainFloatWrap .container .navbar-toggler {
    display: inline-block;
    background: url("../svg/button.svg") transparent no-repeat center center;
    border: 1px solid transparent;
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.9);
    width: 2.5em;
    height: 2em;
    padding: 0.5rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-size: 24px 24px;
    margin: 5px;
    border-radius: 0.25rem;
  }
  body #menuMainFloatWrap .container ul li {
    display: inline-block !important;
    width: 100%;
    position: relative;
    margin: 0 5px;
    text-align: center;
  }
  .breadcrumbsWrap .container .breadcrumbs .breadcrumbsBack {
    display: none;
  }
  .breadcrumbsWrap .container .breadcrumbs .breadcrumbsBody h1 {
    font-size: 2.5em;
    margin-left: 10px;
  }
  .breadcrumbsWrap .container .breadcrumbs .breadcrumbsBody .crumbs {
    margin-left: 10px;
    padding: 5px 0;
  }
  .breadcrumbsWrap .container .breadcrumbs .breadcrumbsBody .crumbs a {
    line-height: 10px;
    height: 20px;
  }
  .breadcrumbsWrap .container .breadcrumbs .breadcrumbsBody .crumbs span {
    line-height: 10px;
  }
  .breadcrumbsWrap .container .breadcrumbs .breadcrumbsBody .crumbs i {
    line-height: 14px;
  }
  .sideMenuWrap .sideMenuItems {
    display: none;
  }
  .custSideMenu {
    display: none;
  }
  .footer .container .payment-wrap {
    display: none;
  }
  .footer .container .row.footerLinks {
    display: none;
  }
  .footer .container .footerIconsCC {
    display: none;
  }
  .footer .footerBottomBlock .footerBottomBlockLinks {
    display: none;
  }
  .social_menu {
    display: none;
  }
  .shortNewsWrap .container .shortNews .shortNewsBody {
    padding: 10px 0 0 20px;
  }
  .shortNewsWrap .container .shortNews div.shortNewsCalender {
    padding: 30px 10px 0 30px;
  }
  .shortNewsWrap .container .shortNews .shortNewsTitle {
    padding: 5px 5px;
    width: 97%;
  }
}
@media all and (max-width: 741px) {
  .menuUpBlockRight {
    display: table-row;
    float: none;
    padding: 5px 0;
  }
  .menuUpBlockRight .menuUpBlockRightTop {
    text-align: left;
    height: auto;
    width: 100%;
  }
  .menuUpBlockRight .menuUpBlockRightTop .menuUpBlockRightTopLanguages {
    margin: 5px auto;
  }
  .menuUpBlockRight .menuUpBlockRightTop .menuUpBlockRightTopCurrencyChanger {
    margin: 4px auto;
    padding: 0;
  }
  .menuUpBlockRight .menuUpBlockRightTop .menuUpBlockRightTopAuth {
    float: none;
    padding: 4px 13px;
  }
  .menuUpBlockRight .menuUpBlockRightBottom {
    width: 100%;
    text-align: right;
  }
}
.ff ul li .tooltip-link {
  margin-top: 5px;
  display: block;
}

.ff ul li input[type=checkbox] + a:before {
  content: "\a";
  white-space: pre;
}

.radioWrap .panelRadioWrap {
  padding: 2px 0;
}
.radioWrap .panelRadioWrap .panelRadio .panelRadioColumn {
  display: table-row;
}
.radioWrap .panelRadioWrap .panelRadio .panelRadioColumn .precautionBlock {
  margin: 0;
}

@media all and (min-width: 600px) and (max-width: 768px) {
  body #menuMainFloatWrap .container ul.nav li {
    width: 48%;
  }
}
@media all and (max-width: 960px) {
  body .columnsWrapper .columnsLeftContent .itemContentWrap .cell {
    display: table-row;
  }
  body .columnsWrapper .columnsLeftContent .itemContentWrap .cell .img {
    border: none;
    background-position: center center;
    margin: 0 auto;
  }
}
@media all and (min-width: 769px) and (max-width: 1200px) {
  body .social_menu {
    display: table;
    bottom: 0;
  }
  body .shortNewsWrap {
    padding: 10px;
  }
  body #menuMainFloatWrap nav .nav {
    width: 100%;
    display: flex;
  }
  body #menuMainFloatWrap nav .nav-justified > li, body #menuMainFloatWrap nav .nav-tabs.nav-justified > li {
    list-style-type: none;
    flex-basis: auto;
    flex-grow: 1;
    text-align: center;
  }
  body #menuMainFloatWrap nav .navbar-toggler {
    display: none;
  }
  body .menuMainWrap .menuMain {
    height: auto;
    text-align: center;
  }
  body .menuMainWrap .menuMain i {
    float: none;
  }
  body .menuMainWrap .menuMain span {
    display: none;
  }
  body .menuMainFloatWrapFix .container {
    width: 100%;
  }
  body .container {
    width: 100%;
  }
  body .container .programTV .body {
    padding: 20px 0;
  }
  body .container .programTV .body .channels {
    width: 30%;
  }
  body .container .programTV .body .channels .top .search {
    white-space: nowrap;
    float: none;
  }
  body .container .programTV .body .programs {
    width: 65%;
  }
  body .container .promoWhy .viewTypeWrap {
    padding: 0;
  }
  body .container .getMoreBlock .list {
    height: auto;
    overflow: auto;
  }
  body .container .sliderWrap .bullets {
    display: none;
  }
  body .container .topContainer {
    width: 100%;
    margin: 0;
  }
  body .container .topContainer .topBlock .menuUpBlockCenter .menuUpBlockCenterWraper span {
    display: none;
  }
  body .container .topContainer .topBlock .menuUpBlockCenter .menuUpBlockCenterWraper .phoneNumber {
    display: block;
  }
  body .container .topContainer .topBlock .menuUpBlockLeft {
    margin-left: 10px;
  }
  body .container .topContainer .topBlock .menuUpBlockRight .menuUpBlockRightBottom {
    display: table;
    float: right;
    margin-right: 10px;
  }
  body .container .topContainer .topBlock .menuUpBlockRight .menuUpBlockRightBottom .menuUpBlockRightBottomItem {
    display: table-row;
    background-image: none;
  }
  body .container .topContainer .topBlock .menuUpBlockLeft .logo {
    padding: 20px 10px;
  }
  body .container .promoElements .promoElementBox {
    display: inline-block;
  }
  body .container .iBanner {
    background-position: left center;
    width: auto;
  }
  body .container .scColumns .box {
    padding: 0 5px;
  }
  body .container .scColumns .box .body {
    padding: 0;
  }
  body .container .scColumns .box .body .packages div.packageInfo .cell {
    font-size: 16px;
    white-space: nowrap;
  }
  body .container .scColumns .box .body .packages div.package .cell {
    white-space: nowrap;
  }
  body .container .content .devicesText {
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    width: 100%;
    padding: 0 0 20px 0;
    float: right;
    display: none;
    color: #ff0000;
  }
  body .contentWrap #main-selector .devices__selector__item .device__selector__item__text {
    display: none;
  }
  body .contentWrap #main-selector .devices__selector__item .device__sprite {
    display: inline-block;
    height: 50px;
  }
  body .contentWrap .MsoNormal img {
    max-width: 100%;
  }
  body .panel-3 .col.box-1 {
    flex: 0 0 36%;
  }
  body .panel-3 .col.box-1 .box-panel {
    padding: 20px 10px;
  }
  body .panel-3 .col.box-2 {
    flex: 0 0 38%;
  }
  body .panel-3 .col.box-2 .box-panel {
    padding: 20px 10px;
    padding-left: 60px;
  }
  body .panel-3 .col.box-3 .box-panel {
    padding: 20px 10px;
    padding-left: 50px;
  }
  body .footer .footerLinks ul {
    min-width: 100%;
  }
}
@media all and (min-width: 930px) and (max-width: 1240px) {
  .scColumns .box .body .packages div.package .title {
    font-size: 28px;
  }
}
@media all and (min-width: 850px) and (max-width: 980px) {
  .scColumns .box .body .packages div.package .cell {
    font-size: 16px;
  }
  .scColumns .box .body .packages div.package .title {
    font-size: 24px;
  }
  .scColumns .box .body .packages div.package .title .month {
    margin: 2px 0 0 0;
  }
}
@media all and (min-width: 768px) and (max-width: 850px) {
  .scColumns .box .body .packages div.package .cell {
    font-size: 14px;
  }
  .scColumns .box .body .packages div.package .title {
    font-size: 20px;
  }
  .scColumns .box .body .packages div.package .title .month {
    margin: 2px 0 0 0;
  }
}
@media all and (min-width: 768px) and (max-width: 980px) {
  .scColumns .box .body .packages div.package .title .month b {
    font-size: 32px;
  }
  .products .product .body {
    margin: 0 !important;
    padding: 0 !important;
  }
  .products .product .body .actions {
    min-width: 200px !important;
  }
}
@media all and (min-width: 769px) and (max-width: 1240px) {
  .columnsWrapper .columnsLeft .columnsLeftContent {
    padding-left: 10px;
  }
}
.navbar-toggler {
  display: none;
}

@media all and (max-width: 769px) {
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-xs-12 {
    padding: 0;
  }
}
@media (max-width: 768px) {
  body .modal.in .modal-dialog {
    transform: translate(0, 25%);
    -webkit-transform: translate(0, 25%);
  }
  body .modal .modal-dialog {
    margin: 10px auto;
  }
  body .prod-options-modal {
    top: 0;
  }
}
@media (max-width: 480px) {
  .mobile-hide {
    display: none;
  }
  body .columnsWrapper .columnsLeft .panel .pager {
    width: 100%;
    float: left;
    justify-content: flex-start;
    padding: 5px;
  }
  body .item-mobile-hide {
    display: none;
  }
  body .hide-bg {
    background: unset;
  }
  body .modal.in .modal-dialog {
    transform: translate(0, 30%);
    -webkit-transform: translate(0, 30%);
  }
  body .prod-options-modal {
    top: 0;
  }
  body .table-scrool-x {
    display: block;
    overflow-x: auto;
  }
  body .itemContentWrap .cell .price {
    padding: 0 10px 10px 0;
  }
  body #rg-trial-section input {
    width: 90%;
  }
}
@media all and (max-width: 392px) {
  .menuUpBlockRightTopAuth {
    width: 100%;
    padding: 0 !important;
  }
  .menuUpBlockRightTopLanguages {
    padding: 0 !important;
  }
  body figure img {
    width: 100%;
  }
  body .promoElements .promoElementBox {
    width: 50%;
    min-width: 50%;
  }
  body .promoElements .promoElementBox .promoElementDescr {
    display: none;
  }
  body .promoElements .promoElementBox .promoElement {
    height: auto;
    text-align: center;
  }
  body .promoElements .promoElementBg {
    margin: auto;
  }
  body .itemContentWrap .cell .img {
    height: 270px;
  }
  body div.product-option select.form-control, body div.product-option input.form-control {
    width: 100%;
  }
  body div.product-option label {
    width: 100%;
  }
  body div.product-option div.option-wr {
    display: inline-block;
    width: 90%;
  }
  body .modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  body .columnsLeft .btn {
    display: block;
  }
  #shopConstructorMobile .grid .row .col .cell {
    height: auto;
  }
  #shopConstructorMobile .grid .row .col .cell .cell-title {
    height: 50px !important;
    white-space: normal;
    display: table-cell;
    vertical-align: middle;
  }
}
#checkoutCart .panelRadio {
  border: none !important;
}

@media all and (max-width: 640px) {
  .sliderWrap .draggable .slide .content {
    width: 94% !important;
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .sliderWrap .draggable .slide .content.marginContent {
    margin-top: 0 !important;
  }
}
@media all and (max-width: 480px) {
  .swal2-popup {
    width: 90% !important;
  }
}
@media all and (min-width: 769px) and (max-width: 860px) {
  .promoElements .promoElementBox .promoElementDescr div {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) {
  .cartWrap .productPrice {
    padding: 5px 10px !important;
  }
  .cartWrap .productPriceOld {
    padding: 5px 10px !important;
  }
}
input.custom-file-input:focus {
  outline: none;
}

input.custom-file-input {
  margin: 10px 0 10px 0;
}

button,
textarea,
select,
.tooltip,
label,
.requiredText,
input {
  font-family: "Open Sans", sans-serif;
  text-shadow: none;
  font-size: 13px;
}

.ff {
  text-align: left;
  padding: 0;
  margin: 0;
  font-size: 13px;
}
.ff h4 {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}
.ff ul {
  margin: 5px 0;
  padding: 0;
  display: table;
  width: 100%;
}
.ff ul li {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
  padding: 0;
  position: relative;
  list-style-type: none;
  font-weight: normal;
}
.ff ul li .inputPhoneWrap {
  display: table;
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
}
.ff ul li .inputPhoneWrap .cell {
  display: table-cell;
}
.ff ul li .inputPhoneWrap .current {
  cursor: pointer;
  padding-left: 10px;
}
.ff ul li .inputPhoneWrap .current .currentCountrySelected {
  margin-right: 3px;
}
.ff ul li .inputPhoneWrap .countrySelector {
  width: 50px;
  position: relative;
}
.ff ul li .inputPhoneWrap .countrySelector .list {
  position: absolute;
  display: none;
  background-color: white;
  top: 0;
  left: 0;
  border: solid 1px #ddd;
  width: 200px;
  overflow-y: scroll;
  max-height: 300px;
  z-index: 10000;
}
.ff ul li .inputPhoneWrap .countrySelector .list .flagWrap {
  display: block;
  height: 16px;
  overflow: hidden;
  text-align: left;
  padding: 2px 5px;
  cursor: pointer;
}
.ff ul li .inputPhoneWrap .countrySelector .list .flagWrap:hover {
  background-color: #f0f0f0;
}
.ff ul li .inputPhoneWrap .countrySelector .list .flagWrap .flag-16 {
  display: inline-block;
  float: left;
  margin: 1px 10px 0 5px;
}
.ff ul li .inputPhoneWrap .countryCode {
  width: 45px;
  border-radius: 1px;
  background-color: #F0F0F0;
  border: 1px solid #ddd;
  border-top: solid 1px #bbb;
  border-right: none;
  text-align: center;
}
.ff ul li .inputPhoneWrap .countryCode input {
  width: 100%;
}
.ff ul li .inputPhoneWrap .inputPhoneNumber {
  width: auto;
}
.ff ul li .inputPhoneWrap .inputPhoneNumber input[type=tel] {
  width: 100%;
}
.ff ul li a {
  color: #202020;
}
.ff ul li b {
  color: red;
}
.ff ul li .requiredText {
  color: red;
  padding-top: 1px;
}
.ff ul li .requiredText i {
  float: left;
  margin: 4px 3px 0 0;
  font-size: 10px;
}
.ff ul li input[type=text],
.ff ul li input[type=email],
.ff ul li input[type=tel],
.ff ul li input[type=number],
.ff ul li input[type=date],
.ff ul li input[type=password] {
  padding: 5px 6px;
  border-radius: 1px;
  border: solid 1px #ddd;
  border-top: solid 1px #bbb;
  box-shadow: inset 0 2px 8px #eee;
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
}
.ff ul li input[type=text].inputCVV2 {
  width: 50px;
}
.ff ul li input[type=number] {
  max-width: 100px;
}
.ff ul li input[type=radio] {
  float: left;
  margin: 0;
  box-sizing: border-box;
  height: 16px;
  line-height: 16px;
  display: block;
}
.ff ul li input[type=checkbox] {
  margin: 2px 8px 0 10px;
}
.ff ul li label {
  display: block;
  padding: 7px 0 6px 1px;
}
.ff ul li textarea {
  padding: 6px;
  border-radius: 1px;
  border: solid 1px #ddd;
  border-top: solid 1px #bbb;
  box-shadow: inset 0 2px 8px #eee;
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  font-size: 13px;
  resize: none;
}
.ff ul li .label {
  padding: 6px;
  border-radius: 1px;
  border: solid 1px #ddd;
  border-top: solid 1px #bbb;
  box-shadow: inset 0 2px 8px #eee;
  width: 100%;
  max-width: 400px;
  background-color: #F9F9F9;
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  height: 31px;
}
.ff ul li select {
  padding: 5px 6px;
  border-radius: 1px;
  border: solid 1px #ddd;
  border-top: solid 1px #bbb;
  box-sizing: border-box;
  width: 100%;
  max-width: 400px;
}
.ff ul li .panelRadio {
  padding: 10px 0;
  margin-top: 20px;
  margin-bottom: 10px;
  border: solid 1px #E6E6E6;
  margin-left: 0;
}
.ff ul li .panelRadioWrap label {
  cursor: pointer;
}
.ff ul li .panelRadioWrap label span {
  color: #7B7B7B;
  font-family: "Open Sans", sans-serif;
}
.ff ul li .panelRadioHidden {
  display: none;
}
.ff ul li input.nonConfirmedEmail:focus,
.ff ul li input.nonConfirmedEmail {
  border: dashed 2px #00CD0E;
  box-shadow: none;
}
.ff ul li .checkboxWrap {
  background-color: #f0f0f0;
  padding: 10px;
  display: inline-block;
}
.ff ul li .tooltip {
  position: absolute;
  top: -10px;
  display: block;
  z-index: 1;
  min-width: 300px;
  border: solid 1px #ddd;
  background-color: #fff;
  padding: 10px 20px;
  padding-left: 30px;
}
.ff ul li .tooltip:before {
  content: "";
  border: solid 1px #ddd;
  background-color: #fff;
  height: 12px;
  width: 12px;
  position: absolute;
  left: -6px;
  top: 8px;
  transform: rotate(45deg);
}
.ff ul li .tooltip:after {
  content: "";
  background-color: #fff;
  left: 0;
  top: 0;
  height: 30px;
  width: 10px;
  position: absolute;
}
.ff ul li .tooltip p {
  display: list-item;
  margin: 0;
  padding-bottom: 5px;
  display: list-item;
  list-style: disc;
}
.ff ul li input:focus,
.ff ul li textarea:focus {
  border-color: #CACACA;
  box-shadow: none;
}
.ff ul li button.active {
  background-color: white !important;
  color: #ff0000 !important;
}
.ff ul li button.button {
  -webkit-appearance: none;
  outline: none;
  background-color: #ff0000;
  border: solid 2px #ff0000;
  line-height: 16px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  margin: 0 0 0 0;
  font-weight: 800;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 3px;
  margin-right: 4px;
}
.ff ul li button.button.fr {
  float: right;
}
.ff ul li button.button:hover {
  color: #ff0000;
  background-color: #fff;
}
.ff ul li button.button.default {
  background-color: rgb(241.25, 241.25, 241.25);
  border: 2px solid rgb(177.5, 177.5, 177.5);
  color: #7B7B7B;
}
.ff ul li button.button.default:hover {
  background-color: #fff;
}
.ff ul li .buttonTransparent {
  -webkit-appearance: none;
  outline: none;
  background-color: #fff;
  border: solid 2px #fff;
  line-height: 16px;
  box-sizing: border-box;
  font-size: 18px;
  color: #202020;
  font-weight: normal;
  margin: 0 0 0 0;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 3px;
}
.ff ul li button.right {
  float: right;
}
.ff ul li a.button {
  padding: 4px 8px;
  background: #ff0000;
  box-sizing: border-box;
  color: white;
  border: solid 2px #ff0000;
  font-size: 18px;
  margin: 0;
  border-radius: 3px;
}
.ff ul li a.button.button-inline {
  padding-top: 2px;
}
.ff ul li.ffCaptcha img,
.ff ul li.ffCaptcha a {
  float: left;
  display: block;
  height: 29px;
}
.ff ul li.ffCaptcha input[type=text] {
  width: 160px;
  float: left;
  display: block;
}
.ff ul li.ffCaptcha a {
  padding: 0 10px;
  color: #CACACA;
  line-height: 29px;
}
.ff ul li.ffCaptcha a:hover {
  color: #ff0000;
}
.ff ul li.ffCaptcha img {
  border: solid 1px #ddd;
  border-top: solid 1px #bbb;
  box-shadow: inset 0 2px 8px #eee;
}
.ff ul li.ffCaptcha .requiredText {
  line-height: 29px;
  height: 29px;
  padding-left: 10px;
  display: block;
  float: left;
}
.ff ul li.radioWrap {
  display: table-cell;
  margin: 5px 0;
}
.ff ul li.radioWrap span {
  float: left;
  height: 16px;
  line-height: 16px;
  display: block;
  margin-left: 10px;
}
.ff ul li:first-child {
  width: 200px;
  text-align: right;
  padding-right: 10px;
  vertical-align: top;
}
.ff ul li:last-child {
  text-align: left;
  padding-right: 10px;
  vertical-align: top;
}
.ff .groupColumn ul li:first-child {
  width: 150px;
  vertical-align: top;
}
.ff div.unvalidated input[type=checkbox] {
  box-shadow: 0 0 2px 2px rgba(255, 0, 0, 0.4), 0 0 0 1px rgba(255, 0, 0, 0.4);
}
.ff div.unvalidated input[type=checkbox] + span {
  border-bottom: dashed 1px red;
  color: red;
}
.ff div.unvalidated.nowpaymentsRequiredWrap > div:first-child {
  border: 1px solid red !important;
}
.ff div.unvalidated.nowpaymentsRequiredWrap .nowpaymentsRequiredText {
  color: red !important;
}
.ff ul.unvalidated .countryCode {
  background-color: #fff6f6 !important;
  border-top: 1px solid #e0b4b4 !important;
  border-bottom: 1px solid #e0b4b4 !important;
  border-left: 1px solid #e0b4b4 !important;
}
.ff ul.unvalidated input[type=text],
.ff ul.unvalidated input[type=email],
.ff ul.unvalidated input[type=tel],
.ff ul.unvalidated input[type=number],
.ff ul.unvalidated input[type=password],
.ff ul.unvalidated input,
.ff ul.unvalidated textarea,
.ff ul.unvalidated select {
  background-color: #fff6f6;
  box-shadow: none;
  border: solid 1px #e0b4b4 !important;
}
.ff .required-text-ui {
  background-color: #fff6f6;
  color: #9f3a38;
  margin: 5px 0;
  box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent;
  padding: 3px 0 3px 25px;
  width: 100%;
  max-width: 400px;
}
.ff .required-text-ui ul.error-list span {
  text-align: left;
  display: list-item;
  list-style-type: disc;
  margin: 5px 10px;
}
.ff .errorText {
  color: #ff0000;
  padding: 5px 0;
}
.ff .tooltipShow:focus > .tooltip {
  display: block;
}

.ff-horizontal ul li {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
  padding: 0;
  position: relative;
  list-style-type: none;
  font-weight: normal;
}
.ff-horizontal ul li:first-child {
  width: 200px;
  text-align: right;
  padding-right: 20px;
  vertical-align: top;
}
.ff-horizontal ul li:last-child {
  text-align: left;
  padding-right: 10px;
  vertical-align: top;
}
.ff-horizontal .groupColumn ul li:first-child {
  width: 150px;
  vertical-align: top;
}

@media (max-width: 968px) {
  .required-text-ui {
    width: auto !important;
  }
  .ff-horizontal ul li {
    display: block;
    text-align: left;
    list-style-type: none;
    position: relative;
    font-weight: normal;
  }
  .ff-horizontal ul li:first-child {
    width: auto;
    display: block;
    text-align: left;
  }
  .ff-horizontal ul li label.title {
    line-height: 13px;
    height: 13px;
    padding: 2px 0;
  }
  .ff-horizontal .groupColumn {
    padding: 20px;
  }
  .ff-horizontal .groupColumn ul {
    display: block;
    padding-bottom: 3px;
  }
  .ff-horizontal .groupColumn ul li {
    display: block;
    padding: 0;
  }
  .ff-horizontal .groupColumn ul li:first-child {
    padding: 0;
    display: block;
    width: auto;
  }
  .ff-horizontal .groupColumn ul li:first-child label {
    padding: 0;
    padding-bottom: 2px;
    margin: 0;
  }
  .ff-horizontal .groupColumn ul li:last-child {
    padding: 0;
  }
  .ff-horizontal .groupColumn ul li input[type=text],
  .ff-horizontal .groupColumn ul li input[type=email],
  .ff-horizontal .groupColumn ul li input[type=tel],
  .ff-horizontal .groupColumn ul li input[type=number],
  .ff-horizontal .groupColumn ul li input[type=password],
  .ff-horizontal .groupColumn ul li input,
  .ff-horizontal .groupColumn ul li textarea,
  .ff-horizontal .groupColumn ul li select {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }
}
.ff-vertical ul li {
  display: block;
  text-align: left;
  list-style-type: none;
  position: relative;
  font-weight: normal;
}
.ff-vertical ul li:first-child {
  width: auto;
  display: block;
  text-align: left;
}
.ff-vertical ul li label.title {
  line-height: 13px;
  height: 13px;
  padding: 2px 0;
}
.ff-vertical .groupColumn {
  padding: 20px;
}
.ff-vertical .groupColumn ul {
  display: block;
  padding-bottom: 3px;
}
.ff-vertical .groupColumn ul li {
  display: block;
  padding: 0;
}
.ff-vertical .groupColumn ul li:first-child {
  padding: 0;
  display: block;
  width: auto;
}
.ff-vertical .groupColumn ul li:first-child label {
  padding: 0;
  padding-bottom: 2px;
  margin: 0;
}
.ff-vertical .groupColumn ul li:last-child {
  padding: 0;
}
.ff-vertical .groupColumn ul li input[type=text],
.ff-vertical .groupColumn ul li input[type=email],
.ff-vertical .groupColumn ul li input[type=tel],
.ff-vertical .groupColumn ul li input[type=number],
.ff-vertical .groupColumn ul li input[type=password],
.ff-vertical .groupColumn ul li input,
.ff-vertical .groupColumn ul li textarea,
.ff-vertical .groupColumn ul li select {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.formOverlayLoader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/loader.gif);
  background-color: rgba(250, 250, 250, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}

/* panels */
.checkBoxGroup {
  padding: 5px 0;
  border-top: solid 1px #eee;
  padding-bottom: 0;
  margin-top: 10px;
}
.checkBoxGroup input {
  display: inline;
}
.checkBoxGroup label {
  display: inline;
  padding: 0;
  margin-left: 2px;
}

.input-invoice {
  width: 200px !important;
}

.group {
  border: solid 1px #E6E6E6;
  padding: 20px 0;
  position: relative;
  margin: 0;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.group p {
  padding: 0;
}
.group sup {
  position: absolute;
  top: -16px;
  left: 20px;
  background-color: #FFF;
  color: #7B7B7B;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
}
.group.hidden-panel {
  display: none;
  margin: 20px 0 0 0;
}

.groupColumnWrap {
  display: block;
  margin-bottom: 20px;
}
.groupColumnWrap h3 {
  background-color: #F9F9F9;
  display: block;
  padding: 5px 10px !important;
}
.groupColumnWrap h3 i {
  font-size: 13px !important;
  float: right;
  margin: 5px 5px 5px 4px;
}

.groupColumnSpoilerWrap {
  display: block;
  margin-bottom: 5px;
  /*overflow: hidden;*/
  border: solid 1px #CACACA;
  background-color: #F9F9F9;
}
.groupColumnSpoilerWrap h3 {
  text-decoration: none;
  font-size: 18px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  padding: 5px 10px !important;
}
.groupColumnSpoilerWrap h3 span {
  border-bottom: dashed 1px #ff0000;
}
.groupColumnSpoilerWrap h3 i {
  float: left;
  margin: 4px 10px 0 0;
}
.groupColumnSpoilerWrap h3:hover {
  background-color: white;
}

.groupColumnSpoilerWrapActive {
  background-color: white;
  border-color: white;
}

.wallet-checkout li label {
  width: fit-content;
}
.wallet-checkout li:first-child {
  width: 125px !important;
}

.groupColumnSpoilerWrapContainer {
  display: block;
  margin-bottom: 5px;
  border: solid 1px #CACACA;
  overflow: visible;
}

.groupSpoiler {
  padding: 15px 10px 10px 10px;
  display: none;
}

.groupColumns {
  padding: 0 0;
  padding-top: 15px;
  box-sizing: border-box;
}

.groupColumnsSpoiler {
  padding: 0 0;
  display: table;
  width: 100%;
}

.groupColumnSpoilerWrapActive .groupSpoiler {
  display: block;
}

.groupColumn {
  width: 49%;
  display: table-cell;
  margin: 0;
}

.groupColumnSeparator {
  display: table-cell;
  width: 1%;
}

/*.ff .groupColumn ul li:last-child{width: 10px; } */
.panelRadioWrap {
  padding: 2px 26px;
}

.panelRadioColumn {
  display: table-cell;
  vertical-align: top;
}

.panelRadioPlaceholder {
  width: 40%;
  padding: 10px 20px;
  color: #7B7B7B;
  box-sizing: border-box;
  border-left: solid 1px #E6E6E6;
}

/* buttons */
.arrow {
  position: relative;
  /*padding: 20px;*/
  height: 20px;
  width: 20px;
}

.circle {
  position: absolute;
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  border: 1px solid #d6d0d0;
  border-radius: 50%;
  clip-path: inset(0 50% 0 0);
}

.triangle {
  position: absolute;
  width: 5px;
  height: 3px;
  background: #d6d0d0;
  margin-top: -1px;
  margin-left: 9px;
  clip-path: polygon(50% 0, 0% 100%, 100% 100%);
  transform: rotate(90deg);
}

/* JUST FOR DEMO */
.buttonOrders {
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}
.buttonOrders .fal {
  position: relative;
  top: 4%;
  font-weight: 500;
}
.buttonOrders a.disable .fal {
  color: #cecece;
}

/*.buttonOrders.arrow:hover {
  border-color: transparent;
  background-color: #eee8e8;
  a {
    .fa {
      color: white;
    }
  }
}*/
.buttonMini {
  padding: 4px 8px 4px 8px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  display: inline-block;
  background-color: #ff0000;
  border: solid 2px #ff0000;
  color: white;
  font-weight: 800;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.table td a.td-action .minimized:hover {
  color: #ff0000;
}

.table td a.td-action.enable .minimized:hover {
  background: white !important;
  color: #ff0000;
}

.parentTable .tableRows td {
  line-height: 26px !important;
}

@media (min-width: 466px) {
  .ff ul .tglInputSlr .fa-eye-slash, .ff ul .tglInputSlr .fa-eye {
    transform: translate(-4px, 4px);
    position: relative;
  }
}
@media (max-width: 465px) {
  .ff ul .tglInputSlr .fa-eye-slash, .ff ul .tglInputSlr .fa-eye {
    transform: translate(4px, -19px);
    position: inherit;
    float: right !important;
  }
}
@media (max-width: 427px) {
  .ff ul .tglInputSlr .fa-eye-slash, .ff ul .tglInputSlr .fa-eye {
    transform: translate(14px, -19px);
    position: inherit;
    float: right !important;
    margin-left: 0px !important;
    right: none !important;
  }
}
.tglInputSlr .password-wrapper {
  position: relative;
}
.tglInputSlr .password + .unmask {
  color: #000;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
}
.tglInputSlr .password + .unmask:before {
  /*content: "";*/
  position: absolute;
  /*top: 4px;*/
  /*left: 4px;*/
  /*width: 17px;*/
  /*height: 17px;*/
  /*background: #e3e3e3;*/
  z-index: 1;
  border-radius: 50%;
}
.tglInputSlr .password[type=text] + .unmask:after {
  color: red;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 13px;
  height: 13px;
  z-index: 2;
  border-radius: 50%;
}
@media (min-width: 428px) {
  .tglInputSlr .password + .unmask {
    margin-left: -21px;
    right: unset;
  }
}

table td a.td-action .minimized {
  display: inline-block;
  border-radius: 92px;
  background: #f0f0f0;
  padding: 9px;
  font-size: 12px !important;
  width: 11px;
  height: 11px;
}

.buttonAbo {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}
.buttonAbo .fal {
  position: relative;
  top: 4%;
}
.buttonAbo.enable i {
  font-weight: 500;
}

.buttonAbo.enable:hover a .fal {
  color: white;
}

.btnDisabledCls {
  background: #fff !important;
  color: #b3abab !important;
  border-color: #ebebe4 !important;
  cursor: default !important;
}

.buttonTransparentBorder {
  padding: 4px 8px 4px 8px;
  color: #202020;
  display: inline-block;
  border: none;
}

.simpleButton {
  padding: 4px 8px 4px 8px;
  border-radius: 1px;
  cursor: pointer;
  background: linear-gradient(to bottom, #EEEEEE, #CCCCCC) 0% 0%/100% #E1E1E1;
  border-bottom: 1px solid #A5A5A5;
  border-left: 1px solid #C9C9C9;
  border-right: 1px solid #C9C9C9;
  border-top: 1px solid #E3E3E3;
  color: #494949;
  display: inline-block;
  margin: 0;
}

.simpleButton:focus, .simpleButton:hover {
  background: linear-gradient(to bottom, #D9D9D9, #CACACA) 0% 0%/100% #D3D3D3;
  border-bottom: 1px solid #A5A5A5;
  border-left: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  border-top: 1px solid #D4D4D4;
  color: #494949;
}

a.button {
  text-decoration: none;
}

@media (max-width: 480px) {
  .title-width-mobile {
    width: 200px !important;
  }
}
@media (max-width: 968px) {
  .checkPosition {
    margin-left: 0px !important;
  }
}
.ff-input-attachments .ff-input-attachments__showed-block {
  max-width: 500px;
  width: 100%;
}
.ff-input-attachments .ff-input-attachments__showed-block > label {
  cursor: pointer;
}
.ff-input-attachments .ff-input-attachments__label-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ff-input-attachments .ff-input-attachments__label-block {
  display: flex;
}
.ff-input-attachments .ff-input-attachments__label-text {
  text-decoration: underline;
  font-size: 18px;
}
.ff-input-attachments .ff-input-attachments__image {
  width: 20px;
  margin-left: 10px;
  max-height: 20px;
}
.ff-input-attachments .ff-input-attachments__hidden-block {
  display: none;
}

.ffCaptcha:has(.phone-register-captcha) {
  padding-left: 50px;
}

#payments-methods .groupSpoiler ul {
  margin: 0 !important;
}
#payments-methods .groupSpoiler ul li {
  margin: 0 !important;
}
#payments-methods .groupSpoiler ul li .panelRadioWrap {
  display: table-cell;
  padding: 0;
}
#payments-methods .groupSpoiler ul li .panelRadioWrap label {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 28px;
}
#payments-methods .groupSpoiler ul li .panelRadioWrap label input[type=radio] {
  margin: 7px 0 !important;
}
#payments-methods .groupSpoiler ul li .panelRadioWrap label span {
  line-height: 28px !important;
  min-height: inherit;
  color: #666666;
}
#payments-methods .groupSpoiler ul li .panelRadioWrap label span a {
  text-decoration: underline;
  color: #202020;
}
#payments-methods .groupSpoiler ul li .panelRadioWrap label span img, #payments-methods .groupSpoiler ul li .panelRadioWrap label span i {
  margin: 5px 4px 0 0 !important;
  font-size: 20px !important;
  height: 20px !important;
  text-decoration: none;
  float: left;
}
#payments-methods .groupSpoiler ul li .panelRadioWrap .panelRadio {
  padding-left: 24px;
  padding-top: 5px;
  clear: both;
  margin: 0;
}
#payments-methods .groupSpoiler ul li .panelRadioWrap .panelRadio .panelRadioColumn {
  display: contents;
}
@media (max-width: 477px) {
  #payments-methods .groupSpoiler ul li {
    padding-bottom: 7px;
  }
  #payments-methods .groupSpoiler ul li .panelRadioWrap label input[type=radio] {
    margin: 1px 0 0 !important;
  }
  #payments-methods .groupSpoiler ul li .panelRadioWrap label span {
    line-height: unset !important;
    height: unset;
  }
  #payments-methods .groupSpoiler ul li .panelRadioWrap label span img, #payments-methods .groupSpoiler ul li .panelRadioWrap label span i {
    margin: 0 4px 0 0 !important;
  }
  #payments-methods .groupSpoiler ul li .panelRadioWrap label span small, #payments-methods .groupSpoiler ul li .panelRadioWrap label span text {
    display: block;
  }
  #payments-methods .groupSpoiler ul li .panelRadioWrap .panelRadio {
    padding-left: inherit;
  }
}

.msgInfo {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.506);
  border-bottom-color: #BCE8F1;
  border-left-color: #BCE8F1;
  border-right-color: #BCE8F1;
  border-top-color: #BCE8F1;
  background-color: #f8ffff;
  color: #276f86;
}

.msgSuccess {
  border-bottom-color: #D6E9C6;
  border-left-color: #D6E9C6;
  border-right-color: #D6E9C6;
  border-top-color: #D6E9C6;
  background-color: #fcfff5;
  color: #2c662d;
}

.msgError {
  background-color: #fff6f6;
  color: #9f3a38;
  border-bottom-color: #EBCCD1;
  border-left-color: #EBCCD1;
  border-right-color: #EBCCD1;
  border-top-color: #EBCCD1;
}

.msgWarning {
  background-color: #FCF8E3;
  border-bottom-color: #FAEBCC;
  border-left-color: #FAEBCC;
  border-right-color: #FAEBCC;
  border-top-color: #FAEBCC;
  color: #8A6D3B;
}

/* SIDE MENU */
.sideMenuWrapMarginTop {
  margin-top: 10px;
}

.commentsCancelButton {
  background-color: darkgray;
  border: darkgray;
  line-height: 16px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  margin: 0 0 0 0;
  font-weight: 800;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 3px;
  margin-right: 5px;
}
.commentsCancelButton:hover {
  color: darkgray;
  background-color: white;
  border: solid 2px darkgray;
}

.textComment {
  min-height: 30px !important;
  height: 60px;
}
.textComment.active {
  border: solid 2px red !important;
}

.sideMenuWrap {
  border: solid 1px #E6E6E6;
  padding: 1px;
  margin-bottom: 5px;
}
.sideMenuWrap .sideMenuWrap-h4 {
  color: #ff0000;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 1px;
  border-bottom: solid 2px #ff0000;
  text-transform: uppercase;
}
.sideMenuWrap .sideMenuWrap-h4 i {
  float: right;
  margin-top: 3px;
}
.sideMenuWrap h4 {
  color: #ff0000;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 1px;
  border-bottom: solid 2px #ff0000;
}
.sideMenuWrap h4 i {
  float: right;
  margin-top: 3px;
}
@media (min-width: 769px) {
  .sideMenuWrap h4 i {
    display: none;
  }
}
.sideMenuWrap .sideMenuItems {
  padding: 5px;
}
.sideMenuWrap .sideMenuItems.--personal-area-side-menu .sideMenuItem .fa, .sideMenuWrap .sideMenuItems.--personal-area-side-menu .sideMenuItem .fal {
  line-height: inherit !important;
  float: left;
  min-width: 16px;
  max-width: 16px;
  text-align: center;
}
.sideMenuWrap .sideMenuItems.--personal-area-side-menu .sideMenuItem:hover {
  border-bottom-color: transparent;
}
.sideMenuWrap .sideMenuItems.--personal-area-side-menu .sideMenuItem:hover i {
  color: #fff;
}
.sideMenuWrap .sideMenuItems.--personal-area-side-menu .sideMenuItem span {
  display: inline-block;
  margin-left: 15px;
}
.sideMenuWrap .sideMenuItems.--personal-area-side-menu .sideMenuItem:after {
  clear: both;
  display: block;
  content: " ";
}
.sideMenuWrap .sideMenuItems.--personal-area-side-menu .sideMenuItem:last-child {
  border: none;
}
.sideMenuWrap .sideMenuItems .sideMenuItem {
  display: block;
  padding: 6px 10px;
  color: #202020;
  position: relative;
  text-decoration: none;
  border-bottom: solid 1px #eeeeee;
}
.sideMenuWrap .sideMenuItems .sideMenuItem i {
  float: right;
  color: #7B7B7B;
}
.sideMenuWrap .sideMenuItems .sideMenuItem:hover {
  background-color: #ff0000;
  color: white;
  font-weight: 800;
}
.sideMenuWrap .sideMenuItems div:last-child .sideMenuItem:last-child {
  border-bottom: none;
}
.sideMenuWrap .sideMenuItems .sideMenuItemActive {
  color: #ff0000;
  font-weight: 800;
}
.sideMenuWrap .sideMenuItems .sideMenuItemActive:hover {
  background-color: #fff;
  color: #ff0000;
  box-shadow: none;
}
.sideMenuWrap .sideMenuItems .sideMenuItemActive:hover i {
  color: #ff0000 !important;
}
.sideMenuWrap .sideMenuItems .sideMenuItemActive i {
  color: #ff0000;
}

.social-connect .flexWrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.social-connect .flexWrapper .item {
  padding: 3px;
  margin: 2px 0;
  display: flex;
  justify-content: start;
}
.social-connect .flexWrapper .item span:hover {
  filter: contrast(1.2);
}
.social-connect .flexWrapper .item .google {
  color: #ea4335;
}
.social-connect .flexWrapper .item .facebook {
  color: #4267b2;
}
.social-connect .flexWrapper .item .phone {
  color: #11ce7a;
}
.social-connect .flexWrapper .item .apple {
  color: #000;
}
.social-connect .flexWrapper .item .apple .fa-apple {
  font-size: 1.4em;
  top: -2px;
}
.social-connect .flexWrapper .item .not-connected {
  color: #cacaca;
}
.social-connect .flexWrapper .item .flexItem {
  margin: 8px;
}
.social-connect .flexWrapper .item .flexItem p {
  color: gray;
  font-size: smaller;
}
.social-connect .flexWrapper .item .action {
  position: absolute;
  right: 15px;
  margin-top: 15px;
}
.social-connect .flexWrapper .item .action i {
  color: #bebebe;
}
.social-connect .flexWrapper .item .action i:hover {
  filter: brightness(0.5);
}

@media (min-width: 769px) {
  .hidden-xl-up {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 900px) {
  .hidden-sm-only {
    display: none !important;
  }
}
.sideSubMenuWrap {
  padding: 10px 0;
}

.sideSubMenuItem {
  display: block;
  padding: 2px 10px;
  color: #202020;
  position: relative;
  text-decoration: none;
  font-size: 13px;
  line-height: 18px;
  padding-left: 20px;
}
.sideSubMenuItem:last-child {
  border: none;
}

.sideSubMenuItemActive {
  font-weight: 800;
}

.sideSubMenuItem:hover {
  text-decoration: underline;
}

.sideMenuItem:hover {
  text-decoration: none;
}

.langInactive:hover, .langActive {
  background-color: #FF1919;
  color: #fff;
}

.langInactive {
  color: #fff;
}

/****/
.overflow {
  overflow: hidden;
  height: 100%;
  position: fixed;
}

.mobileMenuOverlay {
  background: #1b1c1d;
  opacity: 0.4;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99;
  display: none;
}

.mobileTopToggler {
  background: url(../svg/button.svg) transparent no-repeat center center;
  border: 1px solid transparent;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.9);
  width: 1.2em;
  height: 1em;
  padding: 0.5rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1em;
  background-size: 24px 24px;
  border-radius: 0.25rem;
  display: none;
  position: absolute;
}

.mobileMenuWrap {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 65%;
  left: -100%;
  z-index: 100;
  background: #1b1c1d;
  overflow: auto;
}
.mobileMenuWrap .mobileMenuBody {
  margin: 50px 0 0 0;
}
.mobileMenuWrap .mobileMenuBody .mobileTopToggler {
  border-color: #7B7B7B;
  background: url(../svg/button-1.svg) transparent no-repeat center center;
  background-size: 24px 24px;
  width: 1.2em;
  height: 1em;
  padding: 0.5rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1em;
  background-size: 24px 24px;
  border-radius: 0.25rem;
  display: block;
  z-index: 101;
  position: absolute;
  left: 10px;
  top: 10px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems {
  padding: 5px 0 30px 0;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem {
  display: block;
  width: 96%;
  min-height: 20px;
  padding: 6px 2% 6px 2%;
  color: #ffffff;
  position: relative;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem a {
  display: block;
  width: 85%;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem i {
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
  line-height: 20px;
  padding: 5px 5px;
  width: 20px;
  float: right;
  color: #7B7B7B;
  text-align: center;
  font-size: 16px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem:last-child {
  border: none;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem a:hover {
  color: white;
  font-weight: 800;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem a:hover i {
  color: #ff0000;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.parent {
  border-bottom: solid 1px #343434;
  font-size: 16px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.parent a {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.parent.parentMain {
  font-weight: bold;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.child {
  padding: 4px 2% 4px 2%;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.child a {
  color: #8e8e8e;
  text-decoration: none;
  font-size: 14px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.child .lev1 {
  text-indent: 10px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.child .lev2 {
  text-indent: 20px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.child .lev3 {
  text-indent: 30px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.child .lev4 {
  text-indent: 40px;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.parent.itemActive a {
  color: #ff0000;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuItem.child.itemActive a {
  color: #ff0000;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuItems .mobileMenuChilds {
  display: none;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuOptions {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 20px 0;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuOptions .menuUpBlockRightTopLanguages {
  float: right !important;
  background: none;
  margin: 0 !important;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuOptions .menuUpBlockRightTopLanguages a {
  color: #ffffff;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuOptions .menuUpBlockRightTopCurrencyChanger {
  float: right;
  background: none;
  display: block;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuOptions .menuUpBlockRightTopCurrencyChanger a {
  color: #ffffff;
}
.mobileMenuWrap .mobileMenuBody .mobileMenuOptions .menuUpBlockRightTopCurrencyChanger a.active {
  color: #ff0000;
}
.mobileMenuWrap .sideSubMenuWrap {
  padding: 10px 0;
}
.mobileMenuWrap .sideSubMenuItem {
  display: block;
  padding: 2px 10px;
  color: #7B7B7B;
  position: relative;
  text-decoration: none;
  font-size: 13px;
  line-height: 18px;
  padding-left: 20px;
}
.mobileMenuWrap .sideSubMenuItem:last-child {
  border: none;
}
.mobileMenuWrap .sideSubMenuItemActive {
  font-weight: 800;
}
.mobileMenuWrap .sideSubMenuItem:hover {
  text-decoration: underline;
}
.mobileMenuWrap .sideMenuItem:hover {
  text-decoration: none;
}

/* MAIN */
.yellowBox {
  width: 1010px;
  height: 123px;
  background-color: #FF1919;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -505px;
}

.errorBlock {
  background-repeat: no-repeat;
  border: solid 1px #FF1919;
  background-color: #fff;
  box-sizing: border-box;
  padding: 80px;
  color: #FF1919;
  font-size: 46px;
  margin: 50px 0;
  font-weight: 100;
  line-height: normal;
}
@media (max-width: 768px) {
  .errorBlock {
    font-size: 25px;
    padding: 25px;
  }
}

.infoBlock h1.promoBlock {
  color: red;
  background-color: #fff;
  box-sizing: border-box;
  padding: 10px;
  border-bottom: solid 1px #CACACA;
  font-weight: 800;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
}
.infoBlock .testimonialsBlock {
  text-align: center;
}
.infoBlock .testimonialsBlock p.messageTestimonial {
  font-size: 18px;
  line-height: 28px;
  padding: 8px;
  color: black;
  font-weight: 600;
  font-style: italic;
}
.infoBlock .testimonialsBlock p.nameTestimonial {
  font-size: 18px;
  font-weight: 100;
  padding-bottom: 10px;
  border-bottom: solid #cacaca 1px;
}
.infoBlock {
  background-repeat: no-repeat;
  border: solid 1px #E6E6E6;
  margin-top: 5px;
  box-shadow: 0 -1px 0 white inset;
  box-sizing: border-box;
  padding: 0;
}
.infoBlock a.paMenuActive,
.infoBlock a.paMenuActive:hover {
  color: #FF1919;
  font-weight: bold;
}
.infoBlock h2 {
  color: #ff0000;
  background-color: white;
  box-sizing: border-box;
  padding: 10px 10px;
  border-bottom: solid 1px #CACACA;
  font-weight: 800;
  font-size: 18px;
}
.infoBlock h2 i {
  float: left;
  font-size: 23px;
  margin-right: 10px;
}
.infoBlock .infoBlockContent {
  padding: 15px 20px 30px 20px;
  font-weight: normal;
  color: #202020;
  font-size: 16px;
  line-height: 22px;
}
.infoBlock .mainInformersItemImage {
  background-size: 80%;
  background-position: center center;
}

.servicesWrap {
  width: 100%;
}
.servicesWrap .blockScope {
  background-image: url(/tpl/tpl-main/img/image_content/mojlivosti.jpg);
  float: left;
  display: block;
  margin: 5px 15px;
  height: 270px;
  width: 95%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .servicesWrap .blockScope {
    height: 31vmin;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .servicesWrap .blockScope {
    height: 55vmin;
  }
}
@media (max-width: 768px) {
  .servicesWrap .blockScope {
    height: 33vmin;
    width: 100%;
    margin: 0;
  }
}
.servicesWrap .blockScope:hover {
  filter: contrast(1.1); /* для IE6-9 */
}
.servicesWrap .blockPromo {
  background-image: url(/tpl/tpl-main/img/image_content/oferty.jpg);
  float: left;
  display: block;
  margin: 5px 15px;
  height: 270px;
  width: 95%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .servicesWrap .blockPromo {
    height: 31vmin;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .servicesWrap .blockPromo {
    height: 55vmin;
  }
}
@media (max-width: 768px) {
  .servicesWrap .blockPromo {
    height: 33vmin;
    width: 100%;
    margin: 0;
  }
}
.servicesWrap .blockPromo:hover {
  filter: contrast(1.1); /* для IE6-9 */
}
.servicesWrap .blockPartner {
  background-image: url(/tpl/tpl-main/img/image_content/partnership.jpg);
  float: left;
  display: block;
  margin: 5px 15px;
  height: 270px;
  width: 95%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .servicesWrap .blockPartner {
    height: 31vmin;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .servicesWrap .blockPartner {
    height: 55vmin;
  }
}
@media (max-width: 768px) {
  .servicesWrap .blockPartner {
    height: 33vmin;
    width: 100%;
    margin: 0;
  }
}
.servicesWrap .blockPartner:hover {
  filter: contrast(1.1); /* для IE6-9 */
}

.supportWrap {
  /*width: 100%;*/
}
@media (max-width: 768px) {
  .supportWrap {
    padding: 10px;
  }
}
.supportWrap .block {
  float: left;
  display: block;
  margin: 15px 0 0 0;
  width: 100%;
}
.supportWrap .block img {
  width: 100%;
}
.supportWrap .block :hover {
  filter: contrast(1.1); /* для IE6-9 */
}
@media (max-width: 768px) {
  .supportWrap .block {
    margin: 0 0 10px 0;
  }
}
.supportWrap .block-mini-left {
  float: left;
  display: block;
  width: 49%;
  margin: 0;
}
.supportWrap .block-mini-left img {
  width: 100%;
}
.supportWrap .block-mini-right {
  float: right;
  display: block;
  width: 49%;
  margin: 0;
}
.supportWrap .block-mini-right img {
  width: 100%;
}

.infoBlockSpecial {
  padding: 20px;
  background-color: #fff;
  margin-top: 10px;
}

.promoBanner {
  height: 421px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-color: #ffffff;
  background-position: center center;
  background-size: cover;
  padding: 15px 0 15px 0;
}
.promoBanner img {
  width: 100%;
}

.promoText {
  padding: 5px 10px 15px 10px;
  font-size: 16px;
  font-weight: 100;
  line-height: 22px;
}
.promoText b {
  font-weight: 800;
  color: #ff0000;
}

.promoElements {
  padding: 0;
  height: 250px;
  padding-top: 5px;
  display: table;
  width: 100%;
}

.promoElements .promoElementBox {
  display: table-cell;
  width: 20%;
  padding: 1px;
  box-sizing: border-box;
}

.row .promoElementBox {
  display: block;
  width: 20%;
  padding: 1px;
  box-sizing: border-box;
}

.promoElements .promoElement {
  display: block;
  text-decoration: none;
  height: 250px;
  background-color: #ff0000;
  color: #fff;
  position: relative;
  padding: 1px;
}

.promoElements .promoElementBg {
  height: 128px;
  width: 128px;
  margin-left: 55px;
  background-image: url(../svg/features.svg);
}

.promoElements .promoElement:hover {
  background-color: #fff;
  color: #ff0000;
}
.promoElements .promoElement:hover .promoElementDescr {
  height: auto;
  position: relative;
  overflow: visible;
  background-color: #fff;
}

.promoElements .promoElementBox .promoElementDescr {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  overflow: hidden;
  text-align: center;
  height: 110px;
  padding: 10px 10px;
}

.promoElements .promoElementDescr b {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  display: block;
  padding-bottom: 10px;
}

.promoElements .promoElementDescr div {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  display: block;
  padding-bottom: 10px;
}

.promoElements .promoElement1 {
  background-position: 0 5px;
  margin: auto;
}

.promoElements .promoElement2 {
  background-position: -128px 0;
  margin: auto;
}

.promoElements .promoElement3 {
  background-position: -256px 0;
  margin: auto;
}

.promoElements .promoElement4 {
  background-position: -384px -5px;
  margin: auto;
}

.promoElements .promoElement5 {
  background-position: -512px -5px;
  margin: auto;
}

.promoElements .promoElement6 {
  background-position: -640px -5px;
  margin: auto;
}

.promoElements .promoElement7 {
  background-position: -768px 0;
  margin: auto;
}

.promoElements .promoElement8 {
  background-position: -896px 0;
  margin: auto;
}

.promoElements .promoElement9 {
  background-position: -1024px 0;
  margin: auto;
}

.promoElements .promoElement10 {
  background-position: -1152px 0;
  margin: auto;
}

.promoElements .promoElement11 {
  background-position: -1275px 0;
  margin: auto;
}

.promoElements .promoElement12 {
  background-position: -1390px 0;
  margin: auto;
}

.promoElements .promoElement13 {
  background-position: 150px 0;
  margin: auto;
}

.promoElements .promoElement14 {
  background-position: 280px 0;
  margin: auto;
}

.promoElements .promoElement:hover .promoElement1 {
  background-position: 0 -128px;
}

.promoElements .promoElement:hover .promoElement2 {
  background-position: -128px -128px;
}

.promoElements .promoElement:hover .promoElement3 {
  background-position: -256px -128px;
}

.promoElements .promoElement:hover .promoElement4 {
  background-position: -384px -128px;
}

.promoElements .promoElement:hover .promoElement5 {
  background-position: -512px -128px;
}

.promoElements .promoElement:hover .promoElement6 {
  background-position: -640px -128px;
}

.promoElements .promoElement:hover .promoElement7 {
  background-position: -768px -128px;
}

.promoElements .promoElement:hover .promoElement8 {
  background-position: -896px -128px;
}

.promoElements .promoElement:hover .promoElement9 {
  background-position: -1024px -128px;
}

.promoElements .promoElement:hover .promoElement10 {
  background-position: -1152px -128px;
}

.promoElements .promoElement:hover .promoElement11 {
  background-position: -1280px -128px;
}

.promoElements .promoElement:hover .promoElement12 {
  background-position: -1390px -128px;
}

.promoElements .promoElement:hover .promoElement13 {
  background-position: 150px -128px;
}

.promoElements .promoElement:hover .promoElement14 {
  background-position: 280px -128px;
}

.promoElementsWide {
  padding-top: 0;
}

.promoElementsWide .promoElementBox {
  display: block;
  float: left;
  width: 50%;
  padding: 0 10px 10px 0;
  box-sizing: border-box;
  text-decoration: none;
}
@media (max-width: 968px) {
  .promoElementsWide .promoElementBox {
    float: none;
    width: auto;
  }
}

.promoElementsWide .promoElement {
  padding: 0;
  display: block;
  height: 170px;
  padding-bottom: 5px;
  box-sizing: border-box;
  background-color: #fff;
  border: solid 1px #E6E6E6;
  text-decoration: none;
  padding-right: 10px;
}

.promoElementsWide .promoElementDescr b {
  font-size: 26px;
  font-weight: normal;
  display: block;
  line-height: 28px;
  padding-bottom: 5px;
}

.promoElementsWide .promoElementBg {
  background-image: url(../svg/features.svg);
  height: 120px;
  width: 120px;
  display: block;
  float: left;
}

.promoElementsWide .promoElement:hover {
  background-color: #ff0000;
  color: #fff;
}

.promoElementsWide .promoElement:hover .promoElementDescr {
  color: #fff;
}

.promoElementsWide .promoElement:hover .promoElementDescr b {
  color: #fff;
}

.promoElementsWide .promoElementDescr {
  color: #7B7B7B;
  line-height: 16px;
  padding-left: 140px;
}

.promoElementsWide .promoElementDescr b {
  color: #ff0000;
  padding-top: 10px;
  font-size: 22px;
  font-weight: normal;
}

.promoElementsWide .promoElement1 {
  background-position: 0 -128px;
}

.promoElementsWide .promoElement2 {
  background-position: -128px -128px;
}

.promoElementsWide .promoElement3 {
  background-position: -256px -128px;
}

.promoElementsWide .promoElement4 {
  background-position: -384px -128px;
}

.promoElementsWide .promoElement5 {
  background-position: -512px -128px;
}

.promoElementsWide .promoElement6 {
  background-position: -640px -128px;
}

.promoElementsWide .promoElement7 {
  background-position: -768px -128px;
}

.promoElementsWide .promoElement8 {
  background-position: -896px -128px;
}

.promoElementsWide .promoElement9 {
  background-position: -1024px -128px;
}

.promoElementsWide .promoElement10 {
  background-position: -1152px -128px;
}

.promoElementsWide .promoElement11 {
  background-position: -1280px -128px;
}

.promoElementsWide .promoElement12 {
  background-position: -1387px -128px;
}

.promoElementsWide .promoElement13 {
  background-position: 150px -128px;
}

.promoElementsWide .promoElement14 {
  background-position: 280px -128px;
}

.promoElementsWide .promoElement:hover .promoElement1 {
  background-position: 0 0;
}

.promoElementsWide .promoElement:hover .promoElement2 {
  background-position: -128px 0;
}

.promoElementsWide .promoElement:hover .promoElement3 {
  background-position: -256px 0;
}

.promoElementsWide .promoElement:hover .promoElement4 {
  background-position: -384px 0;
}

.promoElementsWide .promoElement:hover .promoElement5 {
  background-position: -512px 0;
}

.promoElementsWide .promoElement:hover .promoElement6 {
  background-position: -640px 0;
}

.promoElementsWide .promoElement:hover .promoElement7 {
  background-position: -768px 0;
}

.promoElementsWide .promoElement:hover .promoElement8 {
  background-position: -896px 0;
}

.promoElementsWide .promoElement:hover .promoElement9 {
  background-position: -1024px 0;
}

.promoElementsWide .promoElement:hover .promoElement10 {
  background-position: -1152px 0;
}

.promoElementsWide .promoElement:hover .promoElement11 {
  background-position: -1280px 0;
}

.promoElementsWide .promoElement:hover .promoElement12 {
  background-position: -1388px 0;
}

.promoElementsWide .promoElement:hover .promoElement13 {
  background-position: 150px 0;
}

.promoElementsWide .promoElement:hover .promoElement14 {
  background-position: 280px 0;
}

.promoWhy {
  padding-top: 30px;
  margin-bottom: 0;
}
.promoWhy h2 {
  color: #7B7B7B;
  background-color: white;
  display: inline-block;
  padding: 0 10px;
  font-weight: 400;
}
.promoWhy hr {
  height: 2px;
  background-color: #7B7B7B;
  border: none;
  box-shadow: none;
  display: block;
  overflow: hidden;
}

.promoWhyTitle {
  text-align: center;
  margin-top: -18px;
}

.promoWhyItems {
  display: table;
  width: 100%;
  height: 240px;
}
.promoWhyItems .promoWhyItem {
  display: table-cell;
  width: 20%;
  box-sizing: border-box;
  text-align: center;
  line-height: 16px;
  padding: 0 15px;
}
.promoWhyItems .promoWhyItem i {
  height: 90px;
  line-height: 100px;
  font-size: 45px;
  color: #ff0000;
}
.promoWhyItems .promoWhyItem .why-h4 {
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #7B7B7B;
}
.promoWhyItems .promoWhyItem h4 {
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: normal;
}

.faqWrap {
  padding: 30px 0;
  margin-bottom: 0;
}
.faqWrap .faqTitle {
  text-align: center;
  margin-top: -18px;
}
.faqWrap .faqTitle h3 {
  color: #7B7B7B;
  background-color: white;
  display: inline-block;
  padding: 0 10px;
  font-weight: 400;
}
.faqWrap hr {
  height: 2px;
  background-color: #7B7B7B;
  border: none;
  box-shadow: none;
  display: block;
  overflow: hidden;
}
.faqWrap .faqBody {
  margin: 0 auto;
  width: 80%;
}
.faqWrap .faqBody .faqQuestion {
  padding: 10px 30px 10px 10px;
  background: #eeeeee;
  margin: 10px 0;
  position: relative;
}
.faqWrap .faqBody .faqQuestion a {
  color: #212121;
  text-decoration: none;
  font-size: 16px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: left center;
  padding: 0 0 0 32px;
}
.faqWrap .faqBody .faqQuestion .firstQuestion {
  background-image: url(../svg/faqFirst.svg);
}
.faqWrap .faqBody .faqQuestion .secondQuestion {
  background-image: url(../svg/faqSecond.svg);
}
.faqWrap .faqBody .faqQuestion .thirdQuestion {
  background-image: url(../svg/faqThird.svg);
}
.faqWrap .faqBody .faqQuestion .forthQuestion {
  background-image: url(../svg/faqForth.svg);
}
.faqWrap .faqBody .faqQuestion .faqTogler {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url(../svg/faq-arrow.svg);
  background-repeat: no-repeat;
}
.faqWrap .faqBody .faqQuestion .faqTogler.faqToglerClose {
  background-image: url(../svg/faq-cancel.svg);
  width: 12px;
  height: 12px;
  right: 12px;
  top: 12px;
}
.faqWrap .faqBody .faqAnswer {
  display: none;
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 768px) {
  .faqWrap .faqTitle h3 {
    border: none;
  }
  .faqWrap .faqBody {
    margin: 0;
    width: 100%;
  }
}
.viewTypeWrap {
  display: table;
  width: 100%;
  padding: 10px 0 0 0;
}

.viewTypeBlock {
  display: table-cell;
  width: 33.33333%;
  box-sizing: border-box;
  text-decoration: none;
  border: solid 5px white;
  padding: 0;
}

.viewTypeBg {
  height: 200px;
  background-color: #fff;
  background-position: left center;
  background-size: cover;
}

.viewTypeBlockTV .viewTypeBg {
  background-image: url(../img/view/on_tv.jpg);
}

.viewTypeBlockPC .viewTypeBg {
  background-image: url(../img/view/on_pc.jpg);
}

.viewTypeBlockMobile .viewTypeBg {
  background-image: url(../img/view/on_mob.jpg);
}

.viewTypeBody h4 {
  font-weight: 100;
  font-size: 24px;
  padding: 20px 0;
}

.viewTypeBody {
  background-color: #F9F9F9;
  text-align: center;
  cursor: pointer;
}

.viewTypeBlock:hover {
  border-color: #ff0000;
  color: #fff;
}

.viewTypeBlock:hover .viewTypeBody h4 {
  background-color: #ff0000;
  color: #fff;
}

.viewTypeBody:hover h4 {
  color: #fff !important;
}

.slaiderMainWrap {
  margin: 10px 0;
}

/* SLIDER */
.sliderWrap {
  height: 415px;
  position: relative;
}
.sliderWrap .draggable {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 400px;
  overflow-y: hidden;
}
.sliderWrap .draggable .slide {
  height: 400px;
  display: block;
  background-repeat: no-repeat;
  float: left;
  width: 1200px;
  box-sizing: border-box;
  padding: 50px 0 0 50px;
  position: relative;
  /*background-color: #eeeeee;*/
}
.sliderWrap .draggable .slide .slide-h2 {
  display: block;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 50px;
  line-height: 50px;
  text-shadow: #000000 1px 2px 3px, #222222 0 0 20px;
  text-transform: uppercase;
  font-weight: 100;
}
.sliderWrap .draggable .slide h2 {
  display: block;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 50px;
  line-height: 50px;
  text-shadow: #000000 1px 2px 3px, #222222 0 0 20px;
}
.sliderWrap .draggable .slide .content {
  color: white;
  width: 50%;
  padding: 20px 0;
  font-size: 18px;
  line-height: 22px;
  text-shadow: #000000 1px 2px 3px, #222222 0 0 20px;
  margin: 0 0 0 18px;
}
.sliderWrap .draggable .slide .content.marginContent {
  margin-top: 30px;
}
@media all and (max-width: 990px) {
  .sliderWrap .draggable .slide .content {
    width: 60%;
    padding: 10px 0;
  }
  .sliderWrap .draggable .slide .content.marginContent {
    margin-top: 20px;
  }
}
@media all and (max-width: 800px) {
  .sliderWrap .draggable .slide .content {
    width: 80%;
    padding: 10px 0;
    font-size: 14px;
  }
  .sliderWrap .draggable .slide .content.marginContent {
    margin-top: 20px;
  }
}
.sliderWrap .draggable .slide a.readMore {
  padding: 20px;
  position: absolute;
  background-color: rgba(255, 0, 0, 0.5);
  color: white;
  text-decoration: none;
  display: block;
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  cursor: pointer;
}
.sliderWrap .draggable .slide a.readMore:hover {
  background-color: rgba(255, 0, 0, 0.9);
}
.sliderWrap .bullets {
  height: 10px;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.sliderWrap .bullets .bullet {
  display: block;
  padding: 0;
  margin: 0;
  float: left;
  cursor: pointer;
  height: 10px;
  width: 10px;
  border-right: solid 5px #fff;
  box-sizing: border-box;
}
.sliderWrap .bullets .bullet:last-child {
  border-right: none;
}
.sliderWrap .bullets .bulletInactive {
  background-color: #CACACA;
}
.sliderWrap .bullets .bulletActive, .sliderWrap .bullets .bulletInactive:hover {
  background-color: #ff0000;
}

/* ALERT ATTENTION */
.slide-h2 .tech-maintenance-title {
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
  text-shadow: none;
  position: absolute;
  margin-top: 95px;
}

.content .tech-maintenance-content {
  font-size: 21px;
  color: #000;
  text-align: left;
  width: 67%;
  position: absolute;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  margin-top: 210px;
  margin-left: 80px;
}

@media screen and (min-width: 160px) and (max-width: 767px) {
  .slide-h2 .tech-maintenance-title {
    padding: 15px;
  }
}
.slide-h2 .tech-maintenance-title {
  font-size: 4vw;
}

@media screen and (min-width: 160px) {
  .slide-h2 .tech-maintenance-title {
    font-size: calc(12px + 2vw);
    margin-top: -21px;
    margin-left: 10px;
  }
  .content .tech-maintenance-content {
    margin-top: calc(17px + 1vw);
    margin-left: 8px;
    font-size: calc(4px + 1vw);
  }
}
@media screen and (max-width: 359px) {
  .content .tech-maintenance-content {
    font-size: calc(4px + 1vw);
    line-height: 1.1;
  }
}
@media screen and (min-width: 460px) {
  .slide-h2 .tech-maintenance-title {
    font-size: calc(19px + 2vw);
    margin-top: 0px;
    margin-left: 10px;
  }
  .content .tech-maintenance-content {
    margin-top: calc(47px + 1vw);
    margin-left: 8px;
    font-size: calc(6px + 1vw);
  }
}
@media screen and (min-width: 600px) {
  .slide-h2 .tech-maintenance-title {
    font-size: calc(35px + 2vw);
    margin-top: 1vw;
    margin-left: 30px;
  }
  .content .tech-maintenance-content {
    margin-top: calc(58px + 1vw);
    margin-left: 28px;
    font-size: calc(8px + 1vw);
  }
}
@media screen and (min-width: 768px) {
  .slide-h2 .tech-maintenance-title {
    font-size: calc(70px + 0.5vw);
    margin-top: 75px;
    margin-left: 72px;
  }
  .content .tech-maintenance-content {
    margin-top: calc(118px + 1vw);
    margin-left: 57px;
    font-size: calc(7px + 1vw);
  }
}
@media screen and (min-width: 900px) {
  .content .tech-maintenance-content {
    margin-top: calc(120px + 4vw);
  }
}
@media screen and (min-width: 1200px) {
  .slide-h2 .tech-maintenance-title {
    font-size: 102px;
    margin-top: 115px;
    margin-left: 77px;
  }
  .content .tech-maintenance-content {
    margin-top: 210px;
    margin-left: 65px;
    font-size: 21px;
  }
}
/* END ALERT ATTENTION */
.promo {
  text-transform: uppercase;
  font-size: 55px;
  font-weight: 100;
  color: #fff;
  text-align: left;
  padding: 260px 0 0 0;
  height: 500px;
  box-sizing: border-box;
  line-height: 65px;
}

/* PAGES */
.breadcrumbsWrap {
  margin-top: 5px;
  background-color: #F9F9F9;
}
.breadcrumbsWrap .container {
  margin-top: 5px;
  background-color: #F9F9F9;
}

.breadcrumbs {
  display: table;
  width: 100%;
}

.breadcrumbsBack {
  width: 78px;
  display: table-cell;
  vertical-align: top;
  height: 80px;
  background-repeat: no-repeat;
  background-image: url("../svg/back.svg");
  background-position: center 20px;
}

.breadcrumbsBody {
  display: table-cell;
  padding-top: 13px;
}
.breadcrumbsBody h1 {
  font-size: 40px;
  line-height: 40px;
}

.crumbs {
  padding-bottom: 8px;
  padding-left: 2px;
}
.crumbs i {
  float: left;
  padding: 0 10px;
  display: block;
  height: 20px;
  line-height: 22px;
  color: #7B7B7B;
}
.crumbs a, .crumbs span {
  color: #202020;
  text-decoration: none;
  line-height: 20px;
  float: left;
  display: block;
}
.crumbs a:last-child,
.crumbs span {
  color: #7B7B7B;
}
.crumbs a:hover {
  text-decoration: underline;
}

.geoWrap {
  position: relative;
  height: 480px;
  background-color: #f9f9f9;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0;
  padding-left: 280px;
}

.geoWrap #googleMap {
  width: 100%;
  height: 480px;
}

.geoAddr {
  margin-left: -280px;
  width: 280px;
  float: left;
  padding-top: 10px;
  font-size: 12px;
}

.geoAddr p {
  padding: 10px 0 10px 20px;
  line-height: 18px;
  color: #777;
}

.geoAddr b {
  color: #000;
}

/* Photo */
.photoTmbWrap {
  float: left;
  margin: 2px;
  height: 196px;
  width: 196px;
  overflow: hidden;
  position: relative;
  display: block;
}

.photoTmb {
  display: block;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  transition: all 0.5s;
}

.photoDownload {
  position: absolute;
  display: block;
  bottom: 2px;
  right: 5px;
  z-index: 5;
  color: #fff;
  font-size: 16px;
}

.photoTmb:hover {
  -webkit-filter: brightness(1.3);
  -o-filter: brightness(1.3);
  left: -10px;
  bottom: -10px;
}

.downloadLink {
  padding: 420px 0 0 0;
  font-size: 22px;
  float: left;
  display: block;
  width: 380px;
  height: 40px;
  background-repeat: no-repeat;
  text-align: center;
  margin: 10px;
  color: #000;
  background-position: center top;
  border: dotted 1px #ddd;
}

/* sitemap */
.sitemap {
  padding: 10px;
}
.sitemap h3 {
  padding: 0;
}
.sitemap h3 a {
  font-size: 16px;
  line-height: 16px;
  padding-top: 8px;
  padding-bottom: 2px;
  display: block;
  text-decoration: underline;
  color: #ff0000;
}
.sitemap h3 a i {
  margin-right: 5px;
}
.sitemap a,
.sitemap b {
  display: block;
}
.sitemap b {
  padding-left: 20px;
  padding-top: 10px;
}
.sitemap div {
  margin: 0;
  padding: 0;
  padding-left: 20px;
}
.sitemap div a,
.sitemap b a {
  color: #000;
  text-decoration: underline;
}

/* getMoreBlock */
.getMoreBlock {
  text-align: center;
  padding: 20px 10px;
}
.getMoreBlock .list {
  height: 61px;
  padding-top: 25px;
  text-align: center;
}
.getMoreBlock .list .groupSub {
  padding: 0 0 10px 0;
}
.getMoreBlock .list .groupSub .item {
  display: inline-block;
  background-position: center center;
  color: #7B7B7B;
  text-decoration: none;
  width: 32%;
}
.getMoreBlock .list .groupSub .item i {
  background-repeat: no-repeat;
  display: block;
  height: 41px;
  width: 41px;
  margin: auto;
  margin-bottom: 10px;
}
.getMoreBlock .list .groupSub a.inActive {
  color: #7B7B7B;
}
.getMoreBlock .list .groupSub a.inActive i {
  opacity: 0.2;
}
.getMoreBlock .list .groupSub .itemFb i {
  background-image: url(../svg/social-svg/facebook.svg);
  background-position: 0 0;
}
.getMoreBlock .list .groupSub .itemTw i {
  background-image: url(../svg/social-svg/twitter.svg);
}
.getMoreBlock .list .groupSub .itemG i {
  background-image: url(../svg/social-svg/google-plus.svg);
}
.getMoreBlock .list .groupSub .itemPr i {
  background-position: 0 -123px;
}
.getMoreBlock .list .groupSub .itemIn i {
  background-image: url(../svg/social-svg/instagram.svg);
}
.getMoreBlock .list .groupSub .itemYt i {
  background-image: url(../svg/social-svg/youtube.svg);
}
.getMoreBlock .list .groupSub .itemTb i {
  background-position: 0 -246px;
}
.getMoreBlock .list .groupSub .itemSk i {
  background-image: url(../svg/social-svg/skype.svg);
}

/* social-share buttons */
.social {
  width: 200px;
  padding-top: 10px;
  height: 45px;
  overflow: hidden;
  /* make font-awesome more awesome! for social class only, of course :) */
}
.social .instagram-wrap.fab {
  float: left;
  margin: 0 -192px 0 160px;
  padding: 9px 0;
  font-size: 14px;
  width: 32px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  top: 0;
  transition: all 0.2s ease-in;
}
.social {
  /* Add a hover effect like sharethis.com style */
}
.social .instagram-wrap.fab:hover {
  opacity: 0.7;
  top: -4px;
}
.social {
  /* Instagram */
}
.social .instagram-wrap.fa-instagram {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  color: white;
}

.social-icon {
  width: 38px;
  height: 38px;
  margin-right: 10px;
  font-size: 38px;
  text-decoration: none;
  float: left;
}
.social-icon.instagram {
  background-image: url(../img/instagram_icon.png);
  background-size: contain;
}
.social-icon.xtwitter {
  background-image: url(../img/X_icon.png);
  background-size: contain;
}
.social-icon.youtubenew {
  background-image: url(../img/youtube_icon.png);
  background-size: contain;
}

.social-icon:hover {
  transform: translateY(-5px);
  opacity: 0.7;
  transition-property: transform, opacity;
  transition-delay: 0.02s;
  transition-duration: 0.4s;
}

.content .social {
  width: 100%;
  border-top: solid 1px #ddd;
}

/* spoiler */
.spoilerMultilevel {
  border: solid 1px #CACACA;
  margin: 3px;
  background-color: #F9F9F9;
}

.spoilerMultilevelActive {
  background-color: white;
  border-color: white;
}
.spoilerMultilevelActive > .spoilerHead .spoilerItemHeader {
  color: #ff0000 !important;
}
.spoilerMultilevelActive > .spoilerHead i {
  color: #ff0000 !important;
}

.spoilerMultilevel .spoilerHead {
  text-decoration: none;
}

.spoilerMultilevel .spoilerBody {
  margin: 10px 10px;
}

.spoilerMultilevel .spoilerContent {
  padding: 10px 10px 20px 10px;
}
.spoilerMultilevel .spoilerContent a {
  color: grey;
}
.spoilerMultilevel .spoilerContent table {
  width: 100%;
  margin-bottom: 10px;
}
.spoilerMultilevel .spoilerContent table td {
  padding: 5px 5px;
}

.spoilerMultilevel .spoilerHeader {
  padding: 10px 10px 10px 10px;
  color: black;
  line-height: 22px;
  font-size: 22px;
  cursor: pointer;
}

.spoilerMultilevel .nested {
  line-height: 16px;
  font-size: 14px;
  padding: 6px 10px 6px 10px;
}
.spoilerMultilevel .nested .spoilerItemHeader {
  color: black;
}

.spoilerMultilevel .spoilerItemHeader {
  color: black;
}

.spoilerMultilevel .spoilerHeader i {
  float: left;
  margin: 3px 10px 0 0;
}

.spoilerMultilevel .nested i {
  margin: 2px 10px 0 0;
}

.bigBlackSeparator {
  height: 2px;
  background-color: #7B7B7B;
}

/* subscribe */
.subscribeBlock {
  text-align: center;
  color: #7B7B7B;
  padding-top: 15px;
  padding-bottom: 5px;
}

.subscribeBlock input {
  border: 1px solid #C0C1C1;
  color: #666666;
  height: 16px;
  margin: 0 10px;
  padding: 5px;
  width: 280px;
  margin-top: 1px;
}

.subscribeBlock label, .subscribeBlock button {
  padding-bottom: 2px;
}

.social_menu {
  position: fixed;
  width: 48px;
  right: 0;
  top: 30%;
  z-index: 3;
}
.social_menu .toggle.close {
  max-height: 0;
}
.social_menu.visible:hover .toggle.close {
  max-height: 24px;
}
.social_menu.hidden .social_menu__item {
  max-height: 0;
}
.social_menu.hidden .social_menu__item.toggle.open {
  max-height: 24px;
}

.table.rates tbody tr td {
  line-height: 20px !important;
  font-size: 14px;
}

.table.rates th:first-child {
  width: 70%;
}

.social_menu {
  position: fixed;
  width: 48px;
  right: 0;
  top: 33%;
  z-index: 3;
}

.social_menu .toggle.close {
  max-height: 0;
}

.social_menu.visible:hover .toggle.close {
  max-height: 24px;
}

.social_menu.hidden .social_menu__item {
  max-height: 0;
}

.social_menu.hidden .social_menu__item.toggle.open {
  max-height: 24px;
}

.social_menu__item {
  float: right;
  width: 48px;
  height: 48px;
  max-height: 48px;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s;
}

.social_menu__item.toggle {
  height: 24px;
  max-height: 0;
  cursor: pointer;
  background: #333333;
}

.social_menu__item.toggle:hover {
  width: 48px;
}

.social_menu__item.toggle i {
  font-size: 16px;
  line-height: 24px;
}

.social_menu__item:hover {
  width: 64px;
}

.social_menu__item.phone {
  background-color: #FF474D;
}

.social_menu__item.phone:hover {
  background-color: #fa383e;
}

.social_menu__item.telegram {
  background-color: #24A1DE;
}

.social_menu__item.telegram:hover {
  background-color: #36ade7;
}

.social_menu__item.whatsapp {
  background-color: #25D366;
}

.social_menu__item.whatsapp:hover {
  background-color: #2edc6f;
}

.social_menu__item.facebook {
  background-color: #2d4373;
}

.social_menu__item.facebook:hover {
  background-color: #3B5998;
}

.social_menu__item.instagram {
  background-color: #4f7ea6;
}

.social_menu__item.instagram:hover {
  background-color: #4f7ea6;
}

.social_menu__item.twitter {
  background-color: #1da1f2;
}

.social_menu__item.twitter:hover {
  background-color: #1da1f2;
}

.social_menu__item.google {
  background-color: #da2713;
}

.social_menu__item.google:hover {
  background-color: #da2713;
}

.social_menu__item.skype {
  background-color: #0986ca;
}

.social_menu__item.skype:hover {
  background-color: #12A5F4;
}

.social_menu__item.youtube {
  background-color: #ff0011;
}

.social_menu__item.youtube:hover {
  background-color: #ff361e;
}

.social_menu__item.tech-support {
  background-color: #24b699;
}

.social_menu__item.tech-support:hover {
  background-color: #36D7B7;
}

.social_menu__item i {
  font-size: 32px;
  line-height: 48px;
  color: #FFFFFF;
}

.testimonialsWrap {
  padding: 20px;
}
.testimonialsWrap .testimonialsContent {
  padding: 0 10px 10px 10px;
}
.testimonialsWrap .testimonialsForm {
  padding: 10px 50px;
}

.testimonials .item {
  padding: 10px;
  border-bottom: dashed 1px #ddd;
}
.testimonials .item:last-child {
  border-bottom: none;
}
.testimonials .item b {
  display: block;
  padding-bottom: 6px;
  padding-top: 2px;
  font-size: 18px;
}
.testimonials .item b i {
  font-size: 15px;
}
.testimonials .item span {
  color: gray;
  margin-bottom: 10px;
  display: block;
}

/* Phonebook */
.phonebook__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  color: #7B7B7B;
  transition: all 0.1s linear;
}
.phonebook__item a:hover {
  color: #ff0000;
}
.phonebook__item a:hover .phonebook__dots {
  border-color: #ff0000;
}
.phonebook__country {
  display: flex;
  align-items: center;
}
.phonebook__country img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.phonebook__dots {
  transition: all 0.1s linear;
  flex-grow: 1;
  border-bottom: 2px dotted #7B7B7B;
  margin: 0 10px;
  height: 12px;
}
.phonebook__phone {
  font-weight: 700;
}
@media (max-width: 992px) {
  .phonebook__item a {
    font-size: 20px;
  }
  .phonebook__country img {
    margin-right: 10px;
  }
}
@media (max-width: 768px) {
  .phonebook__column {
    padding: 10px;
  }
}
@media (max-width: 576px) {
  .phonebook__item a {
    font-size: 16px;
  }
}
@media (max-width: 470px) {
  .phonebook__dots {
    display: none;
  }
  .phonebook__country {
    max-width: 100px;
    line-height: 1.1;
  }
}

/* Phonebook */
/* news */
.newsItemWrap {
  padding: 0;
}

.newsItem {
  background-color: #fff;
  padding: 15px 10px;
  position: relative;
  border-bottom: dotted 1px #ddd;
}

.newsItem:last-child {
  border-bottom: none;
}

.newsReadMore:hover, .newsItemBody h3 a:hover {
  text-decoration: underline;
}

.newsContent {
  padding-top: 10px;
}

.newsReadMore {
  color: #777;
  padding-top: 10px;
  display: block;
}

.newsItemImg img {
  float: left;
}

.newsItemImg img:hover {
  -webkit-filter: brightness(1.3);
}

.newsItemImg {
  display: table-cell;
  vertical-align: top;
  padding: 3px;
}

.newsItemBody {
  display: table-cell;
  vertical-align: top;
  padding-left: 16px;
}

.newsItemBody h3 a {
  font-size: 18px;
  line-height: 18px;
  color: #000;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

.newsItemBody h3 {
  padding-bottom: 5px;
}

.newsDate {
  color: #777;
  background-color: #F9F9F9;
  display: inline-block;
  padding: 5px 8px;
}

.newsPromo div {
  margin-top: 5px;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  border: solid 2px red;
  color: white;
  background-color: rgba(255, 0, 1, 0.84);
}
.newsPromo div i {
  margin: 0 10px 0 0;
}
.newsPromo div {
  display: inline-block;
}

.newsDate i {
  padding-right: 2px;
}

.nonBorder {
  border-bottom: none;
}

/* blog */
.blogItemWrap {
  padding: 0;
}

.blogItem {
  background-color: #fff;
  padding: 15px 10px;
  position: relative;
  border-bottom: dotted 1px #ddd;
}

.blogItem:last-child {
  border-bottom: none;
}

.blog-articles-list__content a {
  font-size: 16px;
  line-height: 18px;
  color: #000;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

.blogReadMore:hover, .blog-articles-list__content a:hover {
  text-decoration: underline;
}

.blogContent {
  padding-top: 10px;
}

.blogReadMore {
  color: #777;
  padding-top: 10px;
  display: block;
}

.blogItemImg img {
  float: left;
}

.blogItemImg img:hover {
  -webkit-filter: brightness(1.3);
}

.blogItemImg {
  display: table-cell;
  vertical-align: top;
  padding: 3px;
}

.blogItemBody {
  display: table-cell;
  vertical-align: top;
  padding-left: 16px;
}

.blogItemBody h3 a {
  font-size: 18px;
  line-height: 18px;
  color: #000;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

.blogItemBody h3 {
  padding-bottom: 5px;
}

.blogDate {
  color: #777;
  background-color: #F9F9F9;
  display: inline-block;
  padding: 5px 8px;
}

.blogPromo div {
  margin-top: 5px;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  border: solid 2px red;
  color: white;
  background-color: rgba(255, 0, 1, 0.84);
}
.blogPromo div i {
  margin: 0 10px 0 0;
}
.blogPromo div {
  display: inline-block;
}

.blogDate i {
  padding-right: 2px;
}

/* Blog articles blog/*  */
.blog-articles-list {
  border-bottom: dotted 1px #ddd;
  padding: 15px 10px;
}
.blog-articles-list__item {
  display: flex;
  column-gap: 20px;
  align-items: flex-start;
}
.blog-articles-list__photo {
  min-width: 50px;
}
.blog-articles-list__title {
  margin-bottom: 20px;
  color: black;
}
.blog-articles-list__img {
  border-radius: 50%;
}
.blog-articles-list__active {
  color: red;
  margin: 15px auto;
  text-align: center;
}

.blog-articles-list:last-child {
  border-bottom: none;
}

@media (max-width: 769px) {
  .blog-articles-list {
    padding: 20px;
  }
}
.blog-head-informer__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.blog-head-informer__author {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.blog-head-informer__bold {
  font-weight: 700;
}
.blog-head-informer__item {
  display: flex;
  column-gap: 5px;
}
.blog-head-informer__img {
  border-radius: 50%;
}
.blog-head-informer__image {
  margin: 0 auto;
}
.blog-head-informer__wrapimage {
  padding: 10px;
}
.blog-head-informer__wrapimage .content h2 {
  font-size: 22px;
}

@media (max-width: 1060px) {
  .blog-head-informer__wrapper {
    column-gap: 5px;
  }
  .blog-head-informer__item {
    justify-content: center;
  }
  .blog-head-informer__read {
    flex-wrap: wrap;
  }
  .blog-head-informer__date {
    flex-wrap: wrap;
  }
  .blog-head-informer__rating {
    flex-wrap: wrap;
  }
}
@media (max-width: 769px) {
  .blog-head-informer__wrapper {
    padding: 10px;
  }
}
@media (max-width: 540px) {
  .blog-head-informer__wrapper {
    flex-wrap: wrap;
    row-gap: 15px;
  }
  .blog-head-informer__item {
    flex: 0 1 48%;
  }
  .blog-head-informer__image {
    height: 200px;
  }
  .blog-head-informer__rating {
    order: 1;
  }
  .blog-head-informer__read {
    order: 3;
  }
  .blog-head-informer__date {
    order: 2;
  }
}
.blog-head-informer__rating {
  display: flex;
  align-items: center;
  column-gap: 2px;
}

.rating-blog-informers {
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
}
.rating-blog-informers__item {
  cursor: pointer;
  transition: 0.2s;
  font-size: 24px;
  color: lightgrey;
}
.rating-blog-informers__item:hover, .rating-blog-informers__item:hover ~ .rating-blog-informers__item {
  color: red;
}

.rating-blog-informers[data-total-value="1"] .rating-blog-informers__item:nth-child(n+5),
.rating-blog-informers[data-total-value="2"] .rating-blog-informers__item:nth-child(n+4),
.rating-blog-informers[data-total-value="3"] .rating-blog-informers__item:nth-child(n+3),
.rating-blog-informers[data-total-value="4"] .rating-blog-informers__item:nth-child(n+2),
.rating-blog-informers[data-total-value="5"] .rating-blog-informers__item:nth-child(n+1) {
  color: red;
}

.blog-author__wrapper {
  display: flex;
  column-gap: 10px;
}

.blog-author__name {
  font-weight: 700;
}

/* Author mobile */
@media (max-width: 620px) {
  .blog-author__wrapper {
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 0px;
  }
  .blog-author__content {
    flex: 0 1 100%;
  }
}
/* childPages */
.pagesItemWrap {
  padding: 0;
}
.pagesItemWrap .container img {
  width: 100%;
}
.pagesItemWrap .containerWrap {
  margin-top: 5px;
  background-color: #F9F9F9;
}
.pagesItemWrap .containerWrapBorder {
  border-top: solid 1px #E6E6E6;
  margin: 30px 0 0 0;
}
.pagesItemWrap .pageItemQuote {
  margin: 40px auto;
  padding: 30px 0 0 40px;
  width: 50%;
  font-size: 18px;
  line-height: 28px;
  position: relative;
}
.pagesItemWrap .pageItemQuote .left-top-border {
  background-image: url("../img/marketing/left-top-border.svg");
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 40px;
}
.pagesItemWrap .pageItemQuote .right-bottom-quotes {
  background-image: url("../img/marketing/rith-bottom-quotes.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  bottom: -25px;
  right: 0;
  width: 25px;
  height: 25px;
}
.pagesItemWrap .pageItemText {
  width: 50%;
  float: left;
  padding: 30px 0;
}
.pagesItemWrap .pageItemText .textHead {
  font-size: 24px;
  font-weight: 600;
  line-height: 26px;
  color: #0a0a0a;
  padding: 40px 0;
}
.pagesItemWrap .pageItemText span {
  font-size: 16px;
  line-height: 20px;
}
.pagesItemWrap .pageItemText .pageItemLink {
  display: block;
  margin: 30px 0 0 0;
  padding: 0px 0 0 50px;
  font-size: 16px;
  background-image: url(../img/marketing/pdf_file.svg);
  background-position: left;
  background-repeat: no-repeat;
  height: 40px;
  line-height: 50px;
  color: #666666;
}
.pagesItemWrap .pageItemText .pageItemLink:hover {
  color: #ff0000;
}
.pagesItemWrap .pageItemImg {
  width: 40%;
  padding: 20px 5%;
  float: right;
}
.pagesItemWrap .pageItemImg img {
  width: 100%;
}
.pagesItemWrap .pageItemImg .videoTvWrap {
  background-image: url(../img/marketing/tv-video.png);
  padding: 7% 6% 9% 6%;
  margin: 0 auto;
  width: 90%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pagesItemWrap .pageItemImg .videoTvWrap video {
  width: 100%;
}
.pagesItemWrap .pagesItemFooter {
  color: #ff0000;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  width: 80%;
  display: block;
  margin: 0 auto;
  padding: 10px;
  line-height: 22px;
}

.pagesItem {
  background-color: #fff;
  padding: 15px 10px;
  position: relative;
  border-bottom: dotted 1px #ddd;
}

.pagesItem:last-child {
  border-bottom: none;
}

.pagesReadMore:hover, .pagesItemBody h3 a:hover {
  text-decoration: underline;
}

.pagesContent {
  padding-top: 10px;
}

.pagesReadMore {
  color: #777;
  padding-top: 10px;
  display: block;
}

.pagesItemImg img {
  float: left;
}

.pagesItemImg img:hover {
  -webkit-filter: brightness(1.3);
}

.pagesItemImg {
  display: table-cell;
  vertical-align: top;
  padding: 3px;
}

.pagesItemBody {
  display: table-cell;
  vertical-align: top;
  padding-left: 16px;
}

.pagesItemBody h3 a {
  font-size: 18px;
  line-height: 18px;
  color: #000;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

.pagesItemBody h3 {
  padding-bottom: 5px;
}

.newsDate i {
  padding-right: 2px;
}

@media (max-width: 1200px) {
  .pagesItemWrap .pageItemText {
    width: 48%;
    padding: 30px 0 30px 2%;
  }
}
@media (max-width: 640px) {
  .pagesItemWrap .pageItemQuote {
    margin: 20px auto;
    padding: 30px 0 0 40px;
    width: 80%;
    font-size: 16px;
    line-height: 22px;
    position: relative;
  }
  .pagesItemWrap .pageItemText {
    width: 90%;
    padding: 10px 5%;
    float: none;
  }
  .pagesItemWrap .pageItemText .textHead {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #0a0a0a;
    padding: 20px 0;
  }
  .pagesItemWrap .pageItemText span {
    font-size: 16px;
    line-height: 20px;
  }
  .pagesItemWrap .pageItemImg {
    width: 100%;
    padding: 10px 0;
    float: none;
  }
  .pagesItemWrap .pageItemImg .videoTvWrap {
    background-image: url(../img/marketing/tv-video.png);
    padding: 7% 6% 9% 6%;
    margin: 0 auto;
    width: 90%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .pagesItemWrap .pageItemImg .videoTvWrap video {
    width: 100%;
  }
}
/* NICE TABLE */
.niceTable .sbb {
  border-bottom: solid 1px #CACACA;
}
.niceTable .sbl {
  border-left: solid 1px #CACACA;
}
.niceTable .sbr {
  border-right: solid 1px #CACACA;
}
.niceTable .sbbDouble {
  border-bottom: solid 1px #202020;
}
.niceTable .dbl {
  border-left: dotted 1px #CACACA;
}
.niceTable .left {
  text-align: left;
}
.niceTable .center {
  text-align: center;
}
.niceTable .right {
  text-align: right;
}
.niceTable thead {
  background-color: #F9F9F9;
}
.niceTable thead th {
  padding: 10px;
  border-bottom: solid 1px #CACACA;
  text-transform: uppercase;
  border-top: solid 1px #CACACA;
  font-weight: normal;
}
.niceTable tbody td {
  padding: 10px;
}
.niceTable a {
  color: #202020;
}
.niceTable.buttonMini {
  color: white;
}
.niceTable.buttonMini:hover {
  color: #ff0000;
}

.newsFull .newsItemBody {
  line-height: 22px;
}

.newsItem .newsItemBg {
  position: absolute;
  color: rgba(0, 0, 0, 0.05);
  opacity: 0.5;
  transform: rotate(-40deg);
  font-size: 150px;
  right: 20px;
  bottom: 20px;
}

.speedTest {
  background-image: url("../img/speedtest.png");
  padding: 5px;
  padding-left: 60px;
  padding-top: 10px;
  height: 50px;
  display: block;
  margin: 5px 20px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 18px;
  font-size: 14px;
  color: #202020;
}

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

menuMainWrap hr {
  display: none;
}

.brands {
  margin: 30px 0 0 10px;
}
.brands div {
  display: inline-block;
  margin: 0 11px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 center;
  height: 50px;
  cursor: pointer;
}
.brands #apple-tv {
  background-image: url("../img/brands/color/apple-tv.svg");
  background-size: 90%;
  width: 40px;
}
.brands #apple-tv:hover {
  background-image: url("../img/brands/color/apple-tv.svg");
}
.brands #roku {
  background-image: url("../img/brands/color/roku.svg");
  background-size: 90%;
  width: 65px;
}
.brands #roku:hover {
  background-image: url("../img/brands/color/roku.svg");
}
.brands #smart-tv-samsung {
  background-image: url("../img/brands/color/smart-tv-samsung.svg");
  width: 100px;
}
.brands #smart-tv-samsung:hover {
  background-image: url("../img/brands/color/smart-tv-samsung.svg");
}
.brands #fire-tv-stick {
  background-image: url("../img/brands/color/fire-tv-stick.svg");
  width: 100px;
}
.brands #fire-tv-stick:hover {
  background-image: url("../img/brands/color/fire-tv-stick.svg");
}
.brands #chromecast {
  background-image: url("../img/brands/color/chromecast.svg");
  width: 150px;
}
.brands #chromecast:hover {
  background-image: url("../img/brands/color/chromecast.svg");
}
.brands #air-play {
  background-image: url("../img/brands/color/air-play.svg");
  background-size: 100%;
  width: 90px;
}
.brands #air-play:hover {
  background-image: url("../img/brands/color/air-play.svg");
}
.brands #kodi {
  background-image: url("../img/brands/color/kodi.svg");
  width: 80px;
}
.brands #kodi:hover {
  background-image: url("../img/brands/color/kodi.svg");
}
.brands #iphone {
  background-image: url("../img/brands/color/iphone.svg");
  width: 90px;
}
.brands #iphone:hover {
  background-image: url("../img/brands/color/iphone.svg");
}
.brands #android {
  background-image: url("../img/brands/color/android.svg");
  width: 110px;
}
.brands #android:hover {
  background-image: url("../img/brands/color/android.svg");
}
.brands #dune-hd {
  background-image: url("../img/brands/color/dune-hd.svg");
  width: 110px;
}
.brands #dune-hd:hover {
  background-image: url("../img/brands/color/dune-hd.svg");
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .brands {
    max-width: 615px;
    margin: 30px auto 0 auto;
  }
}
.loyalty-wrap span {
  color: #ff0000;
  font-size: 14px;
}
.loyalty-wrap .diagram-wrap {
  width: 300px;
  float: right;
  margin: 20px;
}
.loyalty-wrap .diagram-wrap .diagram-day {
  float: left;
  position: relative;
}
.loyalty-wrap .diagram-wrap .diagram-day .diagram-bg {
  position: relative;
  width: 150px;
  height: 150px;
  background-size: cover;
  margin: 0 auto;
}
.loyalty-wrap .diagram-wrap .diagram-day .diagram-bg .text {
  position: absolute;
  top: 50px;
  width: 60px;
  left: 50px;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  color: #ff0000;
  font-weight: 600;
}
.loyalty-wrap .diagram-wrap .diagram-day .day-0 {
  background-image: url("../img/loyalty/day-0.svg");
}
.loyalty-wrap .diagram-wrap .diagram-day .day-120 {
  background-image: url("../img/loyalty/day-120.svg");
}
.loyalty-wrap .diagram-wrap .diagram-day .day-240 {
  background-image: url("../img/loyalty/day-240.svg");
}
.loyalty-wrap .diagram-wrap .diagram-day .day-360 {
  background-image: url("../img/loyalty/day-360.svg");
}
.loyalty-wrap .diagram-wrap .diagram-day .day-480 {
  background-image: url("../img/loyalty/day-480.svg");
}
.loyalty-wrap .diagram-wrap .diagram-day .day-600 {
  background-image: url("../img/loyalty/day-600.svg");
}
.loyalty-wrap .diagram-wrap .diagram-day .day-720 {
  background-image: url("../img/loyalty/day-720.svg");
}
.loyalty-wrap .diagram-discount {
  float: left;
  position: relative;
}
.loyalty-wrap .diagram-discount .diagram-bg {
  position: relative;
  width: 150px;
  height: 150px;
  background-size: cover;
  margin: 0 auto;
}
.loyalty-wrap .diagram-discount .diagram-bg .text {
  position: absolute;
  top: 60px;
  width: 60px;
  left: 50px;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  color: #ff0000;
  font-weight: 600;
}
.loyalty-wrap .diagram-discount .discount-0 {
  background-image: url("../img/loyalty/0-p.svg");
}
.loyalty-wrap .diagram-discount .discount-2 {
  background-image: url("../img/loyalty/2-p.svg");
}
.loyalty-wrap .diagram-discount .discount-5 {
  background-image: url("../img/loyalty/5-p.svg");
}
.loyalty-wrap .diagram-discount .discount-7 {
  background-image: url("../img/loyalty/7-p.svg");
}
.loyalty-wrap .diagram-discount .discount-10 {
  background-image: url("../img/loyalty/10-p.svg");
}

@media all and (max-width: 640px) {
  .loyalty-wrap .diagram-wrap {
    width: 100%;
    float: unset;
    margin: 30px auto 10px 0;
  }
  .loyalty-wrap .diagram-wrap .diagram-discount, .loyalty-wrap .diagram-wrap .diagram-day {
    width: 50%;
  }
}
.download-app {
  margin: 0 0 20px 0;
  min-height: 500px;
}
.download-app h5 {
  margin: 40px 0 20px 0;
  color: #202020;
  font-weight: 400;
}
.download-app .platform-wrap {
  text-align: center;
  padding: 10px;
}
.download-app .platform-wrap .platform-icon {
  height: 64px;
  background-repeat: no-repeat;
  background-position: center top;
}
.download-app .platform-wrap .platform-icon.windows {
  background-image: url("../img/windows.svg");
}
.download-app .platform-wrap .platform-icon.linux {
  background-image: url("../img/linux.svg");
}
.download-app .platform-wrap .platform-icon.mac {
  background-image: url("../img/mac.svg");
}
.download-app .platform-wrap span {
  font-weight: 600;
}
.download-app .devicesWrap .instructions table td {
  vertical-align: top;
  text-align: center;
}
.download-app .devicesWrap .instructions table td a {
  padding: 5px 0;
  display: block;
}

.fortune-wheel {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  transition: transform 0.5s linear;
}
.fortune-wheel:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.9;
  background-color: black;
}
.fortune-wheel__wrapper {
  opacity: 1;
  position: relative;
  z-index: 2500;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}
.fortune-wheel__closebtn {
  cursor: pointer;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 3001;
}
.fortune-wheel__container {
  max-width: 1300px;
}
.fortune-wheel__main {
  margin-top: 30px;
  padding: 30px 15px;
  display: flex;
  justify-content: space-between;
  column-gap: 80px;
  position: relative;
}

.slice__circle {
  width: 10px;
  height: 10px;
  display: block;
  background-color: #ffffff;
}
.slice text {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  font-weight: 800;
}
.slice__percent {
  font-size: 56px;
  font-weight: 800;
  line-height: 68.26px;
}
.slice__text {
  font-size: 14px;
  line-height: 17.07px;
}

.spin-text {
  transition: all 0.9s ease;
}
.spin-text__active {
  transform: scale(1.3, 1.5);
}

.fort__column {
  max-width: 660px;
}

.block-fortune {
  max-width: 660px;
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 800;
  line-height: 43.58px;
}
.block-fortune__main {
  margin-bottom: 50px;
}
.block-fortune__text {
  font-size: 20px;
  font-weight: 600;
  line-height: 27.24px;
}

.trophy-fortune {
  display: block;
  transition: all 0.6s linear;
}
.trophy-fortune__title {
  margin-bottom: 25px;
}
.trophy-fortune__items {
  padding-left: 50px;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.coupon-fortune {
  display: none;
  transform: translate(0, 400px);
  opacity: 0;
  transition: transform 0.5s linear, opacity 0.8s linear;
}
.coupon-fortune__title {
  margin-bottom: 30px;
}
.coupon-fortune__block {
  margin-bottom: 50px;
}
.coupon-fortune__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon-fortune__btn {
  font-size: 18px;
  font-weight: 600;
  line-height: 24.51px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px;
  border-radius: 2px;
  padding: 10px 0;
}
.coupon-fortune__close {
  color: #0B0C0F;
  background-color: #DBE4EA;
}
.coupon-fortune__accept {
  color: #ECF0F1;
  background-color: #EB2227;
}

.coupon-block {
  background-color: #DBE4EA;
  border-radius: 5px;
  position: relative;
  padding: 35px 35px 10px;
  display: flex;
  justify-content: space-between;
}
.coupon-block__backimg {
  position: absolute;
  top: -20px;
  right: 250px;
  z-index: -1;
}
.coupon-block__item {
  color: #0B0C0F;
  padding-left: 50px;
}
.coupon-block__title {
  margin-bottom: 20px;
}
.coupon-block__text {
  font-size: 13px;
  font-weight: 400;
  line-height: 15.85px;
  padding-left: 30px;
  cursor: pointer;
}
.coupon-block__text img {
  margin-right: 10px;
}
.coupon-block__images {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 3;
}
.coupon-block__bg {
  position: absolute;
  top: -28px;
  left: 48%;
  z-index: 1;
}
.coupon-block__prize {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 7;
  width: 250px;
  font-size: 56px;
  font-weight: 800;
  text-align: center;
}
.coupon-block__prize p:first-child {
  margin-bottom: 15px;
}
.coupon-block__prize p + p {
  line-height: 5px;
  margin: 0 auto;
  max-width: 120px;
  word-wrap: break-word;
}
.coupon-block__prize span {
  word-wrap: break-word;
  font-size: 13.55px;
  font-weight: 800;
  line-height: 10px;
}

.title-fortune__top {
  display: none;
}

@media (max-width: 1180px) {
  .fortune-wheel__main {
    column-gap: 20px;
  }
  .block-fortune {
    padding-right: 20px;
  }
  .coupon-block {
    padding-left: 0;
  }
}
.fort {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  transition: transform 0.3s linear;
  display: none;
  background: rgba(0, 0, 0, 0.9);
}
.fort__wrapper {
  width: 1300px;
  padding: 0 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  opacity: 1;
  z-index: 2002;
}
.fort__items {
  display: flex;
  justify-content: space-between;
}
.fort__ignore {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  color: #FFFFFF;
  line-height: 1.2;
  font-weight: 700;
}

.wheel {
  width: 550px;
  height: 550px;
  position: relative;
}
.wheel__wrapper {
  z-index: 2001;
  position: absolute;
  color: #ffffff;
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 5px solid #FFFFFF;
  overflow: hidden;
  border-radius: 50%;
}
.wheel__item {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  transition: translate 0.5s linear;
}
.wheel__segment {
  position: absolute;
  top: -50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform-origin: 0 100%;
  border-bottom: 5px solid #ffffff;
}
.wheel__segment:nth-child(even) {
  background-color: #EB2227;
}
.wheel__segment:nth-child(odd) {
  background-color: #DBE4EA;
}
.wheel__spiner {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #EB2227;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  z-index: 4;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 6px solid #ffffff;
  font-size: 32px;
}
.wheel__arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 45px 20px;
  border-color: transparent transparent #FFFFFF transparent;
  margin-top: -75px;
}
.wheel__label {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 50%;
  height: 50%;
  transform-origin: 0 100%;
  text-align: center;
}
.wheel__label:nth-child(even) {
  color: #ffffff;
}
.wheel__label:nth-child(odd) {
  color: #EB2227;
}
.wheel__discount {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.wheel__disc {
  font-size: 52px;
  font-weight: 800;
  line-height: 60px;
  margin-top: 10px;
}
.wheel__text {
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  margin-top: 10px;
}
.wheel__flashlights {
  background-color: #B5C1C9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 550px;
  height: 550px;
  display: block;
  z-index: 1;
  border-radius: 50%;
}
.wheel__flashwrap {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: tranform 0.2s linear;
}
.wheel__flashlight {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 50%;
  height: 50%;
  transform-origin: 0 100%;
}
.wheel__flashlight span {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #ffffff;
  display: block;
  margin-top: 5px;
}

.wheel__spiner span {
  animation: slidein 1s infinite linear;
}

@keyframes slidein {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.2, 1.3);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 1320px) {
  .fort__items {
    justify-content: center;
    column-gap: 20px;
  }
  .fort__column {
    flex: 0 1 500px;
  }
  .coupon-fortune__buttons {
    column-gap: 10px;
  }
}
@media (max-width: 1100px) {
  .title-fortune__top {
    color: #FFFFFF;
    font-weight: 800;
    line-height: 43.58px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 34px;
  }
  .fort__items {
    align-items: center;
    column-gap: 0;
  }
  .fortune-wheel__wrapper {
    justify-content: unset;
  }
  .fortune-wheel__main {
    flex-direction: column;
    column-gap: 0;
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .block-fortune {
    padding-right: 0;
  }
  .wheel {
    transform: scale(0.9);
  }
  .fort__column {
    flex: 0 1 400px;
  }
  .block-fortune__main {
    display: none;
  }
  .title-fortune__top {
    max-width: 500px;
    display: block;
    font-size: 28px;
    margin: 0 auto 10px;
  }
  .fort__items {
    flex-direction: column;
    justify-content: unset;
  }
  .fort {
    overflow-x: hidden;
  }
  .fort__wrapper {
    top: 65%;
    width: auto;
  }
}
@media (max-width: 980px) {
  .block-fortune__text {
    font-size: 18px;
  }
  .trophy-fortune__title {
    font-size: 26px;
    margin-bottom: 10px;
  }
  .trophy-fortune__items {
    font-size: 18px;
    padding-left: 25px;
  }
  .coupon-fortune {
    padding-bottom: 20px;
  }
}
@media (max-width: 780px) {
  .fortune-wheel__closebtn {
    top: 20px;
  }
}
@media (max-width: 624px) {
  .coupon-fortune__buttons {
    justify-content: center;
  }
  .coupon-fortune__close {
    display: none;
  }
  .coupon-fortune__accept {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .coupon-fortune__close {
    display: none;
  }
}
@media (max-width: 560px) {
  .fortune-wheel__container {
    padding: 0;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .fortune-wheel__main {
    padding: 0;
  }
  .title-fortune__top {
    max-width: 350px;
    margin-bottom: 0;
    font-size: 24px;
  }
  .wheel {
    transform: scale(0.8);
  }
  .trophy-fortune {
    display: flex;
    flex-direction: column;
    margin-top: -20px;
  }
  .trophy-fortune__title {
    margin: 0 auto;
  }
  .coupon-fortune__title {
    text-align: center;
  }
  .coupon-fortune {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 400px;
  }
  .coupon-block {
    padding: 10px 35px 10px;
  }
  .coupon-block__title {
    margin-bottom: 10px;
  }
  .coupon-block__item {
    padding-left: 0;
  }
  .coupon-block__backimg {
    right: 170px;
    top: -10px;
  }
  .coupon-block__images {
    top: -10px;
  }
  .coupon-block__images img {
    width: 200px;
  }
  .coupon-block__prize {
    width: 160px;
    font-size: 30px;
    right: 0;
    top: 0;
  }
  .coupon-block p:first-child {
    margin-bottom: 10px;
  }
}
@media (max-width: 466px) {
  .wheel {
    transform: scale(0.7);
  }
  .title-fortune__top {
    font-size: 22px;
    line-height: 24.51px;
  }
  .trophy-fortune__title {
    font-size: 15px;
    font-weight: 800;
    margin: 0 auto;
  }
  .trophy-fortune__items {
    line-height: 20px;
  }
}
@media (max-width: 420px) {
  .coupon-fortune {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 320px;
  }
  .coupon-block__item {
    padding-left: 5px;
  }
  .coupon-fortune__btn {
    font-size: 15px;
  }
  .coupon-block {
    padding: 10px 0;
    margin-bottom: 25px;
  }
  .coupon-block__title {
    font-size: 22px;
  }
  .coupon-block__text {
    padding-left: 0;
  }
}
@media (max-width: 400px) {
  .fortune-link {
    text-align: center;
  }
  .wheel {
    transform: scale(0.6);
    margin-top: -60px;
  }
  .fort__items {
    padding: 0 0 100px 0;
    display: block;
  }
  .fort__wrapper {
    transform: translate(-50%, 0);
    top: 0;
  }
  .title-fortune__top {
    margin-top: 60px;
  }
  .coupon-block__prize p:first-child {
    margin-bottom: 0;
  }
  .coupon-block__item {
    padding-left: 5px;
  }
  .coupon-block__text {
    padding-left: 0;
  }
  .trophy-fortune__items {
    font-size: 18px;
    padding-left: 130px;
  }
}
.trophy-fortune__items {
  margin-bottom: 10px;
}

.fortune-link {
  font-size: 18px;
}
.fortune-link a {
  color: #ffffff;
}

.promo-informer .body-title-h4 {
  background-color: white;
  color: red;
  margin: 4% auto;
  padding: 0 10px;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32.68px;
  text-transform: uppercase;
  text-align: center;
}
.promo-informer .products {
  border: none;
}

@media (max-width: 490px) {
  .promo-informer .products .product .body .description {
    min-height: 100px;
  }
  .promo-informer .products .product .body .actions {
    left: -60%;
    width: 120%;
  }
}
.contentBox {
  padding: 30px 20px;
  border: solid 1px #E6E6E6;
  margin: 10px 0;
  text-align: left;
  position: relative;
}

.contentWrap {
  padding: 20px;
  border: solid 1px #E6E6E6;
  position: relative;
}
.contentWrap.intro {
  padding: 20px 20px 10px 20px;
  margin-top: 5px;
}
.contentWrap p {
  padding: 5px;
}
.contentWrap ol {
  margin: 0 0 0 30px;
}

@media (max-width: 960px) {
  .columnsLeftContentWide .contentWrap {
    padding: 20px 2%;
    overflow-x: auto;
    width: 96%;
  }
}
.content {
  font-weight: normal;
  line-height: 18px;
}
.content blockquote {
  background-color: #F9F9F9;
  padding: 20px 10px 20px 80px;
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.content blockquote:before {
  color: #7B7B7B;
  content: "“";
  font: 90px/30px "Arial";
  left: 14px;
  position: absolute;
  top: 36px;
}
.content a {
  color: black;
}
.content p {
  padding: 0 0 12px 0;
}
.content img {
  display: block;
  box-shadow: none;
  max-width: 100%;
}
.content img.right {
  float: right;
  margin: 10px 30px;
  margin-right: 0;
}
.content img.left {
  float: left;
  margin: 10px 30px;
  margin-left: 0;
}
.content strong, .content b {
  font-weight: 600;
  color: #ff0000;
  font-family: "Open Sans", sans-serif;
}
.content ul, .content ol {
  padding: 0 10px 10px 10px;
}
.content ul li, .content ol li {
  margin: 0 20px;
}
.content .spanH2 {
  font-weight: 600;
  font-size: 14px;
  color: red;
  text-transform: uppercase;
}
.content div.address {
  margin: 15px 20px 0 5px;
  display: table-cell;
  float: right;
}
.content img.right {
  width: 220px;
  margin: 0;
}
.content .address-table {
  width: 100%;
}
.content .address-table td {
  padding: 10px;
  width: 50%;
}

/* devices view */
/* devices view */
@keyframes slide {
  0% {
    left: 0;
  }
  49.9% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
.devices {
  margin: 0 auto;
  overflow: hidden;
  font-size: 13px;
}

.devices__selector {
  position: relative;
  margin: 15px 0;
  text-align: center;
  transition: left 0.6s;
}

.devices__selector.animated {
  animation: slide 0.6s;
}

.devices__selector__row {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transition-duration: 0.6s;
  transition-property: opacity, min-height;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.devices__selector__row.active {
  opacity: 1;
  max-height: 200px;
}

.devices__selector__item {
  display: inline-block;
  cursor: pointer;
}

.devices__selector__item:hover .device__selector__item__text, .devices__selector__item.active .device__selector__item__text {
  color: #ff0000;
}

.devices__selector__item .device__selector__item__text {
  display: inline-block;
  width: 100%;
  height: 50px;
  color: #908e8e;
  font-weight: bold;
  transition: color 0.3s;
}
.devices__selector__item .device__selector__item__text.item__text_subTitle {
  height: 80px;
}
.devices__selector__item .device__selector__item__text .device__selector__item__button {
  cursor: pointer;
  margin: 10px auto 5px auto;
  width: 80%;
  height: 20px;
  padding: 5px 0;
  background: #FF3333;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 5px;
}
.devices__selector__item .device__selector__item__text span {
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  display: block;
}
.devices__selector__item .device__selector__item__text i {
  margin: 0 10px 0 0;
  width: 16px;
}

.devices__selector__item .device__sprite {
  display: inline-block;
  width: 160px;
  height: 100px;
  background: url("../img/device-sprite.png") no-repeat;
}

.devices__selector__item .device__sprite {
  background-repeat: no-repeat;
  background-position: center center;
}

.devices__selector__item .device__sprite--console {
  background-image: url("../img/devices/decoder.svg");
}

.devices__selector__item:hover .device__sprite--console,
.devices__selector__item.active .device__sprite--console {
  background-image: url("../img/devices/decoder-active.svg");
}

.devices__selector__item .device__sprite--tv {
  background-image: url("../img/devices/tv.svg");
}

.devices__selector__item:hover .device__sprite--tv,
.devices__selector__item.active .device__sprite--tv {
  background-image: url("../img/devices/tv-active.svg");
}

.devices__selector__item .device__sprite--tablet {
  background-image: url("../img/devices/tablet.svg");
}

.devices__selector__item:hover .device__sprite--tablet,
.devices__selector__item.active .device__sprite--tablet {
  background-image: url("../img/devices/tablet-active.svg");
}

.devices__selector__item .device__sprite--computer {
  background-image: url("../img/devices/computer.svg");
}

.devices__selector__item:hover .device__sprite--computer,
.devices__selector__item.active .device__sprite--computer {
  background-image: url("../img/devices/computer-active.svg");
}

.devices__selector__item .device__sprite--web {
  background-image: url("../img/devices/web.svg");
}

.devices__selector__item:hover .device__sprite--web,
.devices__selector__item.active .device__sprite--web {
  background-image: url("../img/devices/web-active.svg");
}

.devices__selector__item .device__sprite--dune {
  background-image: url("../img/devices/decoder-dune.png");
  background-size: cover;
}

.devices__selector__item .device__sprite--dune-guide {
  background-image: url("../img/devices/decoder-dune.png");
  background-size: cover;
}

.devices__selector__item .device__sprite--iq {
  background-image: url("../img/devices/decoder-iq4.png");
  background-size: cover;
}

.devices__selector__item .device__sprite--fire-tv {
  background-image: url("../img/devices/fire-tv.png");
  background-size: cover;
}

.devices__selector__item .device__sprite--apple-tv {
  background-image: url("../img/devices/apple- tv.png");
  background-size: cover;
}

.devices__selector__item .device__sprite--smart-tv {
  background-image: url("../img/devices/samsung-smart-tv.png");
  background-size: cover;
}

.devices__selector__item .device__sprite--android-tv {
  background-image: url("../img/devices/android-tv.png");
  background-size: cover;
}

.devices__selector__item .device__sprite--roku {
  background-image: url("../img/devices/roku.png");
  background-size: cover;
}

.devices__selector__item .device__sprite--android {
  background-image: url("../img/devices/android.png");
  background-size: contain;
}

.devices__selector__item .device__sprite--iphone {
  background-image: url("../img/devices/ios.png");
  background-size: contain;
}

.devices__selector__item .device__sprite--windows {
  background-image: url("../img/devices/windows.svg");
  background-size: contain;
}

.devices__selector__item:hover .device__sprite--windows,
.devices__selector__item.active .device__sprite--windows {
  background-image: url("../img/devices/windows-active.svg");
}

.devices__selector__item .device__sprite--macos {
  background-image: url("../img/devices/mac-os.svg");
  background-size: contain;
}

.devices__selector__item:hover .device__sprite--macos,
.devices__selector__item.active .device__sprite--macos {
  background-image: url("../img/devices/mac-os-active.svg");
}

.devices__selector__item .device__sprite--linux {
  background-image: url("../img/devices/linux.svg");
  background-size: contain;
}

.devices__selector__item:hover .device__sprite--linux,
.devices__selector__item.active .device__sprite--linux {
  background-image: url("../img/devices/linux-active.svg");
}

.devicesWrap .devices-description-wrap {
  padding: 20px 0;
}
.devicesWrap .devices-description-wrap .devices-description-body {
  height: 300px;
  display: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
.devicesWrap .devices-description-wrap .devices-description-body .devices-description {
  float: left;
  width: 50%;
  padding: 0 2%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.devicesWrap .devices-description-wrap .devices-description-console {
  background-image: url("../img/devices/decoder.png");
  background-position: 90% 50%;
  height: 370px;
  background-size: 50%;
}
.devicesWrap .devices-description-wrap .devices-description-console .devices-description {
  width: 96%;
  font-size: 16px;
  font-weight: 600;
}
.devicesWrap .devices-description-wrap .devices-description-console .devices-description a {
  text-decoration: none;
  color: #ec3323;
}
.devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block {
  width: 250px;
  text-align: center;
  padding: 60px 5%;
}
.devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block span {
  color: #928f8f;
  font-size: 18px;
  font-weight: 700;
}
.devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block button {
  cursor: pointer;
  margin: 15px auto;
  width: 185px;
  height: 36px;
  background: #FF3333;
  border: none;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 5px;
}
.devicesWrap .devices-description-wrap .devices-description-tv {
  height: 320px;
  background-image: url("../img/devices/tv.png");
  background-position-x: 95%;
  background-size: 40%;
}
.devicesWrap .devices-description-wrap .devices-description-tv .devices-description {
  padding: 60px 40px;
}
.devicesWrap .devices-description-wrap .devices-description-tablet {
  background-image: url("../img/devices/mobile.jpg");
  background-position: right bottom;
}
.devicesWrap .devices-description-wrap .devices-description-tablet .devices-description {
  padding: 40px 40px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .app-store {
  width: 150px;
  height: 50px;
  margin: 30px 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/devices/app-store.png");
}
.devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .google-play {
  width: 150px;
  height: 50px;
  margin: 30px 10px;
  background-image: url("../img/devices/google-play.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.devicesWrap .devices-description-wrap .devices-description-computer {
  height: 230px;
  background-image: url("../img/devices/computer.png");
  background-position-x: 95%;
  background-position-y: 20%;
}
.devicesWrap .devices-description-wrap .devices-description-computer .devices-description {
  padding: 40px 40px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.devicesWrap .devices-description-wrap .devices-description-web {
  height: 270px;
  background-image: url("../img/devices/web.png");
  background-position-x: 96%;
}
.devicesWrap .devices-description-wrap .devices-description-web .devices-description {
  width: 48%;
  padding: 40px 40px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.devicesWrap .devices-description-wrap .devices-description-web .devices-description .desc-block {
  text-align: center;
}
.devicesWrap .devices-description-wrap .devices-description-web .devices-description .desc-block button {
  cursor: pointer;
  margin: 15px auto;
  width: 300px;
  height: 36px;
  background: #FF3333;
  border: none;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 5px;
}

/*
.devices__selector__item .device__sprite--smart-tv {
  transition: background-position 0.3s;
  background-position: -1020px 0;
}

.devices__selector__item:hover .device__sprite--smart-tv,
.devices__selector__item.active .device__sprite--smart-tv {
  background-position: -1020px -100px;
}

.devices__selector__item .device__sprite--console {
  transition: background-position 0.3s;
  background-position: -1190px 0;
}

.devices__selector__item:hover .device__sprite--console,
.devices__selector__item.active .device__sprite--console {
  background-position: -1190px -100px;
}

.devices__selector__item .device__sprite--fire-tv {
  transition: background-position 0.3s;
  background-position: -1360px 0;
}

.devices__selector__item:hover .device__sprite--fire-tv,
.devices__selector__item.active .device__sprite--fire-tv {
  background-position: -1360px -100px;
}

.devices__selector__item .device__sprite--android {
  transition: background-position 0.3s;
  background-position: -1530px 0;
}

.devices__selector__item:hover .device__sprite--android,
.devices__selector__item.active .device__sprite--android {
  background-position: -1530px -100px;
}

.devices__selector__item .device__sprite--iphone {
  transition: background-position 0.3s;
  background-position: -680px 0;
}

.devices__selector__item:hover .device__sprite--iphone,
.devices__selector__item.active .device__sprite--iphone {
  background-position: -680px -100px;
}

.devices__selector__item .device__sprite--web {
  transition: background-position 0.3s;
  background-position: -1700px 0;
}

.devices__selector__item:hover .device__sprite--web,
.devices__selector__item.active .device__sprite--web {
  background-position: -1700px -100px;
}
*/
.devices__tables {
  margin-top: 10px;
}

.devices__tables__wrapper {
  max-height: 0;
  transition: max-height 0.6s;
  border: none;
}

.devices__tables__wrapper.active {
  max-height: 350px;
}

.devices__tables__item {
  width: 100%;
  border-collapse: collapse;
}

.devices__tables__item th,
.devices__tables__item td {
  padding: 5px;
  line-height: 2;
}

.devices__tables__item th {
  color: white;
  background: #ff0000;
  text-align: left;
}

.devices__tables__item td {
  color: #646464;
}

.devices__tables__item a {
  color: #343434;
  text-decoration: none;
}

.devices__tables__item a:hover {
  text-decoration: underline;
}

.redBox {
  border: solid 1px red;
  color: red;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  margin: 8px;
  margin-bottom: 10px;
}

.grayBox {
  background-color: #fafafa;
  font-size: 12px;
  color: #aaa;
  padding: 5px;
  margin: 30px 10px 10px 10px;
  text-align: center;
}

.devicesWrap .devices {
  width: 100%;
}
.devicesWrap .devices#main-selector {
  border: solid 1px #E6E6E6;
  padding: 30px 0;
}
.devicesWrap .devices#main-selector .devices__selector__item .device__sprite {
  width: 100%;
  height: 80px;
  margin: 10px 0;
}
.devicesWrap .devices {
  display: table;
}
.devicesWrap .devices .row {
  display: table-cell;
  width: 19%;
  padding: 0.5%;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.devicesWrap .devices .row.active {
  width: 19% !important;
}
.devicesWrap .devices .srow {
  margin: 5px 1%;
  padding: 10px 0 20px 0;
  border: 1px solid #E6E6E6;
  width: 30% !important;
  height: 160px;
  position: relative;
}
.devicesWrap .devices .srow.active {
  border: 1px solid #ff0000;
}
.devicesWrap .devices .srow.active .device__selector__item__text {
  color: #908e8e;
}
.devicesWrap .devices .srow .device__selector__item__text {
  position: absolute;
  bottom: 10px;
  left: 0;
  color: #3b3b3b !important;
}
.devicesWrap .devices .srow:hover {
  border: 1px solid #ff0000;
}
.devicesWrap .devices .srow:hover .device__selector__item__text {
  color: #3b3b3b;
}
.devicesWrap .instructions {
  margin: 0 auto 10px auto;
  border: solid 1px #ddd;
  display: none;
  padding: 2px 0;
}
.devicesWrap .instructions .device-group-description {
  margin-top: 10px;
  padding: 20px;
  border-top: solid 1px #ddd;
}
.devicesWrap .instructions .deviceImage {
  width: 150px;
}
.devicesWrap .instructions .deviceManuals {
  width: 100px;
}
.devicesWrap .instructions .deviceSoftware {
  width: 100px;
}
@media (max-width: 768px) {
  .devicesWrap .instructions .deviceImage {
    width: 100px;
  }
  .devicesWrap .instructions .deviceManuals {
    width: 85px;
  }
  .devicesWrap .instructions .deviceSoftware {
    width: 80px;
  }
}
@media (max-width: 550px) {
  .devicesWrap .instructions .deviceTableWrap {
    width: 100%;
    overflow-x: auto;
  }
  .devicesWrap .instructions .deviceTableWrap .deviceTable {
    width: 510px;
  }
  .devicesWrap .instructions .deviceTableWrap .deviceTable .deviceImage {
    width: 80px;
  }
  .devicesWrap .instructions .deviceTableWrap .deviceTable .deviceSoftware {
    width: 70px;
  }
}
.devicesWrap .instructions h2 {
  color: #000;
  font-weight: bold;
  padding: 5px 10px;
  margin-top: 15px;
  font-size: 18px;
  line-height: 18px;
  background: #F9F9F9;
  margin-bottom: 1px;
  cursor: pointer;
}
.devicesWrap .instructions h2 i {
  width: 10px;
}
.devicesWrap .instructions h2 .groupDescription {
  color: #000;
  text-transform: none;
  font-size: 14px;
}
.devicesWrap .instructions h3 {
  color: #000;
  font-weight: bold;
  padding: 5px 10px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 1px;
}
.devicesWrap .instructions table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.devicesWrap .instructions table th {
  text-align: left;
  color: black;
  font-weight: bold;
  background-color: #F9F9F9;
  padding: 5px 10px;
}
.devicesWrap .instructions table tr:first-child td {
  border-top: none;
  width: 150px;
}
.devicesWrap .instructions table td {
  vertical-align: top;
  text-align: left;
  padding: 5px 10px;
  border-top: solid 1px #ddd;
}
.devicesWrap .instructions table td a {
  color: #000;
}
.devicesWrap .instructions table td img {
  display: inline-block !important;
}
.devicesWrap .platformWrap {
  padding: 5px 10px 0px;
}
.devicesWrap .platformWrap a {
  color: #ff1919;
}
.devicesWrap .platformWrap hr {
  height: 1px;
}
.devicesWrap .secondary-hr {
  display: none;
}
.devicesWrap #secondary-selector .row {
  display: none;
}

.platform-decoder {
  color: #928f8f;
  display: none;
}
.platform-decoder.devices-description-console {
  padding: 10px 20px;
}

.faq_table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  border: solid 1px #ddd;
  margin-bottom: 10px;
  padding: 2px;
}
.faq_table th {
  color: black;
  font-weight: bold;
  background-color: #F9F9F9;
  border: solid 1px #ddd;
  padding: 5px 10px;
  text-align: center;
}
.faq_table tr .fa-check-circle {
  color: #3c763d;
}
.faq_table tr .fa-minus-circle {
  color: #ff0000;
}
.faq_table td {
  text-align: center;
  padding: 5px 10px;
  border: solid 1px #ddd;
}
.faq_table td:nth-child(n+3) {
  width: 12%;
}
.faq_table td img {
  display: inline-block !important;
}
.faq_table td p {
  font-size: 8pt;
  padding: 0;
}

@media (max-width: 768px) {
  .faq_table {
    border: none;
    box-sizing: border-box;
  }
}
.platforms {
  padding-top: 30px;
  padding-bottom: 40px;
  margin-bottom: 0;
}
.platforms hr {
  height: 2px;
  background-color: #7B7B7B;
  border: none;
  box-shadow: none;
  display: block;
  overflow: hidden;
}
.platforms h2 {
  color: #7B7B7B;
  background-color: white;
  display: inline-block;
  padding: 0 10px;
  font-weight: 400;
}
.platforms .platformTitle {
  text-align: center;
  margin-top: -18px;
}
.platforms .devices {
  padding: 25px 0 15px 0;
  overflow: hidden;
  font-size: 13px;
  display: table;
  margin: 0 auto;
  width: 100%;
}
.platforms .devices .row {
  font-family: "Open Sans", sans-serif;
  box-sizing: border-box;
  display: table-cell;
  text-align: center;
  font-size: 16px;
  width: 170px;
}
.platforms .devices .row.active {
  width: 33% !important;
}
.platforms .devices .srow.active {
  width: auto !important;
}
.platforms .devices__selector__item {
  cursor: default;
}
.platforms .devices__selector__item .textrow {
  transition: color 0.3s;
  display: inline-block;
  border: 1px dotted;
  font-weight: bold;
  margin-top: 10px;
  color: #908e8e;
  padding: 5px;
  width: 170px;
}
.platforms #secondary-selector {
  padding-top: 0px;
}
.platforms #secondary-selector .row {
  display: none;
}
.platforms .clicked {
  cursor: pointer;
}
@keyframes slide {
  0% {
    left: 0;
  }
  49.9% {
    left: -100%;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
.platforms .devices {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  font-size: 13px;
}
.platforms .devices__selector {
  position: relative;
  margin: 15px 0;
  text-align: center;
  transition: left 0.6s;
}
.platforms .devices__selector.animated {
  animation: slide 0.6s;
}
.platforms .devices__selector__row {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transition-duration: 0.6s;
  transition-property: opacity, min-height;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.platforms .devices__selector__row.active {
  opacity: 1;
  max-height: 200px;
}
.platforms .devices__selector__item {
  display: inline-block;
  cursor: pointer;
}
.platforms .devices__selector__item:hover .device__selector__item__text, .platforms .devices__selector__item.active .device__selector__item__text {
  color: #ff0000;
}
.platforms .devices__selector__item .device__selector__item__text {
  display: inline-block;
  width: 100%;
  color: #908e8e;
  font-weight: bold;
  transition: color 0.3s;
}
.platforms .devices__selector__item .device__sprite {
  display: inline-block;
  width: 170px;
  height: 100px;
  background: url("../img/device-sprite.png") no-repeat;
}
@media (max-width: 800px) {
  .platforms .devices__selector__item {
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -moz-user-select: none;
  }
  .platforms .devices__selector__item .device__sprite {
    display: none;
  }
  .platforms .devices__selector__item.active, .platforms .devices__selector__item:hover {
    background-color: #E50000;
    border-color: #C10000;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
  }
  .platforms .devices__selector__item.active .device__selector__item__text, .platforms .devices__selector__item:hover .device__selector__item__text {
    color: #fff;
  }
}
.platforms .devices__selector__item .device__sprite--computer {
  transition: background-position 0.3s;
  background-position: 0px 0;
}
.platforms .devices__selector__item:hover .device__sprite--computer,
.platforms .devices__selector__item.active .device__sprite--computer {
  background-position: 0px -100px;
}
.platforms .devices__selector__item .device__sprite--tv {
  transition: background-position 0.3s;
  background-position: -170px 0;
}
.platforms .devices__selector__item:hover .device__sprite--tv,
.platforms .devices__selector__item.active .device__sprite--tv {
  background-position: -170px -100px;
}
.platforms .devices__selector__item .device__sprite--tablet {
  transition: background-position 0.3s;
  background-position: -340px 0;
}
.platforms .devices__selector__item:hover .device__sprite--tablet,
.platforms .devices__selector__item.active .device__sprite--tablet {
  background-position: -340px -100px;
}
.platforms .devices__selector__item .device__sprite--windows {
  transition: background-position 0.3s;
  background-position: -510px 0;
}
.platforms .devices__selector__item:hover .device__sprite--windows,
.platforms .devices__selector__item.active .device__sprite--windows {
  background-position: -510px -100px;
}
.platforms .devices__selector__item .device__sprite--macos {
  transition: background-position 0.3s;
  background-position: -680px 0;
}
.platforms .devices__selector__item:hover .device__sprite--macos,
.platforms .devices__selector__item.active .device__sprite--macos {
  background-position: -680px -100px;
}
.platforms .devices__selector__item .device__sprite--linux {
  transition: background-position 0.3s;
  background-position: -850px 0;
}
.platforms .devices__selector__item:hover .device__sprite--linux,
.platforms .devices__selector__item.active .device__sprite--linux {
  background-position: -850px -100px;
}
.platforms .devices__selector__item .device__sprite--smart-tv {
  transition: background-position 0.3s;
  background-position: -1020px 0;
}
.platforms .devices__selector__item:hover .device__sprite--smart-tv,
.platforms .devices__selector__item.active .device__sprite--smart-tv {
  background-position: -1020px -100px;
}
.platforms .devices__selector__item .device__sprite--console {
  transition: background-position 0.3s;
  background-position: -1190px 0;
}
.platforms .devices__selector__item:hover .device__sprite--console,
.platforms .devices__selector__item.active .device__sprite--console {
  background-position: -1190px -100px;
}
.platforms .devices__selector__item .device__sprite--fire-tv {
  transition: background-position 0.3s;
  background-position: -1360px 0;
}
.platforms .devices__selector__item:hover .device__sprite--fire-tv,
.platforms .devices__selector__item.active .device__sprite--fire-tv {
  background-position: -1360px -100px;
}
.platforms .devices__selector__item .device__sprite--android {
  transition: background-position 0.3s;
  background-position: -1530px 0;
}
.platforms .devices__selector__item:hover .device__sprite--android,
.platforms .devices__selector__item.active .device__sprite--android {
  background-position: -1530px -100px;
}
.platforms .devices__selector__item .device__sprite--iphone {
  transition: background-position 0.3s;
  background-position: -680px 0;
}
.platforms .devices__selector__item:hover .device__sprite--iphone,
.platforms .devices__selector__item.active .device__sprite--iphone {
  background-position: -680px -100px;
}
.platforms .devices__selector__item .device__sprite--web {
  transition: background-position 0.3s;
  background-position: -1700px 0;
}
.platforms .devices__selector__item:hover .device__sprite--web,
.platforms .devices__selector__item.active .device__sprite--web {
  background-position: -1700px -100px;
}

.device-item i {
  font-size: 10px;
  width: 10px;
}

.device-title {
  cursor: pointer;
}
.device-title span {
  border-bottom: dotted 1px #000 !important;
}

.device-details {
  font-size: 12px;
}
.device-details th {
  background-color: #fff !important;
}
.device-details td {
  border-top: none !important;
}

@media (max-width: 1100px) {
  .devicesWrap .devices .device-secondary-console .srow .device__selector__item__text {
    bottom: 0;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer .devices-description {
    padding: 20px 20px;
    font-size: 16px;
  }
  .devicesWrap .devices-description-wrap .devices-description-web {
    height: 260px;
  }
  .devicesWrap .devices-description-wrap .devices-description-web .devices-description {
    padding: 20px 20px;
    line-height: 22px;
  }
}
@media (max-width: 960px) {
  .devicesWrap .devices__selector__item .device__selector__item__text .device__selector__item__button {
    font-size: 16px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block {
    width: 200px;
    text-align: center;
    padding: 30px 2%;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv {
    height: 250px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv .devices-description {
    padding: 20px 20px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet {
    height: 220px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description {
    padding: 20px 20px;
    font-size: 16px;
    width: 58%;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .app-store {
    width: 130px;
    height: 40px;
    margin: 15px 10px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .google-play {
    width: 130px;
    height: 40px;
    margin: 15px 10px;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer {
    background-size: 300px;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer .devices-description {
    line-height: 22px;
  }
  .devicesWrap .devices-description-wrap .devices-description-web {
    background-size: 260px;
    background-position-x: 95%;
  }
  .devicesWrap .devices-description-wrap .devices-description-web .devices-description {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 840px) {
  .devicesWrap .devices__selector__item .device__selector__item__text .device__selector__item__button {
    font-size: 14px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block {
    width: 200px;
    text-align: center;
    padding: 30px 2%;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv {
    height: 250px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv .devices-description {
    padding: 20px 20px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet {
    height: 250px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description {
    padding: 20px 20px;
    font-size: 16px;
    width: 58%;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .app-store {
    width: 130px;
    height: 40px;
    margin: 15px 10px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .google-play {
    width: 130px;
    height: 40px;
    margin: 15px 10px;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer {
    background-size: 270px;
  }
  .devicesWrap .devices-description-wrap .devices-description-web {
    background-size: 230px;
    background-position-x: 97%;
  }
  .devicesWrap .devices-description-wrap .devices-description-web .devices-description {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  .devicesWrap .devices .srow {
    padding: 10px 0 10px 0;
    height: 120px;
  }
  .devicesWrap .devices .srow .device__selector__item__text {
    bottom: 0;
  }
  .devicesWrap .devices .srow .device__sprite {
    width: 120px;
    height: 80px;
  }
  .devicesWrap .devices .device-secondary-console .srow {
    padding: 0 0 30px 0;
    height: 120px;
  }
  .devicesWrap .devices .device-secondary-console .srow .device__selector__item__text {
    bottom: 0;
  }
  .devicesWrap .devices .device-secondary-console .srow .device__sprite {
    width: 120px;
    height: 80px;
  }
  .devicesWrap .devices .device-secondary-console .srow span {
    font-size: 12px;
    line-height: 12px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console {
    height: 330px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description {
    width: 98%;
    float: unset;
    margin: 0 auto;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block {
    width: 200px;
    text-align: center;
    padding: 30px 20px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv {
    height: 260px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv .devices-description {
    padding: 20px 20px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet {
    height: 200px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description {
    padding: 10px 20px;
    font-size: 16px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .app-store {
    width: 130px;
    height: 40px;
    margin: 15px 10px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .google-play {
    width: 130px;
    height: 40px;
    margin: 15px 10px;
  }
}
@media (max-width: 640px) {
  .devicesWrap .devices .devices__selector__item {
    font-size: 14px;
  }
  .devicesWrap .devices .devices__selector__item .device__selector__item__text .device__selector__item__button {
    width: 96%;
  }
  .devicesWrap .devices-description-wrap .devices-description-console {
    height: 330px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description {
    width: 98%;
    float: unset;
    margin: 0 auto;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block {
    width: 200px;
    text-align: center;
    padding: 30px 20px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv {
    height: 230px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv .devices-description {
    padding: 20px 20px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet {
    height: 200px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description {
    padding: 10px 20px;
    font-size: 16px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .app-store {
    width: 130px;
    height: 40px;
    margin: 15px 10px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .google-play {
    width: 130px;
    height: 40px;
    margin: 15px 10px;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer {
    height: 180px;
    background-size: 250px;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer .devices-description {
    width: 65%;
    line-height: 20px;
    font-size: 14px;
  }
  .devicesWrap .devices-description-wrap .devices-description-web {
    background-size: 230px;
    background-position: right top;
  }
  .devicesWrap .devices-description-wrap .devices-description-web .devices-description {
    font-size: 14px;
    line-height: 20px;
    padding: 0 5px;
  }
}
@media (max-width: 560px) {
  .devicesWrap .devices#main-selector {
    padding: 10px 0;
  }
  .devicesWrap .devices#main-selector .devices__selector__item .device__sprite {
    width: 70px;
    height: 70px;
    margin: 5px 0;
  }
  .devicesWrap .devices#main-selector .devices__selector__item .device__selector__item__text {
    font-weight: 600;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .devicesWrap .devices .srow.devices__selector__item {
    height: 120px;
    font-size: 14px;
    padding: 5px 0 10px 0;
    margin: 5px 0;
    width: 140px !important;
  }
  .devicesWrap .devices .srow.devices__selector__item .device__sprite {
    width: 90px;
    height: 70px;
  }
  .devicesWrap .devices .srow.devices__selector__item .device__selector__item__text {
    font-weight: 600;
    font-size: 13px;
  }
  .devicesWrap .devices .srow.devices__selector__item .device__selector__item__text span {
    font-size: 11px;
    word-wrap: break-word;
    word-break: break-word;
  }
  .devicesWrap .devices#main-selector {
    padding: 10px 0;
  }
  .devicesWrap .devices#main-selector .devices__selector__item .device__sprite {
    width: 50px;
    height: 50px;
    margin: 5px 0;
  }
  .devicesWrap .devices#main-selector .devices__selector__item .device__selector__item__text {
    font-weight: 600;
    font-size: 13px;
  }
  .devicesWrap .devices .device-secondary-console .srow {
    padding: 20px 0 40px 0;
  }
  .devicesWrap .devices .devices__selector__item {
    font-size: 14px;
  }
  .devicesWrap .devices .devices__selector__item .device__sprite {
    width: 100px;
    height: 100px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console {
    background-size: 90%;
    background-position: center 80px;
    height: 420px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description {
    font-size: 14px;
    line-height: 20px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block {
    width: 100%;
    text-align: center;
    padding: 220px 0 0 0;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block button {
    display: block;
    margin: 20px auto 0 auto;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv {
    height: 70px;
    padding-top: 310px;
    background-size: 75%;
    background-position: top;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv .devices-description {
    width: 94%;
    font-size: 14px;
    line-height: 20px;
    padding: 0 3%;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet {
    height: 230px;
    background-size: 350px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description {
    width: 92%;
    padding: 20px 4%;
    font-size: 14px;
    line-height: 20px;
    justify-content: left;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .app-store {
    width: 100px;
    height: 40px;
    margin: 15px 5px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description .google-play {
    width: 100px;
    height: 40px;
    margin: 15px 5px;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer {
    height: 100px;
    background-size: 250px;
    background-position: bottom;
    padding: 0 0 100px;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer .devices-description {
    width: 92%;
    line-height: 20px;
    font-size: 14px;
    padding: 0 4%;
  }
  .devicesWrap .devices-description-wrap .devices-description-web {
    height: 170px;
    padding-top: 340px;
    background-size: 90%;
    background-position: top;
  }
  .devicesWrap .devices-description-wrap .devices-description-web .devices-description {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    padding: 0 5px;
  }
  .devicesWrap .devices__selector__item .device__selector__item__text .device__selector__item__button {
    font-size: 12px;
  }
}
@media (max-width: 420px) {
  .devicesWrap .devices-description-wrap .devices-description-console {
    background-position: center 90px;
    height: 420px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description {
    font-size: 14px;
    line-height: 20px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block {
    width: 100%;
    text-align: center;
    padding: 210px 0 0 0;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block button {
    display: block;
    margin: 20px auto 0 auto;
  }
  .devicesWrap .devices-description-wrap .devices-description-tv {
    height: 70px;
    padding-top: 230px;
    background-size: 260px;
    background-position: top;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet {
    height: 280px;
    background-size: 380px;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet .devices-description {
    justify-content: center;
  }
  .devicesWrap .devices-description-wrap .devices-description-computer {
    padding: 0 0 120px;
  }
  .devicesWrap .devices-description-wrap .devices-description-web {
    height: 170px;
    padding-top: 270px;
  }
  .devicesWrap .devices-description-wrap .devices-description-web .devices-description {
    width: 98%;
    font-size: 14px;
    line-height: 20px;
    padding: 0 1%;
  }
  .devicesWrap .devices__selector__item .device__selector__item__text .device__selector__item__button {
    font-size: 14px;
  }
}
@media (max-width: 370px) {
  .devicesWrap .devices-description-wrap .devices-description-console {
    background-position: center 120px;
  }
  .devicesWrap .devices-description-wrap .devices-description-console .devices-description .desc-block {
    padding: 190px 0 0 0;
  }
  .devicesWrap .devices-description-wrap .devices-description-tablet {
    height: 320px;
  }
}
@media (max-width: 320px) {
  .devicesWrap .devices .srow {
    width: 65% !important;
  }
  .devicesWrap .devices .srow.devices__selector__item {
    height: 110px;
  }
}
.footer {
  background-color: #F9F9F9;
  text-align: center;
  border-top: solid 1px #E6E6E6;
  padding: 20px 30px;
}
.footer .sbsc-btn {
  border-radius: 3px !important;
}

.footerLinks {
  display: table;
  width: 100%;
}
.footerLinks ul {
  display: table-cell;
  width: 25%;
  min-width: 240px;
  padding: 0;
}
.footerLinks ul li {
  text-align: left;
  list-style-type: none;
}
.footerLinks ul li a {
  color: #202020;
  text-decoration: none;
  line-height: 18px;
  font-size: 13px;
}
.footerLinks ul li strong {
  color: #7B7B7B;
  text-transform: uppercase;
  line-height: 18px;
  font-size: 18px;
  font-weight: 100;
  padding-bottom: 10px;
  display: block;
}
.footerLinks ul li a:hover {
  text-decoration: underline;
}

.footerIcons {
  height: 30px;
  padding: 28px 0 18px 0;
}

.footerIconsCC {
  float: left;
  background: url("../img/footer-card-images.png");
  width: 500px;
  height: 30px;
  background-position: left center;
  background-repeat: no-repeat;
}

.payment-wrap .payments {
  height: 58px;
  width: 70px;
  float: left;
  background-position: center !important;
}
.payment-wrap .payment-mastercard {
  background: url("../svg/payments/mastercard.svg") no-repeat;
}
.payment-wrap .payment-maestro {
  background: url("../svg/payments/maestro.svg") no-repeat;
}
.payment-wrap .payment-cirrus {
  background: url("../svg/payments/cirrus.svg") no-repeat;
}
.payment-wrap .payment-visa-verified {
  background: url("../svg/payments/visa-verified.svg") no-repeat;
  margin: 0 5px;
}
.payment-wrap .payment-mastercard-securecode {
  background: url("../svg/payments/mastercard-securecode.svg") no-repeat;
  margin: 0 5px;
  width: 95px;
}
.payment-wrap .payment-visa-electron {
  background: url("../svg/payments/visa-electron.svg") no-repeat;
}
.payment-wrap .payment-bitpay {
  background: url("../svg/payments/bitpay.svg") no-repeat;
  width: 88px;
  margin: 1px 5px;
}

.footerIconsLang {
  float: right;
  color: #7B7B7B;
}

.footerIconsLang a {
  color: #202020;
  padding: 0 3px;
}

.footerIconsLang a:first-child {
  margin-left: 10px;
}

.footerBottomBlock {
  height: 60px;
  display: table;
  width: 100%;
  padding: 10px 0;
}

.footerBottomBlockSecured {
  display: table-cell;
  background-image: url(../img/comodo-lock.gif);
  background-repeat: no-repeat;
  width: 67px;
  height: 60px;
}

.footerBottomBlockLinks {
  color: #7B7B7B;
  display: table-cell;
}

.footerBottomBlockLinks p, .footerBottomBlockCopyright p {
  padding: 3px 0;
  font-size: 12px;
}

.footerBottomBlockLinks a, .footerBottomBlockCopyright a {
  border-left: 1px solid #7B7B7B;
  color: #202020;
  padding: 0 6px 2px 6px;
  line-height: 13px;
  font-size: 13px;
}

.footerBottomBlockLinks a:first-child {
  border: none;
}

.footerBottomBlockCopyright {
  color: #7B7B7B;
  display: table-cell;
  text-align: right;
  width: 160px;
}

.footerBottomBlockCopyright a:first-child {
  border: none;
  padding-right: 0;
}

/* */
.shortNewsWrap {
  background-color: white;
  border-top: solid 1px #E6E6E6;
}
.shortNewsWrap .shortNews {
  display: table;
  padding: 20px 0;
  min-height: 80px;
}
.shortNewsWrap .shortNews .shortNewsTitle {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  padding-right: 50px;
  width: 160px;
  border-right: dashed 1px #EDEDED;
}
.shortNewsWrap .shortNews .shortNewsTitle .shortNewsTitle-h3 {
  color: red;
  font-weight: 600;
  padding: 0 0 5px 0;
  font-size: 22px;
  line-height: 22px;
  text-transform: uppercase;
}
.shortNewsWrap .shortNews .shortNewsTitle .shortNewsTitle-h3 i {
  padding-right: 5px;
}
.shortNewsWrap .shortNews .shortNewsTitle h3 {
  font-weight: 600;
  padding: 0 0 5px 0;
}
.shortNewsWrap .shortNews .shortNewsTitle h3 i {
  padding-right: 5px;
}
.shortNewsWrap .shortNews .shortNewsTitle .shortNewsTitle-h6 {
  font-weight: 100;
  font-size: 13px;
  line-height: 13px;
  font-style: italic;
  color: #7B7B7B;
}
.shortNewsWrap .shortNews .shortNewsTitle h6 {
  font-weight: 100;
}
.shortNewsWrap .shortNews .shortNewsCalender {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 20px;
  width: 86px;
  color: #ff0000;
  font-weight: 100;
}
.shortNewsWrap .shortNews .shortNewsCalender .day {
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
  font-weight: 200;
}
.shortNewsWrap .shortNews .shortNewsCalender .monthYear {
  float: left;
  height: 50px;
  font-size: 16px;
  padding: 0 10px;
  text-align: center;
}
.shortNewsWrap .shortNews .shortNewsCalender .monthYear .month {
  padding-top: 9px;
}
.shortNewsWrap .shortNews .shortNewsBody {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}
.shortNewsWrap .shortNews .shortNewsBody a {
  padding-left: 10px;
  color: #7B7B7B;
  text-decoration: none;
}
.shortNewsWrap .shortNews .shortNewsBody a:hover {
  text-decoration: underline;
  color: #ff0000;
}

.btn-disabled {
  opacity: 0.5;
}
.btn-disabled:before {
  content: '<i class="fa fa-circle-o-notch fa-spin"></i>';
}

/*----------------------------------------*/
/* uncss:ignore */
.egg-wrap {
  position: absolute;
  top: 200px;
  left: 200px;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center top;
  cursor: pointer;
  /* uncss:ignore */
}
.egg-wrap .egg-top {
  display: none;
  position: absolute;
  top: 0;
  width: 87px;
  height: 63px;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 10;
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-bottom {
  display: none;
  position: absolute;
  bottom: 0;
  width: 87px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 10;
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-gift {
  display: none;
  width: 87px;
  height: 87px;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 9;
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-point {
  display: none;
  position: absolute;
  top: 20px;
  left: 30px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background-color: #ff0000;
  border-radius: 100%;
  text-align: center;
  z-index: 11;
  font-size: 6px;
  line-height: 30px;
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-1 {
  background-image: url("../img/eggs_v4/egg-1-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-1 {
  background-image: url("../img/eggs_v4/egg-1-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-2 {
  background-image: url("../img/eggs_v4/egg-2-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-2 {
  background-image: url("../img/eggs_v4/egg-2-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-3 {
  background-image: url("../img/eggs_v4/egg-3-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-3 {
  background-image: url("../img/eggs_v4/egg-3-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-4 {
  background-image: url("../img/eggs_v4/egg-4-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-4 {
  background-image: url("../img/eggs_v4/egg-4-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-5 {
  background-image: url("../img/eggs_v4/egg-5-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-5 {
  background-image: url("../img/eggs_v4/egg-5-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-6 {
  background-image: url("../img/eggs_v4/egg-6-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-6 {
  background-image: url("../img/eggs_v4/egg-6-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-7 {
  background-image: url("../img/eggs_v4/egg-7-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-7 {
  background-image: url("../img/eggs_v4/egg-7-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-8 {
  background-image: url("../img/eggs_v4/egg-8-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-8 {
  background-image: url("../img/eggs_v4/egg-8-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-9 {
  background-image: url("../img/eggs_v4/egg-9-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-9 {
  background-image: url("../img/eggs_v4/egg-9-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-10 {
  background-image: url("../img/eggs_v4/egg-10-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-10 {
  background-image: url("../img/eggs_v4/egg-10-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .top-11 {
  background-image: url("../img/eggs_v4/egg-11-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .bottom-11 {
  background-image: url("../img/eggs_v4/egg-11-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-gift-bg-1 {
  background-image: url("../img/eggs_v4/gift-1.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-gift-bg-2 {
  background-image: url("../img/eggs_v4/gift-2.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-gift-bg-3 {
  background-image: url("../img/eggs_v4/gift-3.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-gift-bg-4 {
  background-image: url("../img/eggs_v4/gift-4.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-gift-bg-5 {
  background-image: url("../img/eggs_v4/gift-5.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-gift-bg-6 {
  background-image: url("../img/eggs_v4/gift-6.png");
}
.egg-wrap {
  /* uncss:ignore */
}
.egg-wrap .egg-gift-bg-7 {
  background-image: url("../img/eggs_v4/gift-7.png");
}

/* uncss:ignore */
.wrap-bg-1 {
  background-image: url("../img/eggs_v4/egg-full-1.png");
}

/* uncss:ignore */
.wrap-bg-2 {
  background-image: url("../img/eggs_v4/egg-full-2.png");
}

/* uncss:ignore */
.wrap-bg-3 {
  background-image: url("../img/eggs_v4/egg-full-3.png");
}

/* uncss:ignore */
.wrap-bg-4 {
  background-image: url("../img/eggs_v4/egg-full-4.png");
}

/* uncss:ignore */
.wrap-bg-5 {
  background-image: url("../img/eggs_v4/egg-full-5.png");
}

/* uncss:ignore */
.wrap-bg-6 {
  background-image: url("../img/eggs_v4/egg-full-6.png");
}

/* uncss:ignore */
.wrap-bg-7 {
  background-image: url("../img/eggs_v4/egg-full-7.png");
}

/* uncss:ignore */
.wrap-bg-8 {
  background-image: url("../img/eggs_v4/egg-full-8.png");
}

/* uncss:ignore */
.wrap-bg-9 {
  background-image: url("../img/eggs_v4/egg-full-9.png");
}

/* uncss:ignore */
.wrap-bg-10 {
  background-image: url("../img/eggs_v4/egg-full-10.png");
}

/* uncss:ignore */
.wrap-bg-11 {
  background-image: url("../img/eggs_v4/egg-full-11.png");
}

/* uncss:ignore */
.rabbit-wrap {
  position: absolute;
  top: 400px;
  left: 200px;
  width: 100px;
  height: 107px;
  cursor: pointer;
  /* uncss:ignore */
}
.rabbit-wrap .rabbit-item {
  position: absolute;
  top: 0;
  width: 100px;
  height: 107px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.rabbit-wrap {
  /* uncss:ignore */
}
.rabbit-wrap .rabbit-wrap-bg-1 {
  background-image: url("../img/eggs_v4/rabbit-1.png");
}
.rabbit-wrap {
  /* uncss:ignore */
}
.rabbit-wrap .rabbit-wrap-bg-2 {
  background-image: url("../img/eggs_v4/rabbit-2.png");
}
.rabbit-wrap {
  /* uncss:ignore */
}
.rabbit-wrap .rabbit-wrap-bg-3 {
  background-image: url("../img/eggs_v4/rabbit-3.png");
}
.rabbit-wrap {
  /* uncss:ignore */
}
.rabbit-wrap .rabbit-basket {
  display: none;
  position: absolute;
  top: 50px;
  left: -30px;
  width: 130px;
  height: 130px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  background-image: url("../img/eggs_v4/basket.png");
}
.rabbit-wrap {
  /* uncss:ignore */
}
.rabbit-wrap .rabbit-point {
  display: none;
  position: absolute;
  top: 100px;
  left: 30px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  background-color: #ff0000;
  border-radius: 100%;
  text-align: center;
  z-index: 11;
  font-size: 6px;
  line-height: 30px;
}

/* uncss:ignore */
.egg-wrap-animation {
  position: absolute;
  animation-duration: 1s;
  animation-name: shake-egg;
  animation-iteration-count: infinite;
}

/* uncss:ignore */
.egg-top-animate {
  animation-duration: 2s;
  animation-name: open-egg;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

/* uncss:ignore */
.egg-gift-animation {
  animation-delay: 1s;
  animation-duration: 1s;
  animation-name: show-gift;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

/* uncss:ignore */
.egg-point-animation {
  animation-duration: 1s;
  animation-name: scaling;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

/* uncss:ignore */
.rabbit-wrap-animation {
  position: absolute;
  animation-duration: 3s;
  animation-name: shake-egg;
  animation-iteration-count: infinite;
}

/* uncss:ignore */
.rabbit-item-animation {
  animation-delay: 1s;
  animation-duration: 1s;
  animation-name: hide-rabbit;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

/* uncss:ignore */
.rabbit-basket-animation {
  animation-duration: 1.5s;
  animation-name: scaling-basket;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

/* uncss:ignore */
.rabbit-point-animation {
  animation-duration: 1s;
  animation-name: scaling;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

@keyframes show-gift {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes scaling {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(3);
  }
}
@keyframes scaling-basket {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hide-rabbit {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(50px);
  }
}
@keyframes open-egg {
  0% {
    transform-origin: 70px 70px;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 80px 70px;
    transform: rotate(140deg);
  }
}
@keyframes shake-egg {
  0% {
    transform: rotate(0deg);
  }
  2.5% {
    transform: rotate(-2deg);
  }
  5% {
    transform: rotate(-4deg);
  }
  7.5% {
    transform: rotate(-2deg);
  }
  10% {
    transform: rotate(0deg);
  }
  12.5% {
    transform: rotate(2deg);
  }
  15% {
    transform: rotate(4deg);
  }
  17.5% {
    transform: rotate(2deg);
  }
  20% {
    transform: rotate(0deg);
  }
  22.5% {
    transform: rotate(-2deg);
  }
  25% {
    transform: rotate(-4deg);
  }
  27.5% {
    transform: rotate(-2deg);
  }
  30% {
    transform: rotate(0deg);
  }
  32.5% {
    transform: rotate(2deg);
  }
  35% {
    transform: rotate(4deg);
  }
  37.5% {
    transform: rotate(2deg);
  }
  40% {
    transform: rotate(0deg);
  }
  42.5% {
    transform: rotate(-2deg);
  }
  45% {
    transform: rotate(-4deg);
  }
  47.5% {
    transform: rotate(-2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  52.5% {
    transform: rotate(2deg);
  }
  55% {
    transform: rotate(4deg);
  }
  57.5% {
    transform: rotate(2deg);
  }
  60% {
    transform: rotate(0deg);
  }
}
.fa.fa-envelope-o.red {
  color: red;
  margin-right: 3px;
  margin-left: 10px;
}

.fa.fa-envelope-open-o {
  margin-right: 3px;
  margin-left: 10px;
}

/* BELL */
@keyframes ring {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-18deg);
  }
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  12% {
    transform: rotate(-18deg);
  }
  14% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20%, 100% {
    transform: rotate(0deg);
  }
}
.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}

.faa-ring.animated.faa-fast,
.faa-ring.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-ring.faa-fast {
  animation: ring 1s ease infinite;
}

.faa-ring.animated.faa-slow,
.faa-ring.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-ring.faa-slow {
  animation: ring 3s ease infinite;
}

/* HORIZONTAL */
@keyframes horizontal {
  0% {
    transform: translate(0, 0);
  }
  6% {
    transform: translate(5px, 0);
  }
  12% {
    transform: translate(0, 0);
  }
  18% {
    transform: translate(5px, 0);
  }
  24% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(5px, 0);
  }
  36%, 100% {
    transform: translate(0, 0);
  }
}
.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
  animation: horizontal 2s ease infinite;
}

.faa-horizontal.animated.faa-fast,
.faa-horizontal.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {
  animation: horizontal 1s ease infinite;
}

.faa-horizontal.animated.faa-slow,
.faa-horizontal.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {
  animation: horizontal 3s ease infinite;
}

.unread:hover {
  text-decoration: none;
}
.unread {
  color: red !important;
}

.unread.empty {
  color: black !important;
}

.menu-gitbranch-wrap {
  position: relative;
  height: 30px;
}
.menu-gitbranch-wrap .menu-gitbranch {
  position: absolute;
  right: 0;
  background: #f3f3f3;
  line-height: 25px;
  font-size: 13px;
  padding: 3px 5px;
}

.topBlock {
  padding: 0 0;
  /*  position: relative;*/
}
.topBlock .alltime {
  background-image: url("../svg/24Hour.svg");
  background-repeat: no-repeat;
  width: 38px;
  height: 38px;
  float: left;
  margin: 2px 0 0 0;
}
.topBlock .menuUpBlockLeft {
  min-width: 400px;
  float: left;
  height: 60px;
  display: block;
  padding: 20px 0 10px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .topBlock .menuUpBlockLeft {
    padding: 20px 20px 10px;
  }
}
.topBlock .menuUpBlockLeft .logo {
  background-image: url("../svg/logo.svg");
  background-repeat: no-repeat;
  height: 60px;
  width: 170px;
  float: left;
  position: relative;
}
.topBlock .menuUpBlockLeft .logo .hat {
  background-image: url("../img/snow/hat.svg");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  right: 8px;
  top: -24px;
  position: absolute;
}
@media (max-width: 968px) {
  .topBlock .menuUpBlockLeft .logo .hat {
    display: none;
  }
}
.topBlock .menuUpBlockLeft .slogan {
  padding-top: 13px;
  float: left;
}
.topBlock .menuUpBlockLeft .slogan .slogan-h4 {
  color: #ff0000;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
}
.topBlock .menuUpBlockLeft .slogan .slogan-h5 {
  font-weight: 700;
  color: #202020;
  font-size: 13px;
  line-height: 16px;
}
.topBlock .menuUpBlockLeft .slogan h4 {
  color: #ff0000;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
}
.topBlock .menuUpBlockLeft .slogan h5 {
  font-weight: 700;
  color: #202020;
  font-size: 13px;
  line-height: 16px;
}
.topBlock .menuUpBlockCenter {
  top: 15px;
  display: block;
  /* left: 380px; */
  position: relative;
  float: right;
}
.topBlock .menuUpBlockCenter sup {
  color: #7B7B7B;
  display: block;
  position: absolute;
  font-size: 10px;
  right: 4px;
  top: 32px;
}
.topBlock .menuUpBlockCenter span {
  color: #CACACA;
  display: block;
  float: left;
  height: 60px;
  margin-right: 3px;
}
.topBlock .menuUpBlockCenter .moon-headphones {
  font-size: 38px;
}
.topBlock .menuUpBlockCenter .phoneTitle {
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  padding-left: 10px;
  padding-top: 6px;
}
.topBlock .menuUpBlockCenter .phoneNumber {
  font-size: 26px;
  padding-top: 12px;
  margin-left: 10px;
  font-weight: 400;
  color: #202020;
}
.topBlock .fixerGrey {
  background-color: #F9F9F9;
}
.topBlock .fixerGrey40 {
  position: absolute;
  height: 38px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -5;
}
.topBlock .fixerGrey50 {
  position: absolute;
  height: 58px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -5;
}
.topBlock .menuUpBlockRight {
  display: block;
  width: 100%;
  padding-top: 5px;
  text-align: right;
}
.topBlock .menuUpBlockRight .container {
  background-color: #F9F9F9;
}
.topBlock .menuUpBlockRight .container .mobile-logo-wrap {
  width: 250px;
  height: 35px;
  display: none;
  float: left;
}
.topBlock .menuUpBlockRight .container .mobile-logo-wrap .logo {
  width: 100px;
  height: 30px;
  background-image: url("../svg/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
}
.topBlock .menuUpBlockRight .container .mobile-logo-wrap .slogan {
  float: left;
}
.topBlock .menuUpBlockRight .container .mobile-logo-wrap .slogan .slogan-h4 {
  color: #ff0000;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: left;
}
.topBlock .menuUpBlockRight .container .mobile-logo-wrap .slogan .slogan-h5 {
  font-weight: 700;
  color: #202020;
  font-size: 10px;
  line-height: 12px;
}
.topBlock .menuUpBlockRight.topBarFixed {
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  position: fixed;
  max-height: 35px;
  padding: 0 0 10px 0;
}
.topBlock .menuUpBlockRight.topBarFixed .container {
  width: 1240px !important;
  box-sizing: border-box;
  padding: 5px 20px 0 20px;
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3);
  background-color: #F9F9F9;
}
@media all and (max-width: 1240px) {
  .topBlock .menuUpBlockRight.topBarFixed .container {
    width: 100% !important;
  }
}
.topBlock .menuUpBlockRight .bag {
  position: relative;
  bottom: 10px;
  right: -10px;
  height: 30px;
  width: 20px;
  display: inline-block;
  background: url("/tpl/tpl-main/img/bag.png");
  background-size: 97%;
  background-repeat: no-repeat;
}
.topBlock .menuUpBlockRight .eastereggs i {
  font-size: 13px;
  margin-right: 3px;
}
.topBlock .menuUpBlockRight .eastereggs {
  color: black;
}
.topBlock .menuUpBlockRight .eastereggs:hover {
  color: red;
}
.topBlock .menuUpBlockRight {
  /*
      #cartCountItems {
        position: relative;
        top: 9px;
        right: 6px;
        color: white;
      }
      */
}
.topBlock .menuUpBlockRight .menuUpBlockLeftNotification a {
  color: #cacaca;
  margin-right: 5px;
}
.topBlock .menuUpBlockRight .menuUpBlockLeftNotification {
  margin: 6px;
  float: left;
  font-size: 16px;
}
.topBlock .menuUpBlockRight .menuUpBlockRightTop {
  height: 25px;
  text-align: left;
  display: inline-block;
}
.topBlock .menuUpBlockRight .menuUpBlockRightBottom {
  display: inline-block;
}

.menuUpBlockRightTopAuth {
  color: #202020;
  background-color: #F9F9F9;
  border-top: none;
  display: inline-block;
  position: relative;
  bottom: 1px;
}
.menuUpBlockRightTopAuth a {
  color: #202020;
  margin: 0 3px;
}

.menuUpBlockRightTopCurrencyChanger {
  color: #202020;
}
.menuUpBlockRightTopCurrencyChanger a {
  color: #202020;
  margin: 0 3px;
}
.menuUpBlockRightTopCurrencyChanger a.active {
  color: #ff0000;
}

.menuUpBlockRightTopLanguages {
  color: #202020;
  background-color: #F9F9F9;
  border-top: none;
  display: inline-block;
  float: right;
  position: relative;
  bottom: 1px;
}
.menuUpBlockRightTopLanguages a {
  color: #202020;
  margin: 0 3px;
}

.menuUpBlockRightBottom {
  height: 20px;
  text-align: right;
  color: #7B7B7B;
  font-size: 22px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .menuUpBlockRightBottom {
    padding-right: 5px;
  }
}

.menuUpBlockRightBottomItem {
  color: #202020;
  padding: 7px 10px;
  background-image: url(../img/nav-divider.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  float: right;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  height: 20px;
}
.menuUpBlockRightBottomItem:last-child {
  margin-left: 10px;
  background: none;
}
.menuUpBlockRightBottomItem:hover {
  text-decoration: underline;
}
.menuUpBlockRightBottomItem a.wallet-wrap {
  color: black;
  text-decoration: none;
}
.menuUpBlockRightBottomItem a.wallet-wrap:visited {
  color: black;
}
.menuUpBlockRightBottomItem a.wallet-wrap .wallet {
  background-image: url(/tpl/tpl-main/svg/wallet.svg);
  background-repeat: no-repeat;
  background-size: auto;
  height: 20px;
  /* line-height: 32px; */
  /* background-position: right; */
  width: 20px;
  display: block;
  margin-right: 12px;
  float: left;
}
.menuUpBlockRightBottomItem a.wallet-wrap .wallet.eur:after {
  position: relative;
  top: -5px;
  left: 10px;
  background-color: #ff0000;
  color: #ffffff;
  border-radius: 50%;
  padding: 0 5px;
  content: "€";
  font-size: 12px;
}
.menuUpBlockRightBottomItem a.wallet-wrap .wallet.usd:after {
  position: relative;
  top: -5px;
  left: 10px;
  background-color: #ff0000;
  color: #ffffff;
  border-radius: 50%;
  padding: 0 5px;
  content: "$";
  font-size: 12px;
}
.menuUpBlockRightBottomItem a.wallet-wrap .wallet-balance {
  vertical-align: middle;
}

.menuUpBlockRightBottomItem2 {
  color: #202020;
  padding: 7px 10px;
  display: block;
  float: right;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  height: 20px;
}
.menuUpBlockRightBottomItem2:last-child {
  margin-left: 10px;
  background: none;
}
.menuUpBlockRightBottomItem2:hover {
  text-decoration: underline;
}
.menuUpBlockRightBottomItem2 a.wallet-wrap {
  color: black;
  text-decoration: none;
}
.menuUpBlockRightBottomItem2 a.wallet-wrap:visited {
  color: black;
}
.menuUpBlockRightBottomItem2 a.wallet-wrap .wallet {
  background-image: url(/tpl/tpl-main/svg/wallet.svg);
  background-repeat: no-repeat;
  background-size: auto;
  height: 20px;
  /* line-height: 32px; */
  /* background-position: right; */
  width: 20px;
  display: block;
  margin-right: 12px;
  float: left;
}
.menuUpBlockRightBottomItem2 a.wallet-wrap .wallet.eur:after {
  position: relative;
  top: -5px;
  left: 10px;
  background-color: #ff0000;
  color: #ffffff;
  border-radius: 50%;
  padding: 0 5px;
  content: "€";
  font-size: 12px;
}
.menuUpBlockRightBottomItem2 a.wallet-wrap .wallet.usd:after {
  position: relative;
  top: -5px;
  left: 10px;
  background-color: #ff0000;
  color: #ffffff;
  border-radius: 50%;
  padding: 0 5px;
  content: "$";
  font-size: 12px;
}
.menuUpBlockRightBottomItem2 a.wallet-wrap .wallet-balance {
  vertical-align: middle;
}

#myAccount {
  position: relative;
}
#myAccount:hover {
  background-color: #202020;
  color: #FFF;
  text-decoration: none;
  background-image: none;
  box-shadow: 1px 0 0 #202020;
}

#myAccount:hover .myAccountBody {
  display: block;
  z-index: 1001;
}

.myAccountBody {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  background-color: #fff;
  padding: 10px;
  border: solid 1px #202020;
  z-index: 100;
}
.myAccountBody a {
  display: block;
  color: #202020;
  white-space: nowrap;
  word-wrap: normal;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  cursor: pointer;
}
.myAccountBody a:hover {
  text-decoration: underline;
}

.topPanelCart {
  padding: 0;
  position: relative;
  border: none;
  margin: 0;
  margin-left: 30px;
  display: block;
  float: right;
}

.topPanelCartButton {
  height: 30px;
  float: right;
  display: block;
  color: #fff;
  line-height: 26px;
  background-color: rgba(255, 255, 255, 0.298);
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.cartList {
  text-decoration: none;
  color: #202020;
  position: relative;
}

.topPanelCartButtonActive {
  background-color: #FF1919;
}

.menuReplaceWrapFix {
  background-color: #f9f9f9;
}

.menuAnimation {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.menuMainFloatWrapFix {
  top: 30px;
  left: 0;
  right: 0;
  z-index: 98;
  position: fixed;
}
.menuMainFloatWrapFix .container {
  width: 1240px !important;
  box-sizing: border-box;
}
.menuMainFloatWrapFix .container .menuMainWrap {
  height: 55px;
  padding: 0 20px;
  box-sizing: border-box;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.99);
}

.menuMainWrap {
  display: table;
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}
.menuMainWrap .menuMain {
  height: 45px;
  text-decoration: none;
}
.menuMainWrap .menuMain i {
  float: left;
  margin-left: 0;
  margin-right: 8px;
  text-align: center;
  min-width: 30px;
  height: 45px;
  line-height: 50px;
  display: block;
  font-size: 30px;
  color: #7B7B7B;
  font-style: inherit;
}
.menuMainWrap .menuMain i:before {
  animation: crum_appear 0.5s 1 cubic-bezier(0.4, 0.1, 0, 1);
  opacity: 1;
  transform: scale(1);
}
.menuMainWrap .menuMain .menuMain-h4 {
  text-transform: uppercase;
  color: #7B7B7B;
  font-size: 15px;
  line-height: 15px;
  display: block;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 2px;
  white-space: nowrap;
}
.menuMainWrap .menuMain h4 {
  text-transform: uppercase;
  color: #7B7B7B;
  font-size: 15px;
  line-height: 15px;
  display: block;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 2px;
  white-space: nowrap;
}
.menuMainWrap .menuMain span {
  display: block;
  color: #CACACA;
  font-size: 10px;
  line-height: 11px;
  text-transform: none;
}
.menuMainWrap .menuMain20 {
  width: 20%;
}
.menuMainWrap .menuMain25 {
  width: 25%;
}
.menuMainWrap .menuMain:hover .menuMain-h4,
.menuMainWrap .menuActive .menuMain-h4,
.menuMainWrap .menuActive h4,
.menuMainWrap .menuMain:hover h4,
.menuMainWrap .menuActive span,
.menuMainWrap .menuMain:hover span,
.menuMainWrap .menuActive i,
.menuMainWrap .menuMain:hover i {
  color: #ff0000;
}
@keyframes crum_appear {
  0% {
    transform: scale(0.2);
    opacity: 0.1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.top-toolbar-wrap.hide {
  display: none;
}

.top-toolbar-back {
  height: 75px;
}

.top-toolbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgb(255, 255, 255);
  height: 75px;
  border-bottom: 1px solid #e2e2e2;
  z-index: 9;
}
.top-toolbar .top-toolbar-left-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 75px;
}
.top-toolbar .top-toolbar-left-nav .top-toolbar-left-nav__inner {
  display: flex;
  align-items: center;
  height: 75px;
}
.top-toolbar .top-toolbar-left-nav .top-toolbar-left-nav__inner .store-image {
  width: 35px;
  height: 35px;
  border: 2px solid #e9e9e9;
  border-radius: 12px;
  background-image: url(/tpl/tpl-main/svg/logo.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 25px;
}
.top-toolbar .top-toolbar-left-nav .top-toolbar-left-nav__inner .top-toolbar__close-btn {
  position: absolute;
  top: 0;
  left: 5px;
  height: 75px;
  display: flex;
  align-items: center;
}
.top-toolbar .top-toolbar-left-nav .top-toolbar-left-nav__inner .top-toolbar__close-btn i {
  color: #efefef;
  cursor: pointer;
}
.top-toolbar .top-toolbar-right-nav {
  position: absolute;
  top: 0;
  right: 0;
  height: 75px;
}
.top-toolbar .top-toolbar-right-nav .top-toolbar-right-nav__inner {
  display: flex;
  align-items: center;
  height: 75px;
  padding-right: 10px;
}
.top-toolbar .top-toolbar-right-nav .top-toolbar-right-nav__inner .btn.btn-primary {
  background-color: #ec6d06;
  font-size: 12px;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 3px;
  border: none !important;
  cursor: pointer;
}
.top-toolbar .top-toolbar-title {
  margin-left: 70px;
  padding-left: 10px;
  height: 75px;
}
.top-toolbar .top-toolbar-title .top-toolbar-title__head {
  font-size: 14px;
  font-weight: 600;
  color: #232323;
  padding-top: 10px;
  margin-bottom: 5px;
}
.top-toolbar .top-toolbar-title .top-toolbar-title__body {
  font-size: 12px;
  color: #868686;
}
.top-toolbar .top-toolbar-title .top-toolbar-title__body .__rating {
  margin-bottom: 5px;
}
.top-toolbar .top-toolbar-title .top-toolbar-title__body .__rating i {
  display: inline-block;
  color: rgb(255, 205, 30);
}

.body-blur {
  filter: blur(2px);
  z-index: 99;
}

.popup-counts-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #000;
  opacity: 0.4;
}

.popup-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #000;
  opacity: 0.4;
}

#popup-personal-discounts-section {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
}
#popup-personal-discounts-section .popup-ds-wrap {
  position: relative;
  width: 400px;
  margin: 300px auto 0 auto;
}
#popup-personal-discounts-section .popup-ds-wrap .popup-ds {
  top: -151px;
  left: -85px;
  position: absolute;
  width: 600px;
  height: 556px;
  background-image: url(../img/popup-pd.png);
  background-size: contain;
  text-align: center;
  color: white;
}
#popup-personal-discounts-section .popup-ds-wrap .popup-ds .btn-cancel {
  float: right;
  margin: 5px 10px;
  font-size: 35px;
  cursor: pointer;
}
#popup-personal-discounts-section .popup-ds-wrap .popup-ds p {
  font-family: "Lato", sans-serif;
  font-size: 55px;
  font-weight: bold;
  line-height: 50px;
  margin: 50px 15px;
}

@media all and (max-width: 600px) {
  #popup-personal-discounts-section .popup-ds-wrap .popup-ds {
    background-repeat: no-repeat;
    left: 0;
    width: 395px;
  }
  #popup-personal-discounts-section .popup-ds-wrap .popup-ds .btn-cancel {
    font-size: 20px;
  }
  #popup-personal-discounts-section .popup-ds-wrap .popup-ds p {
    font-size: 40px;
    margin: 30px 0;
    line-height: 40px;
  }
}
@media all and (max-width: 400px) {
  #popup-personal-discounts-section .popup-ds-wrap .popup-ds {
    background-repeat: no-repeat;
    left: 10px;
    width: 295px;
  }
  #popup-personal-discounts-section .popup-ds-wrap .popup-ds .btn-cancel {
    font-size: 20px;
  }
  #popup-personal-discounts-section .popup-ds-wrap .popup-ds p {
    font-size: 35px;
    margin: 0 0;
    line-height: 40px;
  }
}
#popup-counts-section {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
}
#popup-counts-section .popup-counts-wrap {
  position: relative;
  width: 400px;
  height: 150px;
  padding: 20px;
  margin: 300px auto 0 auto;
  background: #fff;
  border: 3px solid #ec3334;
  border-radius: 7px;
}
#popup-counts-section .popup-counts-wrap .people {
  top: -151px;
  left: -30px;
  position: absolute;
  width: 460px;
  height: 170px;
  background: url(../img/popup-counts/people.png);
}
#popup-counts-section .popup-counts-wrap .close-button {
  top: -16px;
  right: -16px;
  width: 32px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  background: url(../img/popup-counts/close-button.png);
}
#popup-counts-section .popup-counts-wrap p {
  font-family: "Lato", sans-serif;
  font-size: 26px;
  line-height: 36px;
  display: block;
  margin: 10px auto;
  text-align: center;
  color: #000;
}
#popup-counts-section .popup-counts-wrap p span {
  font-weight: bold;
  text-transform: uppercase;
}
#popup-counts-section .popup-counts-wrap .popup-button {
  width: 50px;
  text-align: center;
  font-size: 14px;
  display: block;
  margin: 10px auto;
  padding: 5px 30px;
  background: #ec3334;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
}
#popup-counts-section .popup-stat-wrap {
  position: relative;
  width: 400px;
  height: 150px;
  padding: 20px;
  margin: 0px auto 0 auto;
}
#popup-counts-section .popup-stat-wrap .popup-stat-item {
  width: 33%;
  height: 100px;
  float: left;
}
#popup-counts-section .popup-stat-wrap .popup-stat-item span {
  display: block;
  color: #fff;
  font-size: 14px;
  font-family: "Open Sans";
  text-align: center;
  padding: 2px 0;
}
#popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap {
  position: relative;
  height: 130px;
}
#popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap .counts-text {
  position: absolute;
  color: #fff;
  top: 70px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 150;
  font-size: 18px;
}
#popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap .circle-bg {
  position: absolute;
  width: 90px;
  height: 90px;
  margin: 20px;
  background-repeat: no-repeat;
  background-image: url(../img/popup-counts/circle.png);
  background-position: center center;
  background-size: contain;
  z-index: 120;
}
#popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap svg {
  position: absolute;
  margin: 15px;
  z-index: 110;
}
#popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap svg .sector {
  fill: none;
  stroke: #ec3334;
  stroke-width: 50;
}
#popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap svg {
  transform: rotate(-90deg);
}
@media all and (max-height: 700px) {
  #popup-counts-section .popup-counts-wrap {
    margin: 150px auto 0 auto;
  }
}
@media all and (max-width: 500px) {
  #popup-counts-section .popup-counts-wrap {
    width: calc(100% - 77px);
    margin: 200px auto 0 auto;
  }
  #popup-counts-section .popup-stat-wrap {
    width: calc(100% - 77px);
  }
  #popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap .counts-text {
    width: 90%;
    top: 50px;
  }
  #popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap .circle-bg {
    width: 85%;
    height: 85%;
    margin: 2.5%;
  }
  #popup-counts-section .popup-stat-wrap .popup-stat-item .circle-bg-wrap svg {
    width: 90%;
    height: 90%;
    margin: 0;
  }
}

/* SHOP */
.table.innerset {
  margin: 10px 0;
}

.mainInformerBody {
  border: solid 1px #E6E6E6;
  padding: 10px 0;
}

.mainInformerWrap {
  margin-top: 10px;
}
.mainInformerWrap h2 {
  padding: 5px 0;
}

.mainInformersItem {
  /*width: 295px;*/
  /* test */
  width: 32%;
  height: 200px;
  margin: 0;
  margin-bottom: 15px;
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 968px) {
  .mainInformersItem {
    /*float: none;
    width: auto;*/
  }
}
.mainInformersItem h3 {
  font-size: 16px;
  text-align: center;
  color: #777;
  height: 26px;
  line-height: 26px;
}

.mainInformersItemHover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  overflow: hidden;
}
.mainInformersItemHover:hover {
  border: solid 1px #7B7B7B;
  box-shadow: 0 16px 26px rgba(0, 0, 0, 0.2);
  bottom: auto;
  z-index: 10;
  left: -11px;
  right: -11px;
  top: -11px;
  padding: 10px;
  border-radius: 1px;
}

.mainInformersItemImage {
  background-position: center -10px;
  background-repeat: no-repeat;
  display: block;
  height: 160px;
  background-size: 220px;
}

.mainInformersItemHover:hover .mainInformersItemHidden {
  display: block;
}
.mainInformersItemHover:hover .mainInformersPrice {
  top: 130px;
}
@-moz-document url-prefix() {
  .mainInformersItemHover:hover .mainInformersPrice {
    top: 120px;
  }
}

.mainInformersPrice {
  position: absolute;
  font-family: Impact, "Arial Black";
  text-shadow: -0.05em -0.05em 0 #ffffff, -0.07em 0.05em 0 #ffffff, 0.07em -0.05em 0 #ffffff, 0.05em 0.05em 0 #ffffff, 0.08em 0.09em 0 #707070, -0.03em 0.09em 0.01em #707070;
  font-style: italic;
  font-weight: 700;
  font-size: 32px;
  right: 0;
  left: 0;
  top: 120px;
}
@-moz-document url-prefix() {
  .mainInformersPrice {
    top: 110px;
  }
}
.mainInformersPrice {
  text-align: center;
  z-index: 1;
}
.mainInformersPrice sup {
  font-size: 26px;
}

.mainInformersItemName {
  font-size: 15px;
  line-height: 18px;
  color: #202020;
  display: block;
  font-weight: 800;
  padding: 0 10px 5px 20px;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
}
.mainInformersItemName:hover {
  color: #ff0000;
  text-decoration: underline;
}

.mainInformersItemHidden {
  padding: 5px 20px 20px 20px;
  display: none;
  font-weight: normal;
  color: #202020;
  line-height: 16px;
  font-size: 13px;
}

.mainInformersItemActions {
  padding-top: 15px;
  border-top: solid 1px #E6E6E6;
  margin-top: 10px;
  text-align: center;
  height: 25px;
}
.mainInformersItemActions a {
  line-height: 25px;
  color: #000;
  padding-bottom: 10px;
}
.mainInformersItemActions .noStockLabel {
  clear: right;
  color: #ff0000;
  font-weight: bold;
  margin: 0;
  height: 25px;
  line-height: 25px;
}

.cartAdd {
  display: block;
  float: left;
  position: relative;
  height: 25px;
  line-height: 25px;
  font-weight: 800;
  text-decoration: none;
  border: none;
  background-color: #ff0000;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 7px center;
  padding-left: 34px;
  background-image: url(../svg/cart.svg);
  margin-left: 5px;
  border-radius: 3px;
}
.cartAdd.no-margin {
  margin-left: 0;
}

.cartAdd[disabled] {
  background-color: #EDEDED;
}

.mainInformersItemActions input[type=number] {
  width: 45px;
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
  padding: 0;
  border: solid 1px #CACACA;
  text-align: center;
  display: block;
  float: left;
  margin-left: 0;
}
.mainInformersItemActions input[type=number].item-mr-login {
  width: 155px;
  margin: 0 5px;
}

.itemContentWrap {
  display: table;
  min-height: 400px;
  width: 100%;
  position: relative;
  padding-bottom: 0;
}
.itemContentWrap .cell:first-child {
  width: 480px;
}
.itemContentWrap .cell:last-child {
  padding-left: 20px;
}
.itemContentWrap .cell {
  display: table-cell;
  vertical-align: top;
  padding: 0;
}
.itemContentWrap .cell .price {
  text-align: right;
  padding: 0 10px 10px 0;
}
.itemContentWrap .cell .price h5 {
  font-size: 42px;
  line-height: 42px;
  padding: 0 0 20px 0;
  margin-top: 0;
  margin-right: 0;
  color: #202020;
  display: block;
  text-align: right;
  font-family: Impact, "Arial";
  text-shadow: -0.05em -0.05em 0 #ffffff, -0.07em 0.05em 0 #ffffff, 0.07em -0.05em 0 #ffffff, 0.05em 0.05em 0 #ffffff, 0.08em 0.09em 0 #707070, -0.03em 0.09em 0.01em #707070;
  font-style: italic;
  font-weight: 700;
  font-size: 42px;
}
.itemContentWrap .cell .price h5 span {
  color: #ff0000;
  text-decoration: line-through #000;
  font-size: 34px;
  text-shadow: none;
}
.itemContentWrap .cell .price h5 sup {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  margin-left: 10px;
}
.itemContentWrap .cell .oldPrice {
  text-align: right;
}
.itemContentWrap .cell .oldPrice h5 {
  font-size: 22px;
  text-decoration: line-through;
}
.itemContentWrap .cell .shortDescription {
  padding: 0 0 10px 20px;
  margin-bottom: 10px;
}
.itemContentWrap .cell .shortDescription b {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  padding-bottom: 5px;
}
.itemContentWrap .cell .methods {
  padding: 10px 20px;
  margin-bottom: 10px;
  background-color: #F9F9F9;
}
.itemContentWrap .cell .methods b {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
.itemContentWrap .cell .methods ul {
  padding: 10px;
}
.itemContentWrap .cell .methods ul li {
  margin-left: 10px;
  padding-top: 2px;
}
.itemContentWrap .cell .img {
  width: 460px;
  height: 320px;
  border-right: dotted 1px #E6E6E6;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
}
.itemContentWrap .cell .thumbs {
  padding: 10px 0 0 10px;
}
.itemContentWrap .cell .thumbs .itemThumb {
  width: 80px;
  height: 60px;
  background-size: contain;
  border: solid 1px #fff;
  float: left;
  border-radius: 5px;
  opacity: 0.6;
  margin-bottom: 5px;
}
.itemContentWrap .cell .thumbs .itemThumbActive {
  border: solid 1px #ddd;
  opacity: 1;
}

.itemContentAddWrap {
  text-align: left;
  padding: 0 0;
  border-top: dotted 1px #E6E6E6;
  padding-top: 15px;
}
.itemContentAddWrap .shopActions {
  padding: 0 0;
  height: 40px;
  margin-top: 10px;
}
.itemContentAddWrap .shopActions .cartAddWrap {
  float: right;
}
.itemContentAddWrap input {
  width: 50px;
}

.itemCartAddWrap {
  padding-top: 10px;
  float: right;
}

.itemMenuWrap {
  height: 31px;
  margin: 0 10px;
  margin-top: -52px;
}
.itemMenuWrap .itemMenu {
  float: left;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #000;
  text-decoration: none;
  padding: 0 15px;
  border: solid 1px #ddd;
  margin: 0;
  border-bottom: none;
  margin-right: 3px;
  box-shadow: 0 -1px 0 #FFFFFF inset, 0 -4px 6px rgba(0, 0, 0, 0.039) inset;
  color: #999;
}
@media (max-width: 480px) {
  .itemMenuWrap .itemMenu {
    font-size: 12px;
  }
}
.itemMenuWrap .itemMenu:hover {
  box-shadow: 0 1px 0 #FFFFFF inset, 0 4px 6px rgba(0, 0, 0, 0.039) inset;
}
.itemMenuWrap .itemMenuActive {
  box-shadow: 0 1px 0 #FFFFFF inset, 0 4px 6px rgba(0, 0, 0, 0.039) inset;
  color: #000;
  height: 30px;
  border-bottom: solid 1px #fff;
}

@media (max-width: 768px) {
  .itemMenuWrap {
    margin: -52px 0 0 0;
  }
  .itemMenuWrap .itemMenu {
    padding: 0px 6px;
    margin-right: 2px;
  }
}
.itemMenuContentBlocks {
  border-top: solid 1px #E6E6E6;
  padding: 0 0 10px 0;
}
.itemMenuContentBlocks .itemMenuContentBlock {
  display: block;
}
.itemMenuContentBlocks .itemMenuContentBlock table.specifications_table {
  font-size: inherit;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
.itemMenuContentBlocks .itemMenuContentBlock table.specifications_table tr td {
  vertical-align: top;
  text-align: left;
}
.itemMenuContentBlocks .itemMenuContentBlock table.special_price {
  font-size: inherit;
  width: 100%;
}
.itemMenuContentBlocks .itemMenuContentBlock table.special_price tr td {
  width: 50%;
  text-align: left;
}
.itemMenuContentBlocks .itemMenuContentBlock .name-specifications {
  text-align: left;
  padding: 0 0 0 0;
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 800;
  color: #ff0000;
  text-transform: uppercase;
}
.itemMenuContentBlocks .itemMenuContentBlock h2 {
  padding: 0 0;
  margin: 15px 0 5px 0;
  height: 30px;
  font-size: 22px;
  line-height: 30px;
  color: #ff0000;
  font-weight: 400;
  border-bottom: dotted 1px #999;
}
.itemMenuContentBlocks .itemMenuContentBlock h2 i {
  font-size: 12px;
  float: left;
  font-weight: 400;
  margin: 10px 5px 10px 0;
}
.itemMenuContentBlocks .itemMenuContentBlock .spanH2 {
  display: block;
  width: 100%;
  padding: 0 0;
  margin: 15px 0 5px 0;
  height: 30px;
  font-size: 22px;
  line-height: 30px;
  color: #ff0000;
  font-weight: 400;
  border-bottom: dotted 1px #999;
  text-transform: uppercase;
}
.itemMenuContentBlocks .itemMenuContentBlock .spanH2 i {
  font-size: 12px;
  float: left;
  font-weight: 400;
  margin: 10px 5px 10px 0;
}
.itemMenuContentBlocks .itemMenuContentBlock h3 {
  text-align: left;
  padding: 0 0 0 0;
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 800;
  color: #ff0000;
}
.itemMenuContentBlocks .itemMenuContentBlock h4 {
  border-bottom: dotted 1px #ddd;
  padding: 15px 0 0 0;
  margin-bottom: 5px;
}
.itemMenuContentBlocks .itemMenuContentBlock span {
  font-weight: normal;
  width: 200px;
  display: block;
  color: #7B7B7B;
}
.itemMenuContentBlocks .awardsWrap div {
  float: left;
  display: block;
  width: 150px;
  height: 30px;
  margin-right: 5px;
  padding-top: 160px;
  text-align: center;
  font-size: 11px;
  background-repeat: no-repeat;
  background-position: center top;
}

.itemThumbNormal {
  width: 80px;
  height: 60px;
  background-size: contain;
  border: solid 1px #fff;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}

.itemThumbNormalBig {
  width: 100px;
  height: 75px;
  background-size: contain;
  border: solid 1px #fff;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}

.itemThumbNormalLarge {
  width: 195px;
  height: 150px;
  background-size: contain;
  border: solid 1px #fff;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}

.cartAdd i {
  margin-right: 5px;
}

.cartAdd:hover {
  background-color: #000;
}

.cartWrap {
  position: relative;
}
.cartWrap .redBox {
  color: #ff5252;
  margin: 5px 0;
}
.cartWrap .cart-discount td {
  padding: 0 10px !important;
}

.cartActions {
  text-align: right;
  padding: 20px 10px;
}
.cartActions a:last-child {
  margin-left: 10px;
}

@keyframes cartLoader {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cartLoader {
  position: absolute;
  animation: cartLoader 1s linear infinite;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 6px 0 0 #ff0000;
}

.cartLoader {
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.cartOverlayLoader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background-color: rgba(250, 250, 250, 0.5);
  display: flex;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.cartOverlayLoader.show {
  opacity: 1;
  visibility: visible;
}

.widgetCart {
  padding: 0 5px;
  overflow-x: auto;
}

.cartAddWrap a {
  font-size: 13px;
  line-height: 25px;
  color: #202020;
  padding-bottom: 10px;
  display: block;
  text-align: center;
}

.cartAddWrap button {
  margin-left: 5px;
  line-height: 25px;
  font-family: "Open Sans", sans-serif;
  float: right;
  display: block;
}

.cartAddWrap input[type=number] {
  width: 45px;
  height: 25px;
  line-height: 25px;
  box-sizing: border-box;
  padding: 0;
  border: solid 1px #CACACA;
  text-align: center;
  float: left;
  display: block;
}
.cartAddWrap input[type=number].item-mr-login {
  width: 155px;
  margin: 0 5px;
}

.cartAddWrap .noStockLabel, .action .noStockLabel {
  float: right;
  clear: right;
  color: #ff0000;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  text-align: right;
}

.cartAddWrap .noStockLabel.noStockLabelItem {
  width: 150px;
  position: relative;
  padding: 5px 0 0 0;
}

.checkoutOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0.5;
  display: none;
  z-index: 100;
}

.checkoutOverlay.show {
  display: block;
}

.receiver .action .noStockLabel {
  float: none;
  clear: right;
  color: #ff0000;
  font-weight: bold;
  font-size: 14px;
  margin: 5px 0px;
  width: 100%;
  position: relative;
}

.oldPrice {
  text-decoration: line-through;
  font-size: 12px;
  color: #777;
}

/*
.cvvTooltip {
  width: 160px;
  height: 100px;
  display: block;
  margin: 10px;
  background-image: url(../img/cards/cvv.jpg);
  background-size: cover;
}*/
.checkoutWrap {
  display: table;
  width: 100%;
  min-height: 500px;
  border: solid 1px #ddd;
  padding: 1px;
  border-radius: 5px;
}

.checkoutColumn {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05) inset;
}

.checkoutColumn:first-child {
  border-right: solid 1px #ddd;
  padding: 10px;
}

.checkoutColumn:last-child {
  border-left: solid 1px #fff;
  padding: 10px;
}

.discount-message {
  float: right;
  color: #ff0000;
  font-size: 14px;
  font-weight: 600;
}

.productName {
  display: block;
  font-size: 15px;
  overflow: hidden;
  padding: 0 0;
  padding-bottom: 10px;
  text-decoration: none;
}

.emptyBag {
  color: #202020;
  text-decoration: underline;
}

.productPrice {
  display: block;
  font-size: 18px;
  overflow: hidden;
  padding: 0 0;
  text-decoration: none;
}

.productPriceTotal {
  display: block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  overflow: hidden;
  padding: 0 0;
  text-decoration: none;
}

.discount.product {
  font-weight: 800;
  color: red;
}

.productPriceOld {
  text-decoration: line-through;
  font-size: 14px;
  color: #777;
  padding-top: 10px;
}

.niceTable .productName a {
  text-decoration: none;
  font-weight: 800;
}

.niceTable .productName a:hover {
  color: #ff0000;
  text-decoration: underline;
}

.niceTable a.productRemove {
  text-decoration: underline;
  color: #7B7B7B;
}

.niceTable a.productRemove:hover, .emptyBag:hover {
  text-decoration: none;
}

.quantity-block {
  float: right;
  position: relative;
}
.quantity-block input[type=number]::-webkit-inner-spin-button,
.quantity-block input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.quantity-block input[type=number] {
  -moz-appearance: textfield;
}
.quantity-block:hover .quantity-arrow-minus {
  display: block;
}
.quantity-block:hover .quantity-arrow-plus {
  display: block;
}
.quantity-block .quantity-num {
  height: 22px;
  padding: 0px 10px !important;
}
.quantity-block .quantity-arrow-minus {
  display: none;
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 16px;
  height: 12px;
  border: none;
  padding-bottom: 16px;
  text-align: center;
  background-color: #F9F9F9;
}
.quantity-block .quantity-arrow-minus:hover {
  background-color: #e8E8E8;
}
.quantity-block .quantity-arrow-plus {
  display: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 16px;
  height: 12px;
  border: none;
  text-align: center;
  background-color: #F9F9F9;
}
.quantity-block .quantity-arrow-plus:hover {
  background-color: #e8E8E8;
}

.page .checkoutColumn h2 {
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  color: #FF1919;
  border-bottom: dotted 1px #FF1919;
  padding-bottom: 2px;
  display: block;
  border-bottom: solid 1px #ddd;
  box-shadow: 0 1px 0 #fff;
  margin-bottom: 10px;
}

.paymentMethods {
  padding: 10px 10px 20px 10px;
}

.paymentMethod {
  padding: 5px 0;
}

.paymentMethodHead label {
  font-size: 14px;
  padding-left: 5px;
  display: inline;
  color: #000;
  font-weight: 700;
}

.paymentMethodBody {
  display: none;
  padding: 10px 22px;
}

.paymentMethodBodyShow {
  display: block;
}

/* Catalog */
.infoBlock a.paShopMenuActive {
  background-color: #fff;
  font-weight: bold;
}

.infoBlock a.paShopMenuActive:hover {
  background-color: #fff;
  font-weight: bold;
}

.groupsPageInfo {
  padding-top: 0;
  font-weight: 400;
}

.groupsPageDescription {
  border: solid 1px #CACACA;
  background-color: #F9F9F9;
  padding: 10px;
  margin: 5px 0 5px 0;
}

.groupsPageInfo p {
  color: #7B7B7B;
  font-size: 16px;
  padding: 20px 0 0 0;
}

.groupsInformerWrap {
  padding-top: 20px;
}

.groupsInformerWrap a {
  text-decoration: none;
}

.panel.panelBottom .pager {
  top: -3px;
}

body .panel {
  padding: 8px 10px 6px 10px;
  background-color: #F9F9F9;
  margin-bottom: 0;
}
body .panel .description {
  line-height: 18px;
  color: #202020;
  padding: 10px;
  margin-bottom: 5px;
}
body .panel .description.underlined {
  color: #7B7B7B;
  border-bottom: 1px solid #E6E6E6;
}
body .panel .pager {
  float: right;
  background-color: #F9F9F9;
  position: relative;
}
body .panel .pager a:hover {
  text-decoration: none;
}
body .panel button {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin: 0;
  margin-right: 10px;
  background-color: transparent;
  padding: 4px 8px 4px 8px;
  color: #202020;
  display: inline-block;
  border: none;
}
body .panel button select {
  border: none;
  bottom: 0;
  display: block;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
body .panel span {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin: 0;
  margin-right: 10px;
  background-color: transparent;
  padding: 4px 8px 4px 8px;
  color: #202020;
  display: inline-block;
  border: none;
}
body .panel span select {
  border: none;
  bottom: 0;
  display: block;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.panelBottom {
  border-top: none;
}

.products {
  border: solid 1px #CACACA;
  padding: 10px;
}
.products .combo {
  border: dashed 1px red;
  display: inline-block;
  margin-right: 0;
}
.products .product {
  border-bottom: solid 1px #E6E6E6;
  position: relative;
  padding: 0;
}
.products .product.borderTop {
  border-top: solid 1px #E6E6E6;
  border-bottom: 0;
}
.products .product.borderBottom {
  border-top: 0;
  border-bottom: solid 1px #E6E6E6;
}
.products .product .img {
  width: 180px;
  min-width: 180px;
  height: 120px;
  display: table-cell;
  background-size: contain;
  background-position: center 0;
  background-repeat: no-repeat;
  position: relative;
}
.products .product .body {
  padding-right: 10px;
  vertical-align: top;
  height: 100%;
  position: relative;
  width: 100%;
  margin: 0 20px 0 0;
}
.products .product .body .catalogItemTitle h2 {
  color: #202020;
  font-size: 18px;
}
.products .product .body .title {
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  padding: 10px 0 5px 10px;
  display: block;
  margin: 0;
  color: #202020;
}
.products .product .body .title:hover {
  color: #ff0000;
  text-decoration: underline;
}
.products .product .body .description {
  line-height: 16px;
  padding: 0 30px 70px 10px;
}
.products .product .body .actions {
  display: block;
  text-align: center;
  color: #FF1919;
  padding: 0;
  padding-top: 10px;
  border-top: dotted 1px #E6E6E6;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 280px;
}
.products .product .body .actions .cartAddWrap {
  float: right;
  padding-right: 0;
}
.products .product .body .actions .catalogItemPrice {
  float: left;
  vertical-align: top;
  color: #bbbaba;
  text-align: left;
  padding: 0 5px;
  font-size: 11px;
}
.products .product .body .actions .catalogItemPrice .cartAddPrice {
  font-size: 24px;
  line-height: 24px;
  color: #202020;
  padding: 0 0 5px 0;
  font-family: Impact, "Arial Black";
  font-style: italic;
  font-weight: 400;
  margin-top: -5px;
  margin-left: 0;
}
.products .product .body .actions .catalogItemPrice .cartAddPrice s.oldPriceDiscount {
  font-size: small;
  position: relative;
  bottom: 4px;
}
.products .product .body .actions .catalogItemPrice .cartAddPrice s sup {
  font-size: 12px;
  text-decoration: none;
}
.products .product .body .actions .catalogItemPrice .cartAddPrice sup {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  margin: -2px 0 0 0;
  padding: 0;
  font-weight: bold;
}
.products .product .body .actions .catalogItemPrice .redBox {
  border: 0;
  color: red;
  padding: 0;
  position: absolute;
  bottom: -10px;
  margin: 0;
}
.products .catalogItem:last-child {
  border-bottom: none !important;
}

.viewedItem {
  text-align: center;
  padding: 5px;
  border-bottom: dotted 1px #CACACA;
}

.viewedItem:last-child {
  border-bottom: none;
}

.viewedItem a {
  color: #000;
}

.selector-error {
  border: dashed 1px #ff0000 !important;
  background-color: #FFECEC;
}

.item-options {
  margin-left: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: -5px;
}
.item-options .item-option-row {
  line-height: 22px;
}
.item-options .item-option-row .item-option-name {
  font-weight: 600;
}
.item-options .item-option-row .item-option-name:after {
  content: ": ";
}

.subscription-option {
  position: relative;
  padding: 0 0 0 20px;
}
.subscription-option .has-subscription {
  position: absolute;
  left: 0px;
  top: -3px;
}
.subscription-option .has-subscription-label {
  cursor: pointer;
  font-size: 12px;
}

.input-tooltip {
  position: absolute;
  display: inline-block;
  z-index: 15;
  margin-left: 10px;
  min-width: 130px;
  width: auto;
  border: solid 1px #ddd;
  background-color: #fff;
  padding: 10px;
}
.input-tooltip.error {
  color: #ff0000;
}
.input-tooltip.success {
  color: #3c763d;
}
.input-tooltip:before {
  content: "";
  border: solid 1px #ddd;
  background-color: #fff;
  height: 12px;
  width: 12px;
  position: absolute;
  transform: rotate(45deg);
}
.input-tooltip:after {
  content: "";
  background-color: #fff;
  position: absolute;
}
.input-tooltip.tooltip-right {
  text-align: left;
}
.input-tooltip.tooltip-right:before {
  left: -6px;
  top: 10px;
}
.input-tooltip.tooltip-right:after {
  left: 0;
  top: 0;
  height: 30px;
  width: 10px;
}
.input-tooltip.tooltip-left {
  text-align: right;
}
.input-tooltip.tooltip-left:before {
  margin-left: -6px;
  left: 100%;
}
.input-tooltip.tooltip-left:after {
  left: 100%;
  margin-left: -10px;
  top: 0;
  height: 100%;
  width: 10px;
}

h5.darken {
  color: #7B7B7B;
}

body .panel {
  border-radius: 0;
}
body .panel .price-levels {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
body .panel .price-levels .table {
  border: none;
}
body .panel .price-levels .table tbody td {
  border-top: none;
}
body .panel .price-levels .table tbody tr:nth-of-type(odd) {
  background-color: rgb(231.15, 231.15, 231.15);
}
body .panel .price-levels .common-discount {
  font-weight: 800;
  color: rgb(97.5, 97.5, 97.5);
  text-align: left;
  display: inline-block;
  font-size: 18px;
}
body .panel .price-levels .common-prices {
  min-width: 165px;
  text-align: left;
  display: inline-block;
}

.precautionBlock {
  color: red;
  margin: 10px 0 0 0;
  padding: 5px 0px;
  font-size: 12px;
  border-top: solid 1px #ddd;
}
.precautionBlock b {
  text-decoration: underline;
}

.exchangeBlock {
  color: red;
  margin: 10px 0 0 0;
  padding: 5px 0px;
  font-size: 12px;
  position: relative;
}
.exchangeBlock label {
  float: left;
  font-weight: 600;
  padding: 0 0 0 25px !important;
}
.exchangeBlock input[type=checkbox] {
  margin: 0 !important;
  position: absolute;
  left: 0;
  top: 7px;
}

.align-promo {
  width: 100%;
  display: block;
}
.align-promo ul li:last-child {
  padding-left: 25px;
}

.no-padding {
  padding: 0 !important;
}

.bag {
  height: 30px;
}

.products {
  display: flex;
  flex-wrap: wrap;
}

.products > [class*=col-] {
  display: flex;
  flex-direction: row;
  padding-bottom: 20px;
  padding-top: 20px;
}

@media (max-width: 768px) {
  .subscription-option .has-subscription {
    top: 7px;
  }
  .subscription-option .has-subscription-label {
    margin-left: 10px;
  }
  .align-promo {
    padding: 0 !important;
  }
  .coupon {
    padding-top: 10px !important;
  }
  .coupon li:last-child button {
    width: 100% !important;
  }
  .coupon li:last-child {
    padding: 10px 0 !important;
  }
  .checkoutSubmit {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .product.col-md-6 {
    width: 48%;
    margin: 0 1%;
  }
}
.checkout-payment-cards-icons {
  font-size: 20px;
  float: left;
  margin: 2px 5px 0 0;
}

.payment-card-wrapper {
  position: relative;
  min-height: 210px;
}
.payment-card-wrapper.abb {
  min-height: 180px;
}
.payment-card-wrapper.abb .payment-card-layer2 {
  width: 285px;
  border: 3px solid #dcdcdc;
  border-top: 3px solid #dcdcdc;
  border-radius: 20px;
  height: 180px;
  background: unset;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner {
  margin: 15px 0 0 15px;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner i {
  float: unset;
  color: black;
  font-size: 14px;
  margin-bottom: 3px;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner i .red-star {
  color: red;
  margin: 0;
  font-size: 14px;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner input {
  width: 70px;
  box-shadow: unset;
  border: solid 2px #ffa500;
  border-top: solid 2px #ffa500;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner span {
  float: unset;
  height: unset;
  line-height: unset;
  display: unset;
  font-size: 20px;
  color: #cbcbcb;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner .cards {
  margin-bottom: 35px;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner .cards .card {
  width: 52px;
  height: 41px;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner .cards .mastercard {
  float: right;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner .cards .nfc {
  background: url("../svg/payments/nfc.svg") no-repeat;
}
.payment-card-wrapper.abb .payment-card-layer2 .payment-card-layer-inner .cards .nfc.hidden {
  opacity: unset !important;
}

@media (min-width: 768px) {
  .product.col-md-6 {
    width: 48%;
    margin: 0 1%;
  }
}
.payment-card-layer {
  position: absolute;
  width: 340px;
  height: 210px;
  border-radius: 9px;
}
.payment-card-layer input {
  background: #ffffff;
  text-align: center;
  border: 1px solid #b3b1ac;
  padding: 5px;
  margin: 5px 0;
}
.payment-card-layer .invalid {
  background: #fff0f0;
  border: 1px solid #ff1919 !important;
  border-bottom: 2px solid #ff1919 !important;
}

.payment-card-layer-inner {
  padding: 5px;
}
.payment-card-layer-inner i {
  float: left;
  height: 13px;
  line-height: 16px;
  display: block;
  font-style: normal;
  color: #8e8b85;
}

.payment-card-layer1 {
  left: 350px;
  background: #e0ddd7;
  text-align: right;
  border-bottom: 1px solid #999999;
}
.payment-card-layer1 .dash {
  background: #8e8b85;
  height: 50px;
  margin: 40px 0 0 0;
}

.payment-card-layer2 {
  background: #f0f0ee;
  border: 1px solid #c9c6c1;
  border-top: 1px solid #cfcfcf;
  background-image: url(/tpl/tpl-main/img/payment_cards/logo-pci-dss.png);
  background-position: bottom 5px right 5px;
  background-size: 25%;
  background-repeat: no-repeat;
}

.menu-table {
  display: table;
}
.menu-table .menu-item {
  display: table-cell;
}

.w100 {
  width: 100%;
}

.w75 {
  width: 75%;
}

.w25 {
  width: 25%;
}

.cards {
  padding: 0;
  margin: 0 0;
  height: 50px;
}
.cards .card {
  display: inline-block;
  width: 40px;
  height: 32px;
  margin: 0 10px 0 0;
  background-size: 100%;
  float: left;
}
.cards .card.hidden {
  opacity: 0.3;
}
.cards .visa {
  background-image: url("/tpl/tpl-main/img/payment_cards/card-visa.png");
  background-position: center 0;
  background-repeat: no-repeat;
}
.cards {
  /*
  .visa-electron {
    background-image: url('/tpl/tpl-main/img/payment_cards/card-visa-electron.png');
    background-position: center 0;
    background-repeat: no-repeat;
  }*/
}
.cards .mastercard {
  background-image: url("/tpl/tpl-main/img/payment_cards/card-mastercard.png");
  background-position: center 0;
  background-repeat: no-repeat;
}
.cards .maestro {
  background-image: url("/tpl/tpl-main/img/payment_cards/card-maestro.png");
  background-position: center 0;
  background-repeat: no-repeat;
}
.cards .jcb {
  background-image: url("/tpl/tpl-main/img/payment_cards/card-jcb.png");
  background-position: bottom;
  background-size: 150%;
  background-repeat: no-repeat;
}
.cards .americanexpress {
  background-image: url("/tpl/tpl-main/img/payment_cards/card-americanexpress.png");
  background-position: center;
  background-repeat: no-repeat;
}
.cards .discover {
  background-image: url("/tpl/tpl-main/img/payment_cards/card-discover.png");
  background-position: center 0;
  background-repeat: no-repeat;
}

@media (max-width: 480px) {
  .cards {
    height: 25px;
  }
}
.pcidss {
  background-image: url("/tpl/tpl-main/img/payment_cards/logo-pci-dss.png");
  background-position: center 0;
  background-repeat: no-repeat;
}

.bitpay-discount {
  float: left;
}

.bitpay-desc {
  float: left;
}

@media (max-width: 768px) {
  .payment-card-layer1 {
    left: 0;
    top: 220px;
  }
  .payment-card-wrapper {
    min-height: 430px;
    margin: 0;
  }
}
@media (max-width: 365px) {
  .payment-card-layer {
    width: 100%;
  }
}
.total-wrap-invoice {
  line-height: 18px;
  font-size: 18px;
  text-align: right;
  padding: 9px;
  border: solid 1px #E6E6E6;
  margin-bottom: 5px;
}
.total-wrap-invoice .total-text {
  text-align: left !important;
  margin-bottom: 5px;
}
.total-wrap-invoice hr {
  color: black;
  height: 1px;
  width: 20%;
  float: right;
  margin-bottom: 10px;
}
.total-wrap-invoice .total-title {
  margin-bottom: 5px;
  font-weight: 600;
}

.empty-store-modal .modal-checkbox-wrap {
  position: relative;
  margin: 10px 0 0 0;
}
.empty-store-modal .modal-checkbox-wrap input[type=checkbox] {
  position: absolute;
  bottom: 5px;
}
.empty-store-modal .modal-checkbox-wrap label {
  padding: 0 0 0 20px;
}
.empty-store-modal .modal-email-wrap {
  margin: 10px 0 0 0;
}
.empty-store-modal .modal-email-wrap input[type=email] {
  border: 1px solid #C0C1C1;
  color: #666666;
  height: 16px;
  padding: 5px;
  width: 280px;
  margin-top: 1px;
}

.dealer-discount-wrap {
  margin: 10px 0 0 0;
}
.dealer-discount-wrap .dealer-discount-info {
  color: #ff0000;
  font-size: 12px;
  font-weight: 600;
}

.dealer-discount-info {
  color: #ff0000;
  font-size: 14px;
  font-weight: 600;
}

.content-wrap-trial {
  background-image: url(/tpl/tpl-main/img/trial/bg.jpg);
  background-size: cover;
  background-position: -45px;
  background-repeat: no-repeat;
}
@media (max-width: 1063px) {
  .content-wrap-trial {
    background-image: none;
  }
}

#rg-trial-section .trial-info {
  width: 40%;
  margin: 30px auto 0 auto;
  font-weight: 600;
}
#rg-trial-section .trial-info span {
  font-weight: 700;
  color: #ff0000;
}
@media all and (max-width: 640px) {
  #rg-trial-section .trial-info {
    width: 80%;
  }
}
#rg-trial-section .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  padding-left: 45px !important;
}
#rg-trial-section .intl-tel-input .iti-container {
  margin: 0 auto;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 300px !important;
}
#rg-trial-section .selected-dial-code::before {
  content: "";
  position: absolute;
  top: 1px !important;
  height: 100% !important;
  background-color: #d4d6d9;
  width: 0.0625rem;
  left: 39px !important;
}
#rg-trial-section .intl-tel-input {
  width: unset !important;
}
#rg-trial-section .trial-main-input {
  width: 500px;
  font-size: 1.375rem;
  opacity: 0.5;
}
#rg-trial-section .trial-input-label {
  text-align: center;
  color: red;
  font-weight: 400;
  font-size: 15px;
  text-transform: uppercase;
}
#rg-trial-section .iti-mobile .intl-tel-input.iti-container {
  position: absolute !important;
  top: unset !important;
  bottom: unset !important;
  left: unset !important;
  right: unset !important;
}
#rg-trial-section #trialPhone {
  height: 35px;
  border-radius: 2px;
  font-size: 20px;
  color: #ddd;
  line-height: 2;
  padding-left: 60px;
}
#rg-trial-section #trialPhone::-webkit-input-placeholder {
  font-size: 15px;
  color: gray;
  text-indent: 15px;
}
#rg-trial-section .req-fields {
  text-align: right;
}
#rg-trial-section #form-wrapper-trial-real .req-fields {
  text-align: left;
}
#rg-trial-section .fa-angle-down {
  display: none !important;
}
#rg-trial-section .intl-tel-input .country-list .country {
  width: 200px !important;
}
#rg-trial-section .intl-tel-input .country-list .flag-box, #rg-trial-section .intl-tel-input .country-list .country-name {
  text-align: left !important;
}
#rg-trial-section .trial-wrapper-sel {
  width: 100px;
  height: 113px;
  margin: auto auto;
}
#rg-trial-section .trial-wrapper-sel p {
  color: #000;
  font-weight: 400;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
}
#rg-trial-section .trial-icon-sel {
  opacity: 0.7;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto;
  width: 37px;
  height: 60px !important;
}
#rg-trial-section .trial-icon-tv {
  background-image: url(/tpl/tpl-main/img/trial-block/tv.svg);
}
#rg-trial-section .trial-icon-file {
  background-image: url(/tpl/tpl-main/img/trial-block/folder.svg);
}
#rg-trial-section .trial-icon-player {
  background-image: url(/tpl/tpl-main/img/trial-block/video-player.svg);
}
#rg-trial-section .trial-icon-multir {
  background-image: url(/tpl/tpl-main/img/trial-block/devices.svg);
}
#rg-trial-section .trial-icon-strawber {
  background-image: url(/tpl/tpl-main/img/trial-block/strawberry.svg);
}
#rg-trial-section .trial-icon-strawber {
  background-image: url(/tpl/tpl-main/img/trial-block/strawberry.svg);
}
#rg-trial-section .trial-icon-hd {
  background-image: url(/tpl/tpl-main/img/trial-block/hd.svg);
}
#rg-trial-section .icons-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: center;
  width: 28%;
  top: 0;
  margin-left: auto;
}
#rg-trial-section .required-text-ui {
  width: unset;
}
#rg-trial-section #form-wrapper-trial-real {
  display: flex;
  width: 50%;
  margin: auto 182px;
  /* justify-content: center; */
  /* flex-direction: column; */
  /* float: left; */
  /* width: unset; */
  /* width: 314px; */
}
#rg-trial-section .trial-icon-sel-bg {
  border-radius: 50%;
  width: 60px;
  padding: 2px;
  border: 1px solid #000;
  margin: 0 auto;
}
#rg-trial-section .headers {
  text-transform: uppercase;
}
#rg-trial-section .headers .sub-header {
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  color: grey;
  line-height: 6.2;
}
#rg-trial-section .headers .trial-header {
  text-align: center;
  font-size: 36px;
}
#rg-trial-section .sweetAl {
  display: none !important;
}
@media (max-width: 1063px) {
  #rg-trial-section {
    background-image: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    flex-basis: inherit;
  }
  #rg-trial-section .trial-header {
    line-height: 1.2;
  }
  #rg-trial-section #form-wrapper-trial-real {
    width: auto;
    margin: 0 auto;
  }
  #rg-trial-section .icons-wrapper {
    width: 100%;
    margin-top: 34px !important;
  }
}
#rg-trial-section .iti-mobile .intl-tel-input.iti-container {
  position: absolute !important;
  top: unset !important;
  bottom: unset !important;
  left: unset !important;
  right: unset !important;
}
#rg-trial-section .iti-container {
  position: absolute !important;
  top: unset !important;
  margin-left: -352px;
  margin-top: 33px;
  bottom: unset !important;
  left: unset !important;
  right: unset !important;
  width: 200px !important;
  height: 200px !important;
}
#rg-trial-section {
  transition: unset !important;
}
@media (max-width: 500px) {
  #rg-trial-section input {
    width: 287px;
  }
  #rg-trial-section .iti-container {
    margin-left: -288px;
  }
  #rg-trial-section .intl-tel-input .country-list .country {
    width: auto !important;
  }
}

#trial-cont-section h2 {
  font-size: 19px;
}
#trial-cont-section .contentWrap {
  padding: 9px;
}
@media (min-width: 500px) {
  #trial-cont-section .contentWrap {
    padding: 13px;
  }
}

.swal2-popup .swal2-styled.swal2-confirm {
  background-color: red !important;
}

.itemContentWrap .shippingFree,
.product .shippingFree {
  padding-top: 10px;
}
.itemContentWrap .shippingFree span,
.product .shippingFree span {
  font-weight: 600;
}

#checkoutCart .checkoutSubmit, #checkoutCart .required-text-ui {
  transform: translateX(-25px);
}

.stripe-button {
  text-decoration: none !important;
  text-align: center !important;
  color: #ffffff !important;
  margin: 30px auto 0 auto;
  background: #0b58a2;
  border-radius: 5px;
  padding: 10px 30px;
  display: block;
  width: 230px;
}

#unused-style {
  visibility: inherit;
}

@media (max-width: 384px) {
  #form-wrapper-trial-real button,
  #form-wrapper-trial-real input {
    width: 100% !important;
  }
  #form-wrapper-trial-real button {
    margin: 2px 0;
  }
}
a.priceSave {
  color: red;
  font-size: 14px;
}

a.allPrice {
  color: red;
  font-size: 14px;
  display: none;
}

a.allPrice.vis {
  color: red;
  font-size: 14px;
  display: inline;
}

div.savePrice {
  padding-top: 5px;
}

.iBanner {
  height: 400px;
  width: 1200px;
  position: relative;
  background-image: url("../img/cfg/base.png");
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 10px;
}
.iBanner .iBannerCC {
  position: absolute;
  left: 0;
  width: 200px;
  height: 200px;
  top: 0;
  z-index: 2;
  padding-right: 60px;
  padding-top: 40px;
}
.iBanner .iBannerCC h2, .iBanner .iBannerCC h3 {
  text-align: center;
  padding: 0;
  margin: 0;
  color: white;
  text-shadow: 0 1px 0 #8d292d;
  display: none;
}
.iBanner .iBannerCC h2 {
  padding: 0 0 0 0;
  font-weight: 800;
  font-size: 46px;
  line-height: 46px;
}
.iBanner .iBannerCC h3 {
  padding: 0 0 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.iBanner .iBannerCC .spanH2 {
  text-align: center;
  padding: 0;
  margin: 0;
  color: white;
  text-shadow: 0 1px 0 #8d292d;
  display: none;
  font-weight: 800;
  font-size: 46px;
  line-height: 46px;
  text-transform: uppercase;
}
.iBanner .iBannerCC1 {
  background-image: url("../img/cfg/cloud.png");
}
.iBanner .iBannerCC1 h2, .iBanner .iBannerCC1 h3 {
  display: block;
}
.iBanner .iBannerCC1 .spanH2 {
  display: block;
}
.iBanner .iBannerMR1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 4;
  background-image: url("../img/cfg/combo/laptop.png");
}
.iBanner .iBannerMR1.iBannerMR10 {
  background-position: 0 100%;
}
.iBanner .iBannerMR11 {
  background-position: 0 100%;
}
.iBanner .iBannerMR2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  background-image: url("../img/cfg/combo/ipad.png");
}
.iBanner .iBannerMR2.iBannerMR20 {
  background-position: 0 100%;
}
.iBanner .iBannerMR21 {
  background-position: 0 100%;
}
.iBanner .iBannerMR3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  background-image: url("../img/cfg/combo/mobile.png");
}
.iBanner .iBannerMR3.iBannerMR30 {
  background-position: 0 100%;
}
.iBanner .iBannerMR31 {
  background-position: 0 100%;
}
.iBanner .iBannerTV {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
  background-image: url("../img/cfg/combo/tv.png");
}
.iBanner .iBannerTV.iBannerTV0 {
  background-position: 0 100%;
}
.iBanner .iBannerTV1 {
  background-position: 0 100%;
}

.scColumns .box {
  padding: 5px;
  border: none !important;
  position: relative;
}
.scColumns .box .boxLoader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/loader.gif);
  background-color: rgba(250, 250, 250, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
}
.scColumns .box .button {
  display: inline-block;
  cursor: pointer;
  padding: 0 0;
}
.scColumns .box .button .checkbox {
  float: left;
  display: inline-block;
  padding: 4px;
  background-color: white;
  border: solid 1px #666;
}
.scColumns .box .button .checkbox .bullet {
  width: 8px;
  height: 8px;
  background-color: white;
}
.scColumns .box .button label {
  padding-left: 5px;
  text-decoration: none;
  float: left;
  line-height: 18px;
  height: 18px;
  font-size: 14px;
}
.scColumns .box .action {
  text-align: center;
  padding: 5px 0 0 0;
}
.scColumns .box .action button {
  font-size: 16px;
  line-height: 16px;
  font-weight: 800;
  padding: 10px 16px;
  border-radius: 3px;
  border: none;
  text-decoration: none;
  background-color: #f7f7f7;
  box-shadow: 0 0 1px 0 #FFFFFF;
  color: black;
  outline: 0 none #f7f7f7;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.361);
  cursor: pointer;
}
.scColumns .box .action button i {
  margin-right: 4px;
}
.scColumns .box .body {
  padding: 0 10px;
  padding-bottom: 0;
}
.scColumns .box .body .title {
  text-align: center;
  margin-top: 40px;
  position: relative;
}
.scColumns .box .body .title hr {
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  z-index: -1;
  border-top: solid 1px #333;
  box-shadow: none;
}
.scColumns .box .body .title .body-title-h4 {
  background-color: white;
  color: #000000;
  margin: auto auto;
  padding: 0 10px;
  display: inline-block;
  font-size: 24px;
  font-weight: 800;
  line-height: 32.68px;
  text-transform: uppercase;
}
.scColumns .box .body .title h4 {
  background-color: white;
  color: #333;
  margin: auto auto;
  padding: 0 10px;
  display: inline-block;
}
.scColumns .box .body .durations .nav-tabs {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 20px 0 20px;
  border: none;
}
.scColumns .box .body .nav-tabs li {
  margin: 0 40px;
}
@media (max-width: 768px) {
  .scColumns .box .body .tab-content .tab-pane.active .owl-carousel .owl-stage-outer .owl-stage .owl-item.active {
    width: 98vw !important;
  }
  .scColumns .box .body .tab-content .tab-pane.active .owl-carousel .owl-dots .owl-dot.active {
    width: auto !important;
  }
  .scColumns .box .body .durations.durations-new .nav.nav-tabs[role=tablist] li[role=presentation].active {
    width: auto !important;
  }
  .scColumns .box .body .nav-tabs li {
    margin: 0 5px;
  }
}
.scColumns .box .body .nav-tabs li a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.07px;
}
.scColumns .box .body .nav-tabs li.active a {
  color: #FF3333;
  font-weight: 700;
}
.scColumns .box .body .nav-tabs > li > a, .scColumns .box .body .nav-tabs > li > a:hover, .scColumns .box .body .nav-tabs > li > a:focus {
  border: none;
}
.scColumns .box .body .nav-tabs > li.active > a, .scColumns .box .body .nav-tabs > li.active > a:hover, .scColumns .box .body .nav-tabs > li.active > a:focus {
  border: none;
}
.scColumns .box .body .horizontalLineDuration {
  width: 100%;
  height: 1px;
  background-color: #AAAAAA;
  border: none;
  margin: 0 0;
}
.scColumns .box .body .active {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
}
.scColumns .box .body .package {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 524px;
  width: 290px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.scColumns .box .body .package .grid {
  height: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.scColumns .box .body .package .textPackageUnavailable {
  max-width: 280px;
  text-align: center;
  position: absolute;
  top: 490px;
  color: #000;
}
.scColumns .box .body .package .textPackageUnavailable a {
  text-decoration: none;
  color: #FF3333;
}
.scColumns .box .body .package:hover {
  background-color: #FF3333;
}
.scColumns .box .body .package:hover .textPackageUnavailable {
  color: white;
}
.scColumns .box .body .package:hover .textPackageUnavailable a {
  text-decoration: none;
  color: #000;
}
.scColumns .box .body .package:hover .title {
  background-color: #FF3333;
  border-bottom: solid 2px #FF3333;
  color: white;
  text-shadow: 0 1px 2px #FF3333;
}
.scColumns .box .body .package:hover .title .packageName {
  color: white;
}
.scColumns .box .body .package:hover .title .month {
  color: white;
  text-shadow: 0 1px 2px #FF3333;
}
.scColumns .box .body .package:hover .title .month .currencyInPackage .monthInTitle {
  color: white;
}
.scColumns .box .body .package:hover .title .youSavePercent .save-block {
  color: white;
}
.scColumns .box .body .package:hover .cell {
  color: #FFFFFF;
}
.scColumns .box .body .package:hover .cell:nth-child(odd) {
  background-color: #FF3333;
}
.scColumns .box .body .package:hover .cell:nth-child(even) {
  background-color: #FF3333;
}
@media (max-width: 768px) {
  .scColumns .box .body .package {
    background-color: #FF3333;
  }
  .scColumns .box .body .package .textPackageUnavailable {
    color: white;
  }
  .scColumns .box .body .package .title {
    background-color: #FF3333;
    border-bottom: solid 2px #FF3333;
    color: white;
    text-shadow: 0 1px 2px #FF3333;
  }
  .scColumns .box .body .package .title .packageName {
    color: white;
  }
  .scColumns .box .body .package .title .month {
    color: white;
    text-shadow: 0 1px 2px #FF3333;
  }
  .scColumns .box .body .package .title .month .currencyInPackage .monthInTitle {
    color: white;
  }
  .scColumns .box .body .package .title .youSavePercent .save-block {
    color: white;
  }
  .scColumns .box .body .package .cell {
    color: #FFFFFF;
  }
  .scColumns .box .body .package .cell:nth-child(odd) {
    background-color: #FF3333;
  }
  .scColumns .box .body .package .cell:nth-child(even) {
    background-color: #FF3333;
  }
}
.scColumns .box .body .package .title .packageName {
  text-transform: uppercase;
  height: 25px;
  font-weight: 600;
  font-size: 22px;
  line-height: 29.96px;
  color: #aaaaaa;
  margin-bottom: 10px;
}
.scColumns .box .body .package .title .month {
  height: 65px;
  font-weight: 700;
  font-size: 32px;
  line-height: 30px;
}
.scColumns .box .body .package .title .month .currencyInPackage {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  margin-top: 5px;
}
.scColumns .box .body .package .title .month .currencyInPackage .monthInTitle {
  color: #AAAAAA;
}
.scColumns .box .body .package .youSavePercent {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.scColumns .box .body .package .youSavePercent .save-block {
  color: #FF3333;
  font-weight: 700;
  font-size: 16px;
  line-height: 23.52px;
}
.scColumns .box .body .package > hr {
  width: 200px;
  height: 1px;
  background-color: #E1E1E1;
  border: none;
  margin: 1px auto 30px auto;
  box-shadow: none;
}
.scColumns .box .body .package .cell {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}
.scColumns .box .body .package .actionToCartInPackage {
  text-align: center;
  padding: 0 0 0 0;
  margin-bottom: 40px;
  border: 1px #ddd;
}
.scColumns .box .body .package .actionToCartInPackage button {
  width: auto; /* Allow the button to resize based on its content */
  min-width: 210px; /* Ensure a minimum width */
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: solid 1px;
  color: red;
  font-size: 18px;
  line-height: 24.51px;
  font-weight: 600;
}
.scColumns .box .body .package .actionToCartInPackage button .shopping-cart-custom {
  margin-right: 4px;
  width: 24px;
  height: 24px;
  background-image: url(../img/shopping_cart_for_main_page_tab.png);
  background-size: contain;
}
.scColumns .box .body .package .actionToCartInPackage button:hover {
  border: solid 2px;
  font-weight: 800;
}
.scColumns .box .body .owl-carousel {
  justify-content: center;
  display: flex;
}
.scColumns .box .body .owl-carousel.owl-loaded {
  display: block;
}
.scColumns .box .body .owl-theme .owl-dots {
  display: flex;
  justify-content: center;
}
.scColumns .box .body .owl-theme .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.scColumns .box .body .owl-theme .owl-nav .owl-prev {
  background-color: transparent;
  margin: 0.5px;
  padding: 4px 1px;
}
.scColumns .box .body .owl-theme .owl-nav .owl-prev .custom-owl-prev {
  width: 19.5px;
  height: 39px;
  background-image: url(../img/owl-prev-arrow.svg);
  background-repeat: no-repeat;
  background-color: inherit;
  background-position: center;
  margin: 0.5px;
  padding: 4px 1px;
  pointer-events: all;
}
.scColumns .box .body .owl-theme .owl-nav .owl-next {
  background-color: transparent;
  margin: 0.5px;
  padding: 4px 1px;
}
.scColumns .box .body .owl-theme .owl-nav .owl-next .custom-owl-next {
  width: 19.5px;
  height: 39px;
  background-image: url(../img/owl-next-arrow.svg);
  background-repeat: no-repeat;
  background-color: inherit;
  background-position: center;
  margin: 0.5px;
  padding: 4px 1px;
  pointer-events: all;
}
.scColumns .box .body .owl-theme .owl-dots .owl-dot {
  margin: 10px 10px;
}
.scColumns .box .body .owl-theme .owl-dots .owl-dot span {
  background: #333333;
}
.scColumns .box .body .owl-theme .owl-dots .owl-dot.active span {
  background: white;
  border: 2px solid black;
}
.scColumns .box .body .packages {
  display: table;
  width: 100%;
  padding: 10px 0;
}
.scColumns .box .body .packages .packageSeparator {
  display: table-cell;
  width: 20px;
}
.scColumns .box .body .packages .packageInfo,
.scColumns .box .body .packages .package {
  display: table-cell;
  padding: 1px;
  vertical-align: top;
  cursor: pointer;
}
.scColumns .box .body .packages .packageInfo .cell,
.scColumns .box .body .packages .package .cell {
  background-color: white;
  display: block;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}
.scColumns .box .body .packages .packageInfo .cell:last-child,
.scColumns .box .body .packages .package .cell:last-child {
  border-bottom: none;
}
.scColumns .box .body .packages .packageInfo .cell:nth-child(odd),
.scColumns .box .body .packages .package .cell:nth-child(odd) {
  background-color: #eeeeee;
}
.scColumns .box .body .packages .packageInfo .cell:nth-child(even),
.scColumns .box .body .packages .package .cell:nth-child(even) {
  background-color: #e1e1e1;
}
.scColumns .box .body .packages .packageInfo i.fa,
.scColumns .box .body .packages .package i.fa {
  color: #999;
  font-size: 20px;
}
.scColumns .box .body .packages .packageInfo .title,
.scColumns .box .body .packages .package .title {
  display: block;
  padding: 0 10px;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  border-bottom: solid 2px #ffffff;
}
.scColumns .box .body .packages .packageInfo .title .month,
.scColumns .box .body .packages .package .title .month {
  display: block;
  float: right;
  margin: 2px 10px 0 0;
  color: black;
  /*font-size: 14px;*/
  font-weight: 100;
  text-transform: none;
  height: 60px;
}
.scColumns .box .body .packages .packageInfo .title .month b,
.scColumns .box .body .packages .package .title .month b {
  display: block;
  padding-top: 5px;
  font-size: 36px;
  font-weight: 800;
  line-height: 42px;
  text-shadow: rgba(255, 255, 255, 0.102) 0 1px 1px;
}
.scColumns .box .body .packages .packageInfo .title .month span,
.scColumns .box .body .packages .package .title .month span {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  vertical-align: top;
}
.scColumns .box .body .packages .packageInfo .title .month .priceValueWrap .priceValue,
.scColumns .box .body .packages .package .title .month .priceValueWrap .priceValue {
  display: block;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  text-shadow: rgba(255, 255, 255, 0.102) 0 1px 1px;
}
.scColumns .box .body .packages .packageInfo .title .month .priceValueWrap .priceValueOld,
.scColumns .box .body .packages .package .title .month .priceValueWrap .priceValueOld {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: line-through;
}
.scColumns .box .body .packages .packageInfo .mobileColumn,
.scColumns .box .body .packages .package .mobileColumn {
  display: none;
}
.scColumns .box .body .packages .packageInfo .mobileColumn .cell,
.scColumns .box .body .packages .package .mobileColumn .cell {
  font-size: 16px;
}
@media (max-width: 480px) {
  .scColumns .box .body .packages .packageInfo .mobileColumn .cell,
  .scColumns .box .body .packages .package .mobileColumn .cell {
    font-size: 14px;
  }
}
@media (max-width: 390px) {
  .scColumns .box .body .packages .packageInfo .mobileColumn .cell,
  .scColumns .box .body .packages .package .mobileColumn .cell {
    font-size: 13px;
  }
}
@media (max-width: 380px) {
  .scColumns .box .body .packages .packageInfo .cellTitle,
  .scColumns .box .body .packages .package .cellTitle {
    height: 36px;
    line-height: 18px;
    padding: 10px 0 !important;
  }
}
.scColumns .box .body .packages .packageInfo .title {
  text-align: left;
  vertical-align: bottom;
}
.scColumns .box .body .packages .packageInfo .cell {
  font-size: 18px;
  font-weight: 400;
  color: black;
}
.scColumns .box .body .packages .package {
  text-align: center;
  display: table-cell;
  width: 26%;
  padding: 1px;
  font-size: 14px;
}
.scColumns .box .body .packages .package:hover .title {
  background-color: #ff0000;
  border-bottom: solid 2px #dd0000;
  color: white;
  text-shadow: 0 1px 2px #dd0000;
}
.scColumns .box .body .packages .package:hover .title .month {
  color: white;
  text-shadow: 0 1px 2px #dd0000;
}
.scColumns .box .body .packages .package:hover .cell i.fa {
  color: #dd0000;
}
.scColumns .box .body .packages .package:hover .cell:nth-child(odd) {
  background-color: #ffdddd;
}
.scColumns .box .body .packages .package:hover .cell:nth-child(even) {
  background-color: #ffc3c3;
}
.scColumns .box .body .packages .package .title {
  font-weight: 100;
  font-size: 38px;
  line-height: 100px;
  background: #f7f7f7;
  border-bottom: solid 2px #BBBBBB;
  text-align: left;
  padding-left: 15px;
  color: #777;
  text-transform: none;
}
.scColumns .box .body .packages .package .title .month {
  text-align: center;
  color: #aaa;
}
.scColumns .box .body .packages .package .cell {
  font-size: 18px;
}
@media (max-width: 480px) {
  .scColumns .box .body .packages .package .cell {
    font-size: 14px;
  }
}
@media (max-width: 390px) {
  .scColumns .box .body .packages .package .cell {
    font-size: 13px;
  }
}
.scColumns .box .body .packages .package .selectorWrap {
  padding: 14px 0 10px 0;
}
.scColumns .box .body .packages .package .selectorWrap .selector {
  border-radius: 100%;
  background-color: white;
  border: solid 2px #ddd;
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}
.scColumns .box .body .packages .package .selectorWrap .selector .bullet {
  background-color: white;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.scColumns .box .body .packages .package .selectorWrap .selectorActive .bullet {
  background-color: #555;
}
.scColumns .box .body .packages .package .selectorWrap .selectorActive {
  box-shadow: none;
}
.scColumns .box .body .packages .packageActive {
  box-shadow: 0 5px 0 #ff0000;
}
.scColumns .box .body .packages .packageActive .title {
  background-color: #ff0000;
  box-shadow: 0 -5px 0 #ff0000;
  border-bottom: solid 2px #dd0000;
  color: white;
  text-shadow: 0 1px 2px #dd0000;
}
.scColumns .box .body .packages .packageActive .title .month {
  color: white;
  text-shadow: 0 1px 2px #dd0000;
}
.scColumns .box .body .packages .packageActive .cell i.fa {
  color: #dd0000;
}
.scColumns .box .body .packages .packageActive .cell:nth-child(odd) {
  background-color: #ffdddd;
}
.scColumns .box .body .packages .packageActive .cell:nth-child(even) {
  background-color: #ffc3c3;
}
.scColumns .box .body .durations {
  margin-top: 10px;
  display: table;
  width: 100%;
}
.scColumns .box .body .durations .duration {
  text-align: center;
  display: table-cell;
  padding: 10px 0;
  cursor: pointer;
}
.scColumns .box .body .durations .duration.disable {
  opacity: 0.7;
}
.scColumns .box .body .durations .duration h2 {
  font-weight: bold;
  text-transform: none;
  display: block;
  padding-bottom: 5px;
}
.scColumns .box .body .durations .duration .spanH2 {
  color: #7B7B7B;
  font-size: 22px;
  line-height: 22px;
  font-weight: bold;
  text-transform: none;
  display: block;
  padding-bottom: 5px;
}
.scColumns .box .receiver {
  display: table;
  width: 100%;
}
.scColumns .box .receiver .column {
  display: table-cell;
  vertical-align: top;
}
.scColumns .box .receiver .left {
  width: 300px;
}
.scColumns .box .receiver .left .img {
  margin: auto;
  width: 200px;
  height: 140px;
  background-size: cover;
  background-position: center center;
  display: block;
}
.scColumns .box .receiver .desc {
  padding-top: 10px;
}
.scColumns .box .receiver .desc h2 {
  font-weight: bold;
  padding-bottom: 10px;
  display: block;
}
.scColumns .box .receiver .right {
  text-align: center;
  padding: 10px 30px 20px 30px;
}
.scColumns .box .receiver .right .priceOld {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 16px;
  text-decoration: line-through;
  display: none;
}
.scColumns .box .receiver .right .action button {
  cursor: pointer;
  min-width: 150px;
}
.scColumns .box .receiver .right .month {
  display: block;
  text-align: center;
  margin: 0;
  color: black;
  font-size: 14px;
  font-weight: 100;
  text-transform: none;
  height: 60px;
}
.scColumns .box .receiver .right .month b {
  display: block;
  color: #999999;
  padding-top: 5px;
  font-size: 42px;
  font-weight: 800;
  line-height: 42px;
  text-shadow: rgba(255, 255, 255, 0.102) 0 1px 1px;
}
.scColumns .box .receiver .right .month span {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  vertical-align: top;
}
.scColumns .box .receiver .right .month .priceValueWrap {
  color: #999;
}
.scColumns .box .receiver .right .month .priceValueWrap .priceValue {
  display: block;
  font-size: 36px;
  font-weight: 800;
  line-height: 35px;
  text-shadow: rgba(255, 255, 255, 0.102) 0 1px 1px;
}
.scColumns .box .receiver .right .month .priceValueWrap .priceValueOld {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: line-through;
}
.scColumns .box.promoBox .products .product .body .title {
  margin: 0;
  text-align: left;
}
.scColumns .boxActive {
  border: solid 1px #FF2626;
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.2);
  /*
  .action {
    text-align: center;


  }
  */
}
.scColumns .boxActive .receiver button {
  background-color: #ff0000;
  box-shadow: 0 0 1px 0 #FFFFFF;
  color: white;
  outline: 0 none #f7f7f7;
}
.scColumns .boxActive .receiver button:hover {
  background-color: #dd0000;
}
.scColumns .boxActive .body .packages .package .cell .checkboxActive .bullet {
  background-color: #555;
}
.scColumns .boxActive .body .durations .duration button:hover {
  background-color: #bbb;
}
.scColumns .boxActive .body .durations .durationActive h2 {
  color: #ff0000;
}
.scColumns .boxActive .body .durations .durationActive button {
  background-color: #ff0000;
  box-shadow: 0 0 1px 0 #FFFFFF;
  color: white;
  outline: 0 none #f7f7f7;
}
.scColumns .boxActive .body .durations .durationActive button:hover {
  background-color: #dd0000;
}
.scColumns #myModal .modal-dialog {
  width: 997px;
  max-width: 100%;
  margin: 30px auto;
  transform: translate(0, 0);
}
.scColumns #myModal .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}
@media (max-width: 375px) {
  .scColumns #myModal .modal-dialog .modal-content .modal-body .cartWrap .itemThumbNormalBig {
    margin-bottom: 70px;
    width: 30px;
    height: 25px;
    background-size: contain;
    border: solid 1px #fff;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
  }
}
.scColumns .actionToCart {
  text-align: center;
  padding: 10px 0 10px 0;
  margin-top: 10px;
  border: solid 1px #ddd;
}
.scColumns .actionToCart button {
  font-size: 21px;
  line-height: 21px;
  font-weight: 800;
  padding: 14px 30px;
  border-radius: 3px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  background-color: #f7f7f7;
  box-shadow: 0 0 1px 0 #FFFFFF;
  color: black;
  outline: 0 none #f7f7f7;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.361);
}
.scColumns .actionToCart button:hover:enabled {
  background-color: #ff0000;
  color: white;
}
.scColumns .actionToCart button:disabled {
  color: #aaa;
  background-color: #ddd;
}
.scColumns .actionToCart button i {
  margin-right: 8px;
}
.scColumns .scColumnFix {
  width: 400px;
}
.scColumns .scColumnSeparator {
  width: 50px;
  vertical-align: middle;
  text-align: center;
  color: #ddd;
}
.scColumns .scColumnSeparator h2 {
  color: #ddd;
  font-size: 42px;
}

/*#shopConstructorMobile {
  display: none;
}*/
@media (max-width: 900px) {
  /*BANNER*/
  .iBannerCC {
    display: none;
  }
  .iBanner .iBannerMR1 {
    display: none;
  }
  .iBanner .iBannerMR2 {
    display: none;
  }
  .iBanner .iBannerMR3 {
    display: none;
  }
  .iBanner .iBannerTV {
    display: none;
  }
  .iBannerContainer {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2%;
  }
  .iBannerMobile {
    margin: 0 auto;
    background: #f0f0f0;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  .iBannerMobile .iBannerTV {
    width: 95% !important;
    background-image: url("../img/img_banner/tv.svg");
    background-repeat: no-repeat;
    background-position: center !important;
  }
  .iBannerMobile .iBannerMR1 {
    width: 95% !important;
    background-image: url("../img/img_banner/nout.svg");
    background-repeat: no-repeat;
    background-size: auto;
    border-left: 2px solid white;
    background-position: center !important;
  }
  .iBannerMobile .iBannerMR2 {
    width: 95% !important;
    background-image: url("../img/img_banner/tablet.svg");
    background-repeat: no-repeat;
    border-left: 2px solid white;
    border-right: 2px solid white;
    background-position: center !important;
  }
  .iBannerMobile .iBannerMR3 {
    width: 95% !important;
    background-image: url("../img/img_banner/phone.svg");
    background-repeat: no-repeat;
    background-position: center !important;
  }
  .iBannerMobile .iBannerMR1.iBannerMR10 {
    background-image: url("../img/img_banner/nout_red.svg") !important;
  }
  .iBannerMobile .iBannerMR2.iBannerMR20 {
    background-image: url("../img/img_banner/tablet_red.svg") !important;
  }
  .iBannerMobile .iBannerMR3.iBannerMR30 {
    background-image: url("../img/img_banner/phone_red.svg") !important;
  }
  .iBannerMobile .iBannerTV.iBannerTV0 {
    background-image: url("../img/img_banner/tv_red.svg") !important;
  }
}
@media (max-width: 320px) {
  .iBannerContainer {
    width: 102%;
  }
}
.shopConstructorMobile .groupsPageInfo {
  padding: 0 !important;
}

.shopConstructorMobile .packages {
  width: 100% !important;
}

.shopConstructorMobile .box .body .packages .packageInfo {
  display: none;
}

.shopConstructorMobile .packages .package {
  padding: 0 !important;
  margin: 0 !important;
}

.shopConstructorMobile .packages .grid {
  max-width: 100% !important;
}

.shopConstructorMobile .grid .row .col .title {
  line-height: 75px !important;
  padding: 0 !important;
}

.shopConstructorMobile .box .body .packages .package .mobileColumn {
  display: block;
}

.shopConstructorMobile .grid .row .col .title .month {
  padding: 0 !important;
  margin: 0 !important;
}

.shopConstructorMobile .grid .row .col .title div {
  margin: 0 5px;
}

.shopConstructorMobile .grid .row .col .cell {
  padding: 0 !important;
}

.shopConstructorMobile .grid .row .col .cell div {
  height: 24px !important;
  line-height: 24px !important;
  white-space: nowrap;
  padding: 0 !important;
  font-size: 16px;
}

/* PERSONAL AREA */
#checkoutForm .group sup {
  font-size: 20px;
}

.authBox {
  float: right;
  margin-right: 0;
  position: relative;
}

.loginFormWrapBorder {
  position: absolute;
  right: 0;
  top: 60px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
  padding: 15px;
  z-index: 100;
  display: none;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.8);
}

.sliderWrap .loginFormWrapBorder {
  background-color: rgba(255, 255, 255, 0.3);
  border: none;
}

.emailLogin {
  padding-bottom: 10px;
}

.socialLoginSepar {
  border-top: solid 1px #ddd;
  position: relative;
  margin: 20px 0;
}

.socialLoginSepar div {
  position: absolute;
  left: 50%;
  top: -10px;
  background-color: #fff;
  width: 60px;
  margin-left: -40px;
  display: block;
  height: 20px;
  text-align: center;
  color: #aaa;
  font-size: 20px;
}

.socialLoginButtons {
  padding: 0;
  width: 560px;
  margin: 0 auto;
}
.socialLoginButtons .line-icon {
  height: 1em !important;
  line-height: 1em !important;
  width: 1em !important;
}
.socialLoginButtons .line-icon .fa-apple {
  font-size: 0.75em;
  color: white;
}
.socialLoginButtons .line-icon .fa-google {
  font-size: 0.6em;
  color: white;
}
.socialLoginButtons .line-icon .google-bg {
  color: #dd493c;
}

@media (max-width: 768px) {
  .socialLoginButtons {
    width: 90%;
  }
}
.socialLoginButtons a {
  text-decoration: none;
  font-size: 48px;
  margin: 0 5px 0 0;
  display: block;
  float: left;
}

.socialLoginButtons a.fa-facebook-square {
  color: #002a80;
}

.socialLoginButtons a.fa-google-plus-square {
  color: #dd493c;
}

.socialLoginDescr {
  color: #7B7B7B;
  text-align: left;
  padding: 10px;
  position: relative;
  display: block;
  float: left;
  margin-top: 4px;
  margin-left: 10px;
  border: solid 1px #ddd;
}

.socialLoginDescr:before {
  content: "";
  border: solid 1px #ddd;
  background-color: #fff;
  height: 12px;
  width: 12px;
  position: absolute;
  left: -6px;
  transform: rotate(45deg);
  top: 12px;
}

.socialLoginDescr:after {
  content: "";
  background-color: #fff;
  left: 0;
  top: 0;
  height: 30px;
  width: 10px;
  position: absolute;
}

table td a.td-action {
  width: 16px;
  height: 16px;
  font-size: 10px !important;
}
table td a.td-action.bigger {
  font-size: 20px;
}
table td a.td-action:hover {
  color: rgb(59.25, 59.25, 59.25);
}
table td a.td-action .minimized {
  font-size: 10px;
}
table td a.td-action.clicked {
  opacity: 0.5;
}

a.td-action.disable {
  color: #c4c0c0;
}

a.td-action.bigger {
  font-size: 20px !important;
}

.json-messages {
  padding: 10px 5px 10px 0;
}

td .form-control {
  height: 30px;
  text-align: center;
  padding: 0 5px 0 5px;
  width: 90%;
  max-width: 450px;
}
td .form-control {
  text-align: center;
}

.table-top-actions {
  margin: 10px 0;
}
.table-top-actions a {
  text-decoration: none;
}

.circle-icon {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.circle-icon.verified {
  background-color: #27ff00;
}
.circle-icon.unverified {
  background-color: #d9ff05;
}

.filter {
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.filterBox {
  padding: 0;
  text-align: left;
  margin-left: 25px;
  width: auto;
}
.filterBox a {
  text-decoration: underline;
  color: black;
  white-space: nowrap;
}
.filterBox .grey {
  color: #6e6e6e;
}
.filterBox .active {
  font-weight: 600;
}

.filterBox:first-child {
  margin-left: 5px;
}

.message-phone-validate {
  background: url("/tpl/tpl-main/img/pop_phone_secure.png");
  margin: 0 auto 10px auto;
  height: 80px;
  align-items: center;
  font-size: large;
  color: white;
  position: relative;
}
.message-phone-validate .validate-close {
  position: absolute;
  right: 0;
  width: 16px;
  height: 16px;
  font-size: small;
  cursor: pointer;
  z-index: 1000;
}
.message-phone-validate .validate-close:hover {
  font-weight: bold;
}
.message-phone-validate .validate-title {
  background: url("/tpl/tpl-main/img/pop_secure_title.png") no-repeat;
  padding: 15px 85px 15px 15px;
  height: 50px;
  width: 100px;
  position: absolute;
  left: 20px;
  font-weight: 600;
}
.message-phone-validate .validate-txt-wrap {
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 0 0 230px;
}
.message-phone-validate .validate-txt {
  margin: 0 10px 0 0;
  font-size: small;
}
.message-phone-validate .validate-link {
  background: white;
  border-radius: 3px;
  font-weight: 600;
  margin: 0 20px 0 0;
}
.message-phone-validate .validate-link:hover {
  text-decoration: underline;
}
.message-phone-validate .validate-link a {
  text-decoration: none;
  color: #b92121;
  display: block;
  padding: 10px 15px;
}
@media (max-width: 768px) {
  .message-phone-validate .validate-title {
    display: none;
  }
  .message-phone-validate .validate-txt-wrap {
    margin: 0 0 0 20px;
  }
}

@media (max-width: 480px) {
  .message-phone-validate {
    height: 125px;
    padding: 10px 0;
  }
}
.recovery-chose-method,
.register-chose-method {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.recovery-chose-method a,
.register-chose-method a {
  text-decoration: none;
  text-align: center;
  color: #7B7B7B;
  padding: 100px 0 10px 0;
  margin: 20px 20px;
  width: 120px;
  height: 20px;
  display: block;
  border: 2px dashed #ccc;
  float: left;
}
.recovery-chose-method a:hover,
.register-chose-method a:hover {
  border: 2px dashed #ff0000;
  color: #ff0000;
}
.recovery-chose-method .with-phone,
.register-chose-method .with-phone {
  background: url("/tpl/tpl-main/img/recovery-with-phone.png") center center no-repeat;
}
.recovery-chose-method .with-email,
.register-chose-method .with-email {
  background: url("/tpl/tpl-main/img/recovery-with-email.png") center center no-repeat;
}

#referralBlockWrap .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}
#referralBlockWrap .tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
#referralBlockWrap .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
#referralBlockWrap .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
#referralBlockWrap .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
#referralBlockWrap .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
#referralBlockWrap .referralLinkWrap {
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  border: 1px solid;
  padding: 5px;
  text-align: center;
  color: #806A44;
}
@media (max-width: 768px) {
  #referralBlockWrap .referralLinkWrap {
    font-size: 18px;
  }
}
@media (max-width: 400px) {
  #referralBlockWrap .referralLinkWrap {
    font-size: 14px;
  }
}

.profile-wallet-wrap {
  margin-bottom: 50px;
  margin-right: 15px;
}
.profile-wallet-wrap .widget-header {
  display: contents;
}
.profile-wallet-wrap .widget-header .btn-primary {
  background-color: red;
  border-color: red;
}
.profile-wallet-wrap .modal .modal-dialog .modal-content .modal-body .input-group {
  display: flex;
}
.profile-wallet-wrap .modal .modal-dialog .modal-content .modal-body .input-group .input-group-append .btn {
  height: 49px;
}
.profile-wallet-wrap .your-balance {
  font-size: 35px;
  border-bottom: solid 1px red;
  color: gray;
  float: right;
  /* margin-bottom: 39px; */
  line-height: normal;
  font-weight: 100;
}
.profile-wallet-wrap .your-balance .balance {
  color: red;
  font-weight: 500;
}

.banner-personal-discounts {
  height: 155px;
  margin-bottom: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/banner-pd.png);
  color: white;
  font-family: "Lato", sans-serif;
}
.banner-personal-discounts .bonus-wrap {
  text-align: center;
  padding: 10px 0;
  font-size: 18px;
  line-height: 25px;
}
.banner-personal-discounts .bonus-wrap .bonus-month {
  font-weight: 600;
}
.banner-personal-discounts .bonus-wrap .bonus-amount {
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}
.banner-personal-discounts hr {
  height: 1px;
  margin: 5px 45px;
}
.banner-personal-discounts .bonus-detail .bonus-detail-row {
  margin: 0 25px;
  font-size: 18px;
  line-height: 25px;
}
.banner-personal-discounts .bonus-detail .bonus-detail-row span {
  font-weight: 900;
  float: right;
}

#calculatorForm .informer {
  padding-bottom: 20px;
  margin-top: -27px;
}

#calculatorForm .titleInformer div {
  max-width: 100%;
}

#calculatorForm .titleInformer {
  width: 100%;
}

#calculatorForm .titleInformer div {
  text-align: left;
  color: #7b7b7b;
  width: fit-content;
}

#calculatorForm .titleInformer .titleMain {
  color: red !important;
}

#calculatorForm .titleInformer a {
  color: #7b7b7b;
}

@media (min-width: 970px) {
  #calculatorForm .titleInformer {
    padding-left: 100px;
  }
  #calculatorForm .informer {
    margin-left: -200px;
  }
  #calculatorForm .titleInformer div {
    max-width: 75%;
  }
}
.subscription-label {
  display: block;
  color: #ffffff;
  background-color: #ff0000;
  padding: 2px 10px 3px 10px;
  border-radius: 5px;
  font-weight: bold;
  cursor: default;
  width: 42px;
  margin: 0 auto;
  line-height: 20px;
}

.subscription-cancel {
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
}
.subscription-cancel:hover {
  color: #ff0000;
}

#referralModal .modal-dialog {
  width: 1200px;
  height: 527px;
}
#referralModal .modal-dialog .modal-content {
  width: 1200px;
  height: 527px;
}
#referralModal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}
#referralModal .modal-dialog .modal-content .modal-header .close {
  font-size: 1.5rem;
  color: #000;
  opacity: 0.5;
}
#referralModal .modal-dialog .modal-content .modal-title {
  font-weight: bold;
}
#referralModal .modal-dialog .modal-content .modal-body {
  padding: 2rem;
}
#referralModal .modal-dialog .modal-content .input-group {
  display: table;
  width: 100%;
  margin-bottom: 60px;
}
#referralModal .modal-dialog .modal-content .form-control {
  display: table-cell;
  width: 90%;
  height: 30px;
  background-color: white;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#referralModal .modal-dialog .modal-content .input-group-append {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
}
#referralModal .modal-dialog .modal-content #copyButton {
  width: 183px;
  height: 40px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: white;
  color: #FF3333;
  font-weight: 18;
  border: 1px solid #FF3333;
  margin: -3px 5px 0 0;
}
#referralModal .modal-dialog .modal-content #copyButton:hover {
  background-color: white;
  border: 2px solid #FF3333;
}
#referralModal .modal-dialog .modal-content .modal-body h5 {
  font-weight: bold;
  margin-bottom: 1rem;
  color: #1E272E;
}
#referralModal .modal-dialog .modal-content .modal-body p {
  font-size: 0.9rem;
  color: black;
}
#referralModal .modal-dialog .modal-content .col-left {
  float: left;
  width: 60%;
  box-sizing: border-box;
  padding-right: 15px;
  padding-left: 30px;
}
#referralModal .modal-dialog .modal-content .col-right {
  float: left;
  width: 35%;
  box-sizing: border-box;
  padding-left: 15px;
}
#referralModal .modal-dialog .modal-content {
  /* Clear floats */
}
#referralModal .modal-dialog .modal-content .modal-body .row::after {
  content: "";
  display: table;
  clear: both;
}
#referralModal .modal-dialog .modal-content .social-icons {
  padding-left: 30px;
}
#referralModal .modal-dialog .modal-content .social-icons #my-inline-buttons {
  padding-top: 55px;
}

.modal.in .modal-dialog {
  transform: translate(0, 30%);
}

@media (max-width: 430px) {
  #referralModal .modal-dialog {
    width: 100vw;
    height: 700px;
  }
  #referralModal .modal-dialog .modal-content {
    width: 100vw;
    height: 700px;
  }
  #referralModal .modal-dialog .modal-content .input-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
  }
  #referralModal .modal-dialog .modal-content .form-control {
    display: inline-block;
    width: 92%;
    height: 30px;
    background-color: white;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  #referralModal .modal-dialog .modal-content .input-group-append {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
  }
  #referralModal .modal-dialog .modal-content #copyButton {
    width: 100%;
    margin: 15px 5px 0 0;
  }
  #referralModal .modal-dialog .modal-content .col-left {
    width: 100%;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 10px;
  }
  #referralModal .modal-dialog .modal-content .col-right {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
  }
  #referralModal .modal-dialog .modal-content .modal-body .row::after {
    content: "";
    display: table;
    clear: both;
  }
  #referralModal .modal-dialog .modal-content .social-icons {
    padding-left: 10px;
    padding-top: 30px;
  }
  #referralModal .modal-dialog .modal-content .social-icons #my-inline-buttons {
    padding-top: 20px;
  }
  body .modal.in .modal-dialog {
    transform: translate(0, 1%);
  }
}
@media (max-width: 390px) {
  #referralModal .modal-dialog .modal-content .form-control {
    width: 91%;
  }
}
.form-control.customized {
  border-radius: 0;
}
.form-control.customized:hover {
  border-color: #7B7B7B;
}
.form-control.customized:focus {
  border-color: #7B7B7B;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #E6E6E6;
}

.options-wrap {
  margin-top: 10px;
  text-align: left;
  background-color: #F9F9F9;
  border: 1px solid rgb(223.5, 223.5, 223.5);
  padding: 10px;
}
.options-wrap.right {
  text-align: right;
}
.options-wrap.bottom {
  margin-top: 55px;
}
.options-wrap.column .product-option label {
  display: block;
  font-weight: 700;
}
.options-wrap:empty {
  padding: 0;
  background: none;
  border: none;
}

div.product-option.option-Durations select.form-control {
  width: 270px;
}
div.product-option.option-Durations label {
  width: 34%;
}

div.product-option {
  margin: 0;
  line-height: 20px;
  padding: 5px 0;
}
div.product-option label {
  width: 38%;
}
div.product-option label b {
  color: #ff0000;
}
div.product-option div.option-wr {
  display: inline-block;
  width: 60%;
}
div.product-option div.option-wr.has-error select.form-control, div.product-option div.option-wr.has-error input.form-control {
  border: 1px dashed #ff0000;
}
div.product-option .errorText {
  color: #ff0000;
  height: 20px;
  margin: 0;
}
div.product-option .errorText a {
  color: #ff0000;
  font-weight: bold;
  text-decoration: underline;
}
div.product-option .option-descr {
  color: #7B7B7B;
  padding: 2px 5px 2px 0;
  font-style: italic;
}
div.product-option input[type] {
  width: 180px;
  text-align: left;
  text-indent: 5px;
  display: inline-block;
  float: none;
}
div.product-option select.form-control, div.product-option input.form-control {
  width: 220px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  text-indent: 5px;
  display: inline-block;
  float: none;
  box-sizing: content-box;
}

.fa.form-control-feedback {
  top: 10px;
  right: 7px;
  font-size: 18px;
}
.fa.form-control-feedback.invalid {
  color: #ff0000;
}
.fa.form-control-feedback.valid {
  color: green;
}

.order-mail-items {
  background-color: #F9F9F9;
  padding: 5px 10px;
}
.order-mail-items .order-mail-item {
  margin-bottom: 2px;
  margin-top: 12px;
}

.prod-options-modal {
  top: -15%;
  outline: none;
}

#prod-options-modal .modal-dialog {
  max-width: 450px;
  margin: 120px auto;
  height: auto;
}
#prod-options-modal .modal-dialog.business-terms {
  max-width: 90% !important;
  width: 90% !important;
}
#prod-options-modal .modal-dialog .modal-content {
  padding: 0 2%;
}

@media (max-width: 430px) {
  #prod-options-modal .modal-dialog {
    width: 90%;
  }
  #prod-options-modal .modal-dialog .option-wr {
    width: 100%;
  }
  #prod-options-modal .modal-dialog #product-122-option-phone_number {
    width: 90% !important;
  }
  #prod-options-modal .modal-dialog #product-122-option-Sum_refiil {
    width: 90% !important;
  }
}
@media (max-width: 420px) {
  #prod-options-modal .modal-dialog {
    width: 90%;
  }
  #prod-options-modal .modal-dialog .option-wr {
    width: 100%;
  }
  #prod-options-modal .modal-dialog #product-122-option-phone_number {
    width: 90% !important;
  }
  #prod-options-modal .modal-dialog #product-122-option-Sum_refiil {
    width: 90% !important;
  }
}
.product-option.option-loginCode.product-option-add input.form-control, .product-option.product-option-add select.form-control {
  width: calc(100% - 30px) !important;
}
@media (min-width: 468px) and (max-width: 500px) {
  .product-option.option-loginCode.product-option-add input.form-control, .product-option.product-option-add select.form-control {
    min-width: 233px;
  }
}

.product-option-add .form-control-feedback.valid.fas.fa-check {
  position: relative;
  display: inline !important;
  margin-left: 3px;
  top: 0;
  left: 0px !important;
}

.btn-clear-input.far.fa-times-circle {
  position: relative;
  color: #bebebe;
  font-weight: 700;
  font-size: 23px;
  cursor: pointer;
  top: 3px;
  width: 42px;
  margin-left: -42px;
}
.btn-clear-input.far.fa-times-circle:hover {
  color: #f00;
}

.product-option.product-option-add label {
  width: 33% !important;
}
@media (max-width: 468px) {
  .product-option.product-option-add label {
    width: 100% !important;
    min-width: 100% !important;
  }
}
.product-option.product-option-add div.option-wr {
  width: 66% !important;
}
@media (max-width: 468px) {
  .product-option.product-option-add div.option-wr {
    width: 100% !important;
    min-width: 100% !important;
  }
}
@media (max-width: 468px) {
  .product-option.product-option-add .errorText {
    margin-bottom: 10px;
  }
}

div.itemContentAddWrap .product-option.product-option-add label {
  width: 270px !important;
}
div.itemContentAddWrap .product-option.product-option-add div.option-wr {
  width: 270px !important;
}

@keyframes slideDown {
  from {
    transform: translate(-50%, -100%);
  }
  to {
    transform: translate(-50%, -50%);
  }
}
@keyframes slideUp {
  from {
    transform: translate(-50%, -50%);
  }
  to {
    transform: translate(-50%, -50vh);
  }
}
#prod-options-modal.modal.prod-options-modal, #popupActionViewBag.modal.prod-options-modal, #prod-options-modal.modal.prod-options-modal {
  top: 0;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
#prod-options-modal.modal.prod-options-modal .modal-dialog, #popupActionViewBag.modal.prod-options-modal .modal-dialog, #prod-options-modal.modal.prod-options-modal .modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 450px;
  width: auto;
  margin: 0;
  height: auto !important;
  /*animation: slideDown 0.5s ease-out;*/
}
#prod-options-modal.modal.prod-options-modal .modal-dialog.open-animation, #popupActionViewBag.modal.prod-options-modal .modal-dialog.open-animation, #prod-options-modal.modal.prod-options-modal .modal-dialog.open-animation {
  animation: slideDown 0.5s ease-out forwards;
}
#prod-options-modal.modal.prod-options-modal .modal-dialog.close-animation, #popupActionViewBag.modal.prod-options-modal .modal-dialog.close-animation, #prod-options-modal.modal.prod-options-modal .modal-dialog.close-animation {
  animation: slideUp 0.5s ease-out forwards;
}

.listLoginAutocomplete {
  border: 1px solid #ccc !important;
  border-top: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  margin-top: 0;
  overflow: auto;
  width: 100%;
  height: 236px;
}
@media (max-width: 340px) {
  .listLoginAutocomplete {
    min-width: unset !important;
  }
}
.listLoginAutocomplete option {
  padding-top: 3px;
  padding-bottom: 3px;
}

.form-control.custom-select.hidden {
  display: none;
}

.no-padding-right {
  padding-right: 0 !important;
}

div.form-control.listLoginAutocomplete {
  padding: 0px;
  width: calc(100% - 30px) !important;
  height: 167px !important;
  margin-top: 0px;
  min-width: 233px;
}
div.form-control.listLoginAutocomplete.hidden {
  display: none;
}
div.form-control.listLoginAutocomplete .list-group {
  padding-left: 0;
  height: 167px !important;
}
div.form-control.listLoginAutocomplete .list-group .list-group-item {
  position: relative;
  display: block;
  text-indent: 5px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 0px;
  height: 34px;
  line-height: 34px;
  color: #6c757d;
}
div.form-control.listLoginAutocomplete .list-group .list-group-item:last-child {
  margin-bottom: 0;
}
div.form-control.listLoginAutocomplete .list-group .list-group-item.disabled, div.form-control.listLoginAutocomplete .list-group .list-group-item:hover, div.form-control.listLoginAutocomplete .list-group .list-group-item:focus {
  cursor: not-allowed;
}
div.form-control.listLoginAutocomplete .list-group .list-group-item.active, div.form-control.listLoginAutocomplete .list-group .list-group-item:hover, div.form-control.listLoginAutocomplete .list-group .list-group-item:focus {
  cursor: pointer;
  z-index: 2;
  background-color: #EFEFEF;
}
div.form-control.listLoginAutocomplete .list-group span.list-group-item,
div.form-control.listLoginAutocomplete .list-group button.list-group-item {
  color: #555;
  min-width: 217px;
}
div.form-control.listLoginAutocomplete .list-group span.list-group-item:hover, div.form-control.listLoginAutocomplete .list-group span.list-group-item:focus,
div.form-control.listLoginAutocomplete .list-group button.list-group-item:hover,
div.form-control.listLoginAutocomplete .list-group button.list-group-item:focus {
  color: #495057;
  background-color: #f8f9fa;
  cursor: pointer;
}
div.form-control.listLoginAutocomplete .list-group button.list-group-item {
  width: 100%;
  text-align: left;
}

@font-face {
  font-family: "moon";
  src: url("../fonts/moon.eot");
  src: url("../fonts/moon.eot?#iefix") format("embedded-opentype"), url("../fonts/moon.svg#moon") format("svg"), url("../fonts/moon.ttf") format("truetype"), url("../fonts/moon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fontello";
  src: url("../fonts/fontello.eot?37809141");
  src: url("../fonts/fontello.eot?37809141#iefix") format("embedded-opentype"), url("../fonts/fontello.ttf?37809141") format("truetype"), url("../fonts/fontello.svg?37809141#fontello") format("svg"), url("../fonts/fontello.woff?37809141") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* cyrillic-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*

@font-face {
  font-family: 'PBRegular';
  src: url('../fonts/PBRegular.eot');
  src: url('../fonts/PBRegular.eot') format('embedded-opentype'),
  url('../fonts/PBRegular.woff2') format('woff2'),
  url('../fonts/PBRegular.woff') format('woff'),
  url('../fonts/PBRegular.ttf') format('truetype'),
  url('../fonts/PBRegular.svg#PBRegular') format('svg');
}

@font-face {
  font-family: 'PBBold';
  src: url('../fonts/PBBold.eot');
  src: url('../fonts/PBBold.eot') format('embedded-opentype'),
  url('../fonts/PBBold.woff2') format('woff2'),
  url('../fonts/PBBold.woff') format('woff'),
  url('../fonts/PBBold.ttf') format('truetype'),
  url('../fonts/PBBold.svg#PBBold') format('svg');
}

*/
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "fontello";
    src: url("../fonts/fontello.svg?37809141#fontello") format("svg");
  }
}
a:hover, a:active, a:focus {
  outline: 0 !important;
}

a [class^=awesome-], a [class*=" awesome-"], a [class^=loop-], a [class*=" loop-"], a [class^=moon-], a [class*=" moon-"] {
  cursor: pointer;
  outline: 0 !important;
}

[class^=loop-], [class*=" loop-"], [class^=moon-], [class*=" moon-"] {
  cursor: default;
}

ul.icons {
  list-style-type: none !important;
  text-indent: -0.75em;
}

/*-------------Fontello pack-----------------*/
[class^=linecon-]:before, [class*=" linecon-"]:before, [class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 0.9em;
  margin-right: 3px;
  margin-left: 4px;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
}

[class^=moon-]:before,
[class*=" moon-"]:before {
  font-family: "moon", serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  margin-right: 3px;
  margin-left: 4px;
}

.moon-headphones:before {
  content: "\e040";
}

.moon-headphones-2:before {
  content: "\e041";
}

.programTV {
  position: relative;
}
.programTV #tvLoading {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-image: url(../img/ptv/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 10002;
}
.programTV .head {
  padding-top: 10px;
  height: 80px;
  background-color: white;
  overflow: hidden;
}
.programTV .head .categories {
  text-align: center;
}
.programTV .head .categories a {
  display: inline-block;
  overflow: hidden;
  color: #7B7B7B;
  padding: 0 24px;
  border-bottom: solid 3px #ddd;
  box-shadow: inset 1px 0 0 #fff;
  text-decoration: none;
  margin: 0 2px;
  font-family: "Open Sans", sans-serif;
  padding-top: 10px;
}
.programTV .head .categories a i {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}
.programTV .head .categories a span {
  display: block;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
}
.programTV .head .categories a.active {
  background-color: #fafafa;
}
.programTV .head .categories a.passive:hover {
  background-color: #f0f0f0;
}
.programTV .body {
  border: solid 1px #ddd;
  padding: 20px;
  position: relative;
  min-height: 100px;
}
.programTV .body .searchResult {
  background-color: #fff;
  border-bottom: solid 1px #ccc;
  display: none;
}
.programTV .body .searchResult .result {
  padding: 10px;
  text-align: left;
}
.programTV .body .searchResult .result .search-result-wrap h4 a {
  float: right;
  font-size: 24px;
  color: #7B7B7B;
}
.programTV .body .searchResult .result .search-result-wrap div {
  font-size: 12px;
  overflow-y: scroll;
  max-height: 150px;
  padding: 6px;
  margin: 4px 0;
}
.programTV .body .searchResult .result .search-result-wrap div .table tr td.program-date {
  width: 150px;
}
.programTV .body .searchResult .result .search-result-wrap div .table tr td.program-channel {
  width: 150px;
}
.programTV .body .searchResult .result .search-result-wrap div .table tr td.program-channel span {
  color: #666;
}
.programTV .body .searchResult .result .search-result-wrap div .table tr td.program-info {
  color: #343434;
}
.programTV .body .channels {
  float: left;
  margin: 0;
  width: 250px;
  background-color: #FFF;
  padding: 0;
  padding-right: 10px;
}
.programTV .body .channels .top {
  height: 60px;
  border-bottom: solid 1px #f2f2f2;
  background-color: white;
}
.programTV .body .channels .top .searchWrap {
  height: 40px;
  padding-right: 10px;
  padding-top: 18px;
  overflow: hidden;
}
.programTV .body .channels .top .searchWrap .search {
  float: right;
  text-align: left;
  padding: 4px;
  margin-top: 3px;
}
.programTV .body .channels .top .searchWrap .search input {
  height: 24px;
  font-size: 12px;
  width: 170px;
  padding: 0 5px;
  border: solid 1px #ddd;
}
.programTV .body .channels .top .searchWrap .search button {
  height: 25px;
  border: none;
  padding: 0 10px;
  margin: 0 5px 0 0;
  color: #fff;
  cursor: pointer;
  background-color: #ff0000;
}
.programTV .body .channels .top .searchWrap .search button:hover {
  background: #fff;
  color: #ff0000;
}
.programTV .body .channels .top .searchWrap .search button i {
  font-size: 12px;
  font-weight: normal;
}
.programTV .body .channels .items .tvChannelWrap {
  margin: 0;
  padding: 0;
  height: 54px;
  line-height: 54px;
  text-align: left;
  border-bottom: solid 1px #f2f2f2;
  border-top: solid 1px white;
  text-indent: 10px;
  display: block;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  position: relative;
}
.programTV .body .channels .items .tvChannelWrap:last-child {
  border-bottom: none;
}
.programTV .body .channels .items .tvChannelWrap .valignWrap {
  display: table;
  height: 100%;
  width: 100%;
}
.programTV .body .channels .items .tvChannelWrap .valignWrap .valignCell {
  display: table-cell;
  width: 100px;
  background-position: center center;
  background-repeat: no-repeat;
}
.programTV .body .channels .items .tvChannelWrap .valignWrap .valignCell2 {
  overflow: hidden;
  height: 54px;
  line-height: 54px;
  border-right: solid 1px #c6c6c6;
}
.programTV .body .programs {
  width: 890px;
  float: left;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.programTV .body .programs #terazL {
  position: absolute;
  height: 50px;
  width: 17px;
  top: -2px;
  background-image: url(../svg/teraz-v.svg);
  background-repeat: no-repeat;
  text-align: left;
  display: block;
  z-index: 999;
  right: 2px;
}
.programTV .body .programs #drag {
  width: 10160px;
  background-color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
}
.programTV .body .programs #drag #dragTime {
  height: 60px;
  border-bottom: solid 1px #ddd;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.programTV .body .programs #drag #dragTime div.interval-h4 {
  background-image: url(../svg/wkala.svg);
  background-position: left 42px;
}
.programTV .body .programs #drag #dragTime div.interval-h5 {
  background-image: url(../svg/wkala.svg);
  background-position: left 45px;
}
.programTV .body .programs #drag #dragTime div {
  width: 90px;
  height: 50px;
  padding-top: 20px;
  box-sizing: border-box;
  display: block;
  float: left;
  border-bottom: solid 1px black;
  background-repeat: no-repeat;
  position: relative;
}
.programTV .body .programs #drag #dragTime div h4, .programTV .body .programs #drag #dragTime div h5 {
  padding: 0;
  margin: 0;
  color: black;
  position: absolute;
}
.programTV .body .programs #drag #dragTime div h4 {
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  left: -24px;
}
.programTV .body .programs #drag #dragTime div h5 {
  left: -20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}
.programTV .body .programs #drag #teraz {
  position: absolute;
  height: 100%;
  width: 50px;
  top: 0;
  background-image: url(../svg/teraz.svg);
  background-repeat: no-repeat;
  color: #fff;
  text-align: left;
  z-index: 97;
}
.programTV .body .programs #drag #teraz p {
  background-color: #58595b;
  height: 100%;
  width: 2px;
  padding: 0;
  margin: 11px 0 0 24px;
}
.programTV .body .programs #drag .list .channelsPrograms {
  height: 54px;
  border-top: solid 1px white;
  border-bottom: solid 1px #f2f2f2;
  text-align: left;
  background-color: #fff;
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrap {
  height: 50px;
  float: left;
  box-shadow: -1px 0 0 #c6c6c6 inset;
  cursor: pointer;
  position: relative;
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrap h3,
.programTV .body .programs #drag .list .channelsPrograms .tvPWrap p {
  margin: 0;
  line-height: 18px;
  overflow: hidden;
  height: 16px;
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrap h3 {
  font-size: 12px;
  color: #000;
  padding: 2px 5px;
  text-shadow: 0 1px 0 #fff;
  font-weight: bold;
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrap p {
  padding: 0 5px;
  font-size: 10px;
  color: #999;
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrap span {
  color: #555;
  margin-right: 5px;
  font-size: 10px;
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrapB, .programTV .body .programs #drag .list .channelsPrograms .tvPWrapG {
  background-color: #fff;
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrapS {
  background-image: linear-gradient(to bottom, #ffcaca 0%, #fcf1f1 100%);
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrapSpace {
  background-color: #F8F8F8;
}
.programTV .body .programs #drag .list .channelsPrograms .tvPWrapSel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: solid 2px #f18b87;
  background-color: #fff;
  z-index: 2001;
}
.programTV .body .programs #drag .list .channelsPrograms:last-child {
  border-bottom: none;
}
.programTV .body .programs #drag .list .channelsPrograms, .programTV .body .programs #drag .list .tvPWrap {
  overflow: hidden;
  position: relative;
}
.programTV #pPopup {
  left: 92px;
  min-height: 80px;
  width: 200px;
  border: solid 1px #ccc;
  z-index: 2000;
  display: none;
  text-align: left;
  box-shadow: 0 5px 10px #ddd;
  border-radius: 3px;
  padding: 10px;
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
}
.programTV #pPopup h3 {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.programTV #pPopup h3 a {
  float: right;
  cursor: pointer;
  margin: -2px -2px 0 0;
}
.programTV #pPopup #tvProgramDetailTriangle {
  position: absolute;
  top: -8px;
  left: 20px;
  width: 24px;
  height: 8px;
  background-image: url(../img/ptv/triangle-mini.png);
}

#tvBodySearchBar {
  height: 22px;
  display: block;
  border-top: solid 1px #ddd;
}
#tvBodySearchBar p {
  background-image: url(../img/ptv/up.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
  padding: 0;
  height: 25px;
}

#searchZone h1 {
  border-bottom: solid 1px #eee;
  margin-bottom: 10px;
  color: #666;
}
#searchZone table {
  background-color: #ddd;
}
#searchZone td {
  background-color: #fff;
  height: 20px;
}
#searchZone h1 a {
  float: right;
}

#utcWrap {
  position: absolute;
  z-index: 1000;
  left: -42px;
  top: 0;
  height: 30px;
  width: 40px;
  border: solid 1px #5c0c0c;
  border-top: none;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px 0 0 5px;
}

#utcTitle {
  background-image: url(../img/ptv/utc.png);
  background-repeat: no-repeat;
  background-position: 8px center;
  height: 30px;
  line-height: 32px;
  text-align: left;
  font-size: 12px;
  text-indent: 45px;
  color: #fff;
}

#utcWrap:hover {
  width: 165px;
  background-color: #951515;
  height: auto;
  border: solid 1px #5c0c0c;
  box-shadow: 0 5px 5px #ccc;
  border-top: none;
  border-radius: 0;
  z-index: 5000;
}

#utcBody {
  display: block;
  background-color: #5c0c0c;
}

.utc {
  display: block;
  text-decoration: none;
  text-align: left;
  text-indent: 15px;
  font-size: 12px;
  line-height: 20px;
  color: #eee;
}
.utc strong {
  color: #fff;
  font-size: 10px;
}

.utcInactive {
  background-color: #5c0c0c;
}

.utcActive {
  background-color: #da1d1d;
}

.utcInactive:hover {
  background-color: #da1d1d;
}

#infoWrap {
  position: absolute;
  z-index: 1000;
  left: -42px;
  top: 34px;
  height: 30px;
  width: 40px;
  border: solid 1px #5c0c0c;
  border-top: none;
  overflow: hidden;
  cursor: pointer;
  border-radius: 5px 0 0 5px;
  background-image: linear-gradient(to bottom, #ef2020 0%, #8d1414 100%);
}

#infoWrap:hover {
  width: 300px;
  background-color: #951515;
  height: auto;
  border: solid 1px #5c0c0c;
  box-shadow: 0 5px 5px #ccc;
  border-top: none;
  border-radius: 0;
  z-index: 5000;
}

#infoTitle {
  text-indent: 15px;
  height: 30px;
  line-height: 32px;
  text-align: left;
  font-size: 16px;
  color: #fff;
}

#infoBody {
  display: block;
  background-color: #5c0c0c;
  padding: 4px 10px;
}
#infoBody ul {
  margin: 0 10px;
}
#infoBody ul li {
  font-size: 12px;
  color: #FFF;
  margin: 0;
  padding: 2px 0;
  line-height: 16px;
  list-style: disc;
}

#tvCalendarWrap {
  height: 40px;
  color: black;
}
#tvCalendarWrap #tvCalendar {
  left: 0;
  display: table;
  width: 100%;
  border: solid 1px #ddd;
}
#tvCalendarWrap #tvCalendar a {
  display: table-cell;
  text-align: center;
  line-height: 30px;
  height: 30px;
  text-decoration: none;
  font-size: 14px;
  border-right: solid 1px #ddd;
  position: relative;
  color: grey;
}
#tvCalendarWrap #tvCalendar a:hover {
  background-color: #fafafa;
}
#tvCalendarWrap #tvCalendar a:last-child {
  border-right: none;
}
#tvCalendarWrap #tvCalendar a.active {
  background-color: #fafafa;
}
#tvCalendarWrap #tvCalendar a.active:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fafafa;
  bottom: -11px;
  content: " ";
  height: 6px;
  left: 45%;
  position: absolute;
  z-index: 103;
}
#tvCalendarWrap #tvCalendar a.active:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #B7B7B7;
  bottom: -12px;
  content: " ";
  height: 6px;
  left: 45%;
  position: absolute;
  z-index: 101;
}

#showMore {
  height: 25px;
  background-color: #f0f0f0;
  width: 959px;
  display: block;
  background-image: linear-gradient(to bottom, #fff 0%, #d8d8d8 100%);
}
#showMore p {
  margin: 0;
  padding: 0;
  height: 25px;
}

.page-title {
  display: none !important;
}

.main, .std, .col-main, .std p {
  padding: 0;
  margin: 0;
}

#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body .studio-list {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 284px;
}

.studio-list::-webkit-scrollbar {
  width: 11px;
  min-height: 10px;
}

.studio-list::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #AAAAAA;
}

#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > div > a {
  color: #696969;
  text-decoration: none;
  display: inline-block;
  padding: 5px;
  transition: 0.5s;
  min-width: 200px;
  margin-right: 10px;
}

#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > div > a:hover {
  background: #ff7f7f;
  color: #ffffff;
  border-radius: 3px;
}

.addTicket {
  color: black;
}
.addTicket:hover {
  text-decoration: none;
}

.buttonForm {
  background-color: red;
  border: 2px solid red;
  min-height: 30px;
  min-width: 150px;
  font-size: 15px;
  color: #fff;
  margin: 0 5px 0 0;
  font-weight: 800;
  border-radius: 3px;
}
.buttonForm:hover {
  background-color: white;
  color: red;
}

a.hoverticket {
  text-decoration: underline;
}
a.hoverticket:hover {
  text-decoration: none;
}

.subprojectIcon {
  margin-top: 3px;
}

.show:hover {
  text-decoration: none;
}

.lastComment {
  float: right;
  margin-right: 20px;
  color: #777;
  margin-top: 1px;
  font-style: italic;
}

.unreadsQty {
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

.subtasksQtyActive {
  float: right;
  background-color: #FFB200;
  margin-right: 10px;
  color: #fff;
  font-weight: bold;
  padding: 1px 5px;
  font-size: 11px;
}

.prio {
  margin: 0 0;
  font-size: 10px;
}

.prioGray {
  color: #aaa;
}

.prioBlue {
  color: #9AEBFF;
}

.prioOranj {
  color: #FFBC8F;
}

.prioRed {
  color: #FF4343;
}

.prioPink {
  color: #FF35B5;
}

.prioGreen {
  color: #97D96B;
}

.progressBarWrap {
  width: 100%;
  height: 16px;
  background-color: #ccc;
  float: left;
  display: block;
  position: relative;
}

.progressBarWrap span {
  position: absolute;
  height: 16px;
  line-height: 16px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: #FFF;
  font-size: 10px;
  font-weight: 700;
}

.progressBar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.15);
}

.progressBarRed {
  background-color: #ffb200;
}

.progressBarYellow {
  background-color: #eba000;
}

.progressBarGreen {
  background-color: #8ed74d;
}

.progressBarGray {
  color: #f7f7f7;
}

.userErp {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px !important;
  display: inline-block;
  margin: 0;
  margin-right: 1px;
  padding: 0 3px;
}

.userErpA {
  background-color: #31c73b;
}

.userErpD {
  background-color: #ff8985;
}

.userErpS {
  background-color: #b08bfe;
}

.userErpM {
  background-color: #8e9faf;
}

.userErpK {
  background-color: #f440c3;
}

.userErpO {
  background-color: #5a8eff;
}

.userErpI {
  background-color: #a19f00;
}

.userErpR {
  background-color: #2eb2f4;
}

/* HZ */
.nav {
  display: block;
  text-decoration: none;
  line-height: 15px;
  margin-bottom: 2px;
  color: #333;
}

.nav span {
  color: #999;
  font-weight: normal;
}

.nav:hover {
  color: #446384;
}

.navCurrent {
  font-weight: 700;
}

.bodyWrap {
  margin-top: 0;
  padding: 0;
  padding-top: 10px;
  line-height: 15px;
}

.bodyWrap h1 {
  font-size: 28px;
  border-bottom: solid 1px #ddd;
  height: 36px;
  line-height: 36px;
}

.comment {
  border-bottom: dotted 1px #bbb;
  padding: 10px 0;
}

.comment span {
  color: #777;
  padding-left: 20px;
}

.comment strong {
  text-indent: 20px;
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
}

.commentBody {
  padding: 5px 20px 0 20px;
  font-size: 14px;
}

.commentsForm {
  padding: 10px 20px;
  background-color: #f7f7f7;
  border-bottom: solid 1px #ddd;
}

.commentsItem {
  padding: 10px 10px;
}

.commentDel {
  float: right;
}

.commentDel a {
  color: #000;
}

.crumbsWrap {
  padding: 10px;
  background-color: #f7f7f7;
  border-bottom: solid 1px #ddd;
}

.crumbsWrap a {
  color: #000;
  font-size: 14px;
}

/*
h1 {
  color: #6b797c;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 20px;
}

h2 {
  color: #245a64;
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 14px;
}

h3 {
  color: #333;
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 14px;
}

hr {
  margin: 2px 0  4px 0;
  padding: 0;
  border: 0;
  border-top: solid 1px #eee;
}
*/
#goBack {
  position: absolute;
  top: 30px;
  height: 60px;
  left: 0;
  width: 20px;
  background-color: #f7f7f7;
  display: block;
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.749);
  background-image: url(/lib/pack.App/styles/ico/arrows_left.png);
  background-repeat: no-repeat;
  background-position: center center;
}

#goBack:hover {
  background-color: #FFFFFF;
  border-color: #BBBBBB;
  box-shadow: 0 0 3px #CCCCCC;
  cursor: pointer;
}

.commentsList a {
  color: black;
}

#ticketBody {
  width: 100%;
}

#ticketBody h1 {
  height: 30px;
  line-height: 30px;
  font-size: 28px;
  font-weight: 100;
}

#ticketBody hr {
  border-top: 1px solid #ddd;
}

.ticketInfo p {
  display: block;
  margin: 0;
  padding: 0;
  padding-left: 80px;
  margin-bottom: 3px;
}

.ticketInfo p strong {
  margin-left: -80px;
  float: left;
  color: #446384;
}

.event_type0 {
  color: #fff;
  text-shadow: 1px 1px 1px #06F;
  background-color: #0799d9;
}

.event_type1 {
  color: #fff;
  text-shadow: 1px 1px 1px #060;
  background-color: #06944a;
}

.event_type2 {
  color: #fff;
  text-shadow: 1px 1px 1px #C00;
  background-color: #d32c02;
}

.event_type3 {
  color: #fff;
  text-shadow: 1px 1px 1px #990;
  background-color: #d49d00;
}

.event_type4 {
  color: #fff;
  text-shadow: 1px 1px 1px #333;
  background-color: #738188;
}

.event_type5 {
  color: #323232;
  border: dashed 1px #c7cbcd;
  background-color: #f1f1f4;
}

.event_type6 {
  color: #323232;
  border: solid 1px #c7cbcd;
  background-color: #f1f1f4;
}

.button_scroll_left {
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  padding: 2px 10px;
  font-size: 12px;
  display: inline-block;
  color: #333;
  line-height: 20px;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  margin-bottom: 0;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  text-align: center;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbb;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.table-static-header {
  position: fixed;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0);
}

.jfaq {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #333;
  font-size: 1.15em;
  line-height: 1.6em;
}

.jfaq dt {
  font-weight: bold;
  background: #EDEDED;
  clear: both;
  margin: 2px 0 0 0;
  padding: 4px 20px;
  cursor: pointer;
}

/* ERP */
#visualization {
  box-sizing: border-box;
  width: 100%;
  height: 400px;
}

.vis-item.subtaskStatus1 {
  background-color: #FFF785;
  border-color: #FFC200;
}

.vis-item.subtaskStatus2 {
  background-color: #EAEAEA;
  border-color: #B4B4B4;
}

.vis-item.subtaskStatus3 {
  background-color: #C3EFFF;
  border-color: #66CEE1;
}

.vis-item.subtaskStatusReturned {
  background-color: #FFD8D8;
  border-color: #FFA6A6;
}

.ticketDepartment {
  float: left;
  margin-right: 5px;
}

.ticketsWriteAnswer {
  float: right;
  color: #F60000;
  padding: 0 3px;
  margin-right: 20px;
  margin-top: 1px;
}

.ticketStatusText {
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 17px;
  margin: 0 5px;
  font-size: 11px;
}

.ticketStatusText1 {
  background-color: #FFF1DE;
  color: #EB6900;
}

.ticketStatusText2 {
  background-color: #DAF8CE;
  color: #368D00;
}

.ticketStatusText3 {
  color: #777;
}

.ticketBlock {
  border: solid 1px #eee;
  padding: 20px;
  margin-bottom: 20px;
}

.ticketBlock h5 {
  float: left;
  margin: -29px 0 0 10px;
  background-color: #fff;
  height: 16px;
  color: #777;
  padding: 0 10px;
  line-height: 16px;
  display: block;
  font-size: 12px;
  font-weight: 700;
}

.taskStatusText {
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 17px;
  margin: 0 0 0 5px;
  font-size: 11px;
}

.taskStatusText1 {
  background-color: #D2F3C4;
  color: #359100;
}

.taskStatusText2 {
  background-color: #FFF3BB;
  color: #AF8C00;
}

.taskStatusText3 {
  color: #777;
}

.subtasksQueue {
  color: #f00;
  display: inline-block;
  padding: 1px 8px;
  font-size: 11px;
  font-style: italic;
}

.table tbody tr.warning2 > td {
  background-color: #fdfaeb !important;
}

.SimpleSpoilerBody {
  padding: 20px;
  background: #fff;
  border: solid 2px #ccc;
  margin: 15px;
  position: relative;
  border-radius: 10px;
}

.SimpleSpoilerBody:before {
  width: 0;
  content: "";
  position: absolute;
  top: -15px;
  left: 68px;
  height: 0;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #ccc;
  border-right: 15px solid transparent;
}

.SimpleSpoilerBody:after {
  width: 0;
  display: block;
  content: "";
  position: absolute;
  top: -12px;
  left: 68px;
  height: 0;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-right: 15px solid transparent;
}

.table td .ticketHide i {
  color: #ccc;
  font-size: 50px;
}
.table td .ticketHide {
  display: block;
  height: 50px;
  margin: 20px 0 0 0;
  padding-top: 20px;
  text-decoration: none;
}

.ticketHide {
  display: block;
  height: 50px;
  text-align: center;
  background-color: #fff;
  color: #ccc;
  font-size: 50px;
  border-top: solid 1px #eee;
  padding-top: 5px;
  margin: 20px 0 0 0;
  background-repeat: no-repeat;
}

.ticketHide:hover {
  background-color: #fafafa;
}

.taskCommentsBox {
  padding: 7px 8px 40px 8px;
  border: solid 1px #CBD7DF;
  margin-bottom: 4px;
  position: relative;
}

.taskCommentsBox .taskCommentsBody::before {
  border-left-color: #CBD7DF;
  border-right-color: #CBD7DF;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 10px;
  width: 0;
}

.taskCommentsBox .taskCommentsBody::after {
  border-left-color: #fff;
  border-right-color: #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: 10px;
  width: 0;
}

.taskCommentsBoxMR .taskCommentsBody::before {
  border-right-width: 10px;
  border-right-style: solid;
  left: -10px;
}

.taskCommentsBoxMR .taskCommentsBody::after {
  border-right-width: 10px;
  border-right-style: solid;
  left: -8px;
}

.taskCommentsBoxML .taskCommentsBody::before {
  border-left-width: 10px;
  border-left-style: solid;
  right: -10px;
}

.taskCommentsBoxML .taskCommentsBody::after {
  border-left-width: 10px;
  border-left-style: solid;
  right: -8px;
}

.taskCommentsBoxDescription {
  margin-left: 40px;
  border: dashed 1px #CBD7DF;
}

.taskComments {
  font-weight: 700;
}

.taskCommentsBox .taskComments {
  color: #3b5979 !important;
  background-repeat: no-repeat;
}

.taskCommentsBody {
  padding: 16px;
  word-break: break-all;
}
.taskCommentsBody i {
  margin-left: 20px;
  border-left: solid 5px rgba(0, 0, 0, 0.1);
  padding-left: 5px;
  background-color: rgba(0, 0, 0, 0.05);
  display: block;
  font-style: normal;
}

.subtaskActionsBox {
  padding: 2px 8px 1px 2px;
  margin-left: 20px;
  float: left;
  background: rgba(0, 0, 0, 0.05);
}

.subtaskActionsBoxEf {
  display: block;
  padding: 0 16px 10px;
  color: #E61E1E;
  height: 20px;
  line-height: 20px;
}

.taskCommentsBoxReady .subtaskActionsBoxEf strong {
  color: #E61E1E !important;
}

.coinGold {
  background-repeat: no-repeat;
  color: #9f6e3b;
  font-size: 11px;
  display: inline-block;
  font-weight: 700;
  background-position: right -1px;
  padding: 2px 4px 0 10px;
  margin: 0;
  line-height: 10px;
  float: right;
}

.taskCommentsBodyEdit {
  width: 100%;
  margin: 5px;
  height: 180px;
  box-sizing: border-box;
  margin-left: 0;
  margin-top: 0;
  padding: 5px;
}

.taskCommentsBodyEditWrap {
  padding: 0 15px 15px 15px;
}

.taskCommentsBoxReady {
  background-color: #f7f7f7;
}

.taskCommentsBoxReady .taskCommentsBody::before {
  border-right-color: #cbd7df;
  border-left-color: #cbd7df;
}

.taskCommentsBoxReady .taskCommentsBody::after {
  border-right-color: #f7f7f7;
  border-left-color: #f7f7f7;
}

.taskCommentsBoxReady .taskComments {
  color: #999 !important;
}

.taskCommentsBoxReady strong {
  color: #333 !important;
}

.taskCommentsBoxHolded {
  background-color: #eff6ff;
  border: solid 1px #c3daf3;
}

.taskCommentsBoxHolded .taskComments {
  color: #44698d !important;
}

.taskCommentsBoxHolded .taskCommentsBody::before {
  border-right-color: #c3daf3;
  border-left-color: #c3daf3;
}

.taskCommentsBoxHolded .taskCommentsBody::after {
  border-right-color: #eff6ff;
  border-left-color: #eff6ff;
}

.taskCommentsBoxGray {
  background-color: #fafafa;
  border: solid 1px #ddd;
  word-break: break-all;
}

.taskCommentsBoxGray .taskComments {
  color: #444 !important;
}

.taskCommentsBoxGray .taskCommentsBody::before {
  border-right-color: #fafafa;
  border-left-color: #ddd;
}

.taskCommentsBoxGray .taskCommentsBody::after {
  border-right-color: #ddd;
  border-left-color: #fafafa;
}

.ticketsShortcutsWrap {
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  padding: 0;
  display: block;
  width: 200px;
}

.taskCommentsBoxUnready {
  background-color: #fffaec;
  border: solid 1px #D9C494;
}

.taskCommentsBoxUnready .taskComments {
  color: #6a5733 !important;
}

.taskCommentsBoxUnready .taskCommentsBody::before {
  border-right-color: #D9C494;
  border-left-color: #D9C494;
}

.taskCommentsBoxUnready .taskCommentsBody::after {
  border-right-color: #fffaec;
  border-left-color: #fffaec;
}

/*
.taskCommentsBoxML{margin-left:20px;}
.taskCommentsBoxMR{margin-right:20px;}
*/
.taskCommentsBodyOrig {
  display: none;
}

.isReqActBox {
  margin: 0;
  margin-right: 2px;
}

.taskCommentsBoxActionsWrap {
  position: absolute;
  bottom: 3px;
  left: 20px;
}

.taskCommentsBoxActions {
  display: block;
  float: left;
}

.taskCommentsBoxActionsHidden {
  display: none;
}
.taskCommentsBoxActionsHidden .estimate-title {
  font-weight: 600;
}
.taskCommentsBoxActionsHidden .estimate-buttons {
  margin: 3px 0 0 0;
}
.taskCommentsBoxActionsHidden .estimate-buttons .estimate-button {
  font-weight: bold;
  float: left;
  padding: 3px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  margin: 0 5px 0 0;
  border: 1px solid #fafafa;
  font-size: 20px;
  border-radius: 3px;
}
.taskCommentsBoxActionsHidden .estimate-buttons .estimate-fine {
  color: #9ac087;
}
.taskCommentsBoxActionsHidden .estimate-buttons .estimate-fine:hover {
  border: 1px solid #9ac087;
}
.taskCommentsBoxActionsHidden .estimate-buttons .estimate-nobad {
  color: #e8ab4a;
}
.taskCommentsBoxActionsHidden .estimate-buttons .estimate-nobad:hover {
  border: 1px solid #e8ab4a;
}
.taskCommentsBoxActionsHidden .estimate-buttons .estimate-bad {
  color: #f38486;
}
.taskCommentsBoxActionsHidden .estimate-buttons .estimate-bad:hover {
  border: 1px solid #f38486;
}

#support-estimate .modal-dialog, #support-estimate-page .modal-dialog {
  transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
}
#support-estimate h5, #support-estimate-page h5 {
  font-size: 16px;
  line-height: 18px;
  color: #444444;
  font-weight: 600;
  text-align: center;
}
#support-estimate .support-estimate-buttons, #support-estimate-page .support-estimate-buttons {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin: 20px 0;
}
#support-estimate .support-estimate-buttons .estimate-button, #support-estimate-page .support-estimate-buttons .estimate-button {
  width: 90px;
  height: 20px;
  padding: 60px 0 0 0;
  text-align: center;
  position: relative;
  font-weight: 700;
  background-color: #fbfbfb;
  border: 1px solid #dddddd;
  border-radius: 5px;
  cursor: pointer;
}
#support-estimate .support-estimate-buttons .estimate-button i, #support-estimate-page .support-estimate-buttons .estimate-button i {
  width: 30px;
  height: 30px;
  position: absolute;
  font-size: 40px;
  color: #9ac087;
  top: 10px;
  left: 25px;
}
#support-estimate .support-estimate-buttons .estimate-fine, #support-estimate-page .support-estimate-buttons .estimate-fine {
  color: #9ac087;
}
#support-estimate .support-estimate-buttons .estimate-fine i, #support-estimate-page .support-estimate-buttons .estimate-fine i {
  color: #9ac087;
}
#support-estimate .support-estimate-buttons .estimate-fine.active, #support-estimate-page .support-estimate-buttons .estimate-fine.active {
  background-color: #f5ffeb;
  border: 1px solid #9ac087;
}
#support-estimate .support-estimate-buttons .estimate-fine:hover, #support-estimate-page .support-estimate-buttons .estimate-fine:hover {
  background-color: #f5ffeb;
  border: 1px solid #9ac087;
}
#support-estimate .support-estimate-buttons .estimate-nobad, #support-estimate-page .support-estimate-buttons .estimate-nobad {
  color: #e8ab4a;
}
#support-estimate .support-estimate-buttons .estimate-nobad i, #support-estimate-page .support-estimate-buttons .estimate-nobad i {
  color: #e8ab4a;
}
#support-estimate .support-estimate-buttons .estimate-nobad.active, #support-estimate-page .support-estimate-buttons .estimate-nobad.active {
  background-color: #fff7ea;
  border: 1px solid #e8ab4a;
}
#support-estimate .support-estimate-buttons .estimate-nobad:hover, #support-estimate-page .support-estimate-buttons .estimate-nobad:hover {
  background-color: #fff7ea;
  border: 1px solid #e8ab4a;
}
#support-estimate .support-estimate-buttons .estimate-bad, #support-estimate-page .support-estimate-buttons .estimate-bad {
  color: #f38486;
}
#support-estimate .support-estimate-buttons .estimate-bad i, #support-estimate-page .support-estimate-buttons .estimate-bad i {
  color: #f38486;
}
#support-estimate .support-estimate-buttons .estimate-bad.active, #support-estimate-page .support-estimate-buttons .estimate-bad.active {
  background-color: #fff5f5;
  border: 1px solid #f38486;
}
#support-estimate .support-estimate-buttons .estimate-bad:hover, #support-estimate-page .support-estimate-buttons .estimate-bad:hover {
  background-color: #fff5f5;
  border: 1px solid #f38486;
}
#support-estimate .support-estimate-comment, #support-estimate-page .support-estimate-comment {
  width: 96%;
  border: 1px solid #e5e5e5;
  resize: none;
  margin: 20px auto 0 auto;
  padding: 10px 2%;
  height: 50px;
}
#support-estimate .button, #support-estimate-page .button {
  -webkit-appearance: none;
  outline: none;
  background-color: #ff0000;
  border: solid 2px #ff0000;
  line-height: 16px;
  box-sizing: border-box;
  font-size: 15px;
  color: #fff;
  margin: 15px auto 0 auto;
  font-weight: 800;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 3px;
  display: block;
}
#support-estimate .support-estimate-answer, #support-estimate-page .support-estimate-answer {
  width: 96%;
  background-color: #F9F9F9;
  padding: 20px 2%;
}

#support-estimate-page .support-estimate-buttons {
  width: 80%;
  margin: 30px auto;
}
#support-estimate-page .support-estimate-comment {
  width: 96%;
  border: 1px solid #e5e5e5;
  resize: none;
  margin: 20px auto 0 auto;
  padding: 10px 2%;
  height: 100px;
}

.taskCommentsBox:hover .taskCommentsBoxActionsHidden {
  display: block;
}

.table tbody tr.approved > td {
  background-color: #E8FFE5 !important;
}

.table tbody tr.declined > td {
  background-color: #FFE6ED !important;
}

.tableErpHistory {
  border: none !important;
}

.tableErpHistory strong {
  color: #3B5979;
}

.tableErpHistoryRow {
  padding: 0;
  display: block;
  height: 16px;
}

.tableErpHistoryRowHide {
  display: none;
}

.tableErpHistoryColumn {
  float: left;
}

.tableErpHistoryColumnLeft {
  width: 130px;
}

.tableErpHistoryShowAll {
  padding: 5px 0;
  display: block;
  float: right;
}

.simpleTC {
  display: table;
}

.simpleTC strong, .simpleTC div {
  display: table-cell;
  padding: 4px 0;
}

.simpleTC strong {
  width: 150px;
  padding-right: 10px;
  font-weight: normal;
}

.simpleMicroTC {
  display: table;
  min-width: 260px;
}

.simpleMicroTC strong, .simpleTC div {
  display: table-cell;
  padding: 3px 0;
}

.simpleMicroTC strong {
  width: 80px;
  padding-right: 10px;
  color: #3B5979;
}

.ticketColumns {
  display: table-cell;
  vertical-align: top;
  padding: 0;
}
.ticketColumns h1.answersComments {
  font-size: 14px;
  padding: 25px 0 0 0;
  margin-bottom: 5px;
  color: #ff001a;
  line-height: 14px;
  font-weight: bold;
}
.ticketColumns .commentsList p {
  position: relative;
  left: 38%;
  color: red;
  margin: 10px 0 10px 0;
}
.ticketColumns .commnetsShowMore {
  text-align: center;
  margin-top: 10px;
}
.ticketColumns .commnetsShowMore a {
  cursor: pointer;
  /*position: relative;
  left: 40%;*/
  color: black;
}

.paddingLeft10 {
  margin-left: 5px;
}

.supportForm form > ul > li div > button {
  margin-right: 0 !important;
}
.supportForm form > ul > li {
  padding: 0 !important;
}

@media all and (max-width: 768px) {
  .ticketColumns .commentsList p {
    text-align: center;
    width: 100%;
    position: unset;
  }
  .ticketColumns .commnetsShowMore i {
    position: unset;
  }
  .ticketColumns .commnetsShowMore a {
    position: unset;
    display: block;
    text-align: center;
  }
  .supportForm form > ul > li {
    padding: 0 !important;
  }
}
.geoTC {
  display: table;
}
.geoTC strong, .geoTC div {
  display: table-cell;
  padding: 1px 0;
}
.geoTC strong {
  width: 60px;
  padding-right: 10px;
  color: #446384;
  font-weight: normal;
}

.flag {
  display: inline-block;
  background-repeat: no-repeat;
}

.flag.flag-16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: -2px;
  background-image: url("../ico/sprite-flags-16x16.png");
  background-repeat: no-repeat;
  float: left;
  margin-left: -1px;
}

.flag.flag-16.flag-abkhazia {
  background-position: 0px 0px;
}

.flag.flag-16.flag-basque-country {
  background-position: -16px 0px;
}

.flag.flag-16.flag-british-antarctic-territory {
  background-position: -32px 0px;
}

.flag.flag-16.flag-commonwealth {
  background-position: -48px 0px;
}

.flag.flag-16.flag-england {
  background-position: -64px 0px;
}

.flag.flag-16.flag-gosquared {
  background-position: -80px 0px;
}

.flag.flag-16.flag-kosovo {
  background-position: -96px 0px;
}

.flag.flag-16.flag-mars {
  background-position: -112px 0px;
}

.flag.flag-16.flag-nagorno-karabakh {
  background-position: -128px 0px;
}

.flag.flag-16.flag-nato {
  background-position: -144px 0px;
}

.flag.flag-16.flag-northern-cyprus {
  background-position: -160px 0px;
}

.flag.flag-16.flag-olympics {
  background-position: -176px 0px;
}

.flag.flag-16.flag-red-cross {
  background-position: -192px 0px;
}

.flag.flag-16.flag-scotland {
  background-position: -208px 0px;
}

.flag.flag-16.flag-somaliland {
  background-position: -224px 0px;
}

.flag.flag-16.flag-south-ossetia {
  background-position: -240px 0px;
}

.flag.flag-16.flag-united-nations {
  background-position: -256px 0px;
}

.flag.flag-16.flag-unknown, .flag.flag-16.flag-xx {
  background-position: 0px -16px;
}

.flag.flag-16.flag-wales {
  background-position: -16px -16px;
}

.flag.flag-16.flag-ad {
  background-position: -32px -16px;
}

.flag.flag-16.flag-ae {
  background-position: -48px -16px;
}

.flag.flag-16.flag-af {
  background-position: -64px -16px;
}

.flag.flag-16.flag-ag {
  background-position: -80px -16px;
}

.flag.flag-16.flag-ai {
  background-position: -96px -16px;
}

.flag.flag-16.flag-al {
  background-position: -112px -16px;
}

.flag.flag-16.flag-am {
  background-position: -128px -16px;
}

.flag.flag-16.flag-an {
  background-position: -144px -16px;
}

.flag.flag-16.flag-ao {
  background-position: -160px -16px;
}

.flag.flag-16.flag-aq {
  background-position: -176px -16px;
}

.flag.flag-16.flag-ar {
  background-position: -192px -16px;
}

.flag.flag-16.flag-as {
  background-position: -208px -16px;
}

.flag.flag-16.flag-at {
  background-position: -224px -16px;
}

.flag.flag-16.flag-au {
  background-position: -240px -16px;
}

.flag.flag-16.flag-aw {
  background-position: -256px -16px;
}

.flag.flag-16.flag-ax {
  background-position: 0px -32px;
}

.flag.flag-16.flag-az {
  background-position: -16px -32px;
}

.flag.flag-16.flag-ba {
  background-position: -32px -32px;
}

.flag.flag-16.flag-bb {
  background-position: -48px -32px;
}

.flag.flag-16.flag-bd {
  background-position: -64px -32px;
}

.flag.flag-16.flag-be {
  background-position: -80px -32px;
}

.flag.flag-16.flag-bf {
  background-position: -96px -32px;
}

.flag.flag-16.flag-bg {
  background-position: -112px -32px;
}

.flag.flag-16.flag-bh {
  background-position: -128px -32px;
}

.flag.flag-16.flag-bi {
  background-position: -144px -32px;
}

.flag.flag-16.flag-bj {
  background-position: -160px -32px;
}

.flag.flag-16.flag-bl {
  background-position: -176px -32px;
}

.flag.flag-16.flag-bm {
  background-position: -192px -32px;
}

.flag.flag-16.flag-bn {
  background-position: -208px -32px;
}

.flag.flag-16.flag-bo {
  background-position: -224px -32px;
}

.flag.flag-16.flag-br {
  background-position: -240px -32px;
}

.flag.flag-16.flag-bs {
  background-position: -256px -32px;
}

.flag.flag-16.flag-bt {
  background-position: 0px -48px;
}

.flag.flag-16.flag-bw {
  background-position: -16px -48px;
}

.flag.flag-16.flag-by {
  background-position: -32px -48px;
}

.flag.flag-16.flag-bz {
  background-position: -48px -48px;
}

.flag.flag-16.flag-ca {
  background-position: -64px -48px;
}

.flag.flag-16.flag-cc {
  background-position: -80px -48px;
}

.flag.flag-16.flag-cd {
  background-position: -96px -48px;
}

.flag.flag-16.flag-cf {
  background-position: -112px -48px;
}

.flag.flag-16.flag-cg {
  background-position: -128px -48px;
}

.flag.flag-16.flag-ch {
  background-position: -144px -48px;
}

.flag.flag-16.flag-ci {
  background-position: -160px -48px;
}

.flag.flag-16.flag-ck {
  background-position: -176px -48px;
}

.flag.flag-16.flag-cl {
  background-position: -192px -48px;
}

.flag.flag-16.flag-cm {
  background-position: -208px -48px;
}

.flag.flag-16.flag-cn {
  background-position: -224px -48px;
}

.flag.flag-16.flag-co {
  background-position: -240px -48px;
}

.flag.flag-16.flag-cr {
  background-position: -256px -48px;
}

.flag.flag-16.flag-cu {
  background-position: 0px -64px;
}

.flag.flag-16.flag-cv {
  background-position: -16px -64px;
}

.flag.flag-16.flag-cw {
  background-position: -32px -64px;
}

.flag.flag-16.flag-cx {
  background-position: -48px -64px;
}

.flag.flag-16.flag-cy {
  background-position: -64px -64px;
}

.flag.flag-16.flag-cz {
  background-position: -80px -64px;
}

.flag.flag-16.flag-de {
  background-position: -96px -64px;
}

.flag.flag-16.flag-dj {
  background-position: -112px -64px;
}

.flag.flag-16.flag-dk {
  background-position: -128px -64px;
}

.flag.flag-16.flag-dm {
  background-position: -144px -64px;
}

.flag.flag-16.flag-do {
  background-position: -160px -64px;
}

.flag.flag-16.flag-dz {
  background-position: -176px -64px;
}

.flag.flag-16.flag-ec {
  background-position: -192px -64px;
}

.flag.flag-16.flag-ee {
  background-position: -208px -64px;
}

.flag.flag-16.flag-eg {
  background-position: -224px -64px;
}

.flag.flag-16.flag-eh {
  background-position: -240px -64px;
}

.flag.flag-16.flag-er {
  background-position: -256px -64px;
}

.flag.flag-16.flag-es {
  background-position: 0px -80px;
}

.flag.flag-16.flag-et {
  background-position: -16px -80px;
}

.flag.flag-16.flag-eu {
  background-position: -32px -80px;
}

.flag.flag-16.flag-fi {
  background-position: -48px -80px;
}

.flag.flag-16.flag-fj {
  background-position: -64px -80px;
}

.flag.flag-16.flag-fk {
  background-position: -80px -80px;
}

.flag.flag-16.flag-fm {
  background-position: -96px -80px;
}

.flag.flag-16.flag-fo {
  background-position: -112px -80px;
}

.flag.flag-16.flag-fr {
  background-position: -128px -80px;
}

.flag.flag-16.flag-ga {
  background-position: -144px -80px;
}

.flag.flag-16.flag-gb {
  background-position: -160px -80px;
}

.flag.flag-16.flag-gd {
  background-position: -176px -80px;
}

.flag.flag-16.flag-ge {
  background-position: -192px -80px;
}

.flag.flag-16.flag-gg {
  background-position: -208px -80px;
}

.flag.flag-16.flag-gh {
  background-position: -224px -80px;
}

.flag.flag-16.flag-gi {
  background-position: -240px -80px;
}

.flag.flag-16.flag-gl {
  background-position: -256px -80px;
}

.flag.flag-16.flag-gm {
  background-position: 0px -96px;
}

.flag.flag-16.flag-gn {
  background-position: -16px -96px;
}

.flag.flag-16.flag-gq {
  background-position: -32px -96px;
}

.flag.flag-16.flag-gr {
  background-position: -48px -96px;
}

.flag.flag-16.flag-gs {
  background-position: -64px -96px;
}

.flag.flag-16.flag-gt {
  background-position: -80px -96px;
}

.flag.flag-16.flag-gu {
  background-position: -96px -96px;
}

.flag.flag-16.flag-gw {
  background-position: -112px -96px;
}

.flag.flag-16.flag-gy {
  background-position: -128px -96px;
}

.flag.flag-16.flag-hk {
  background-position: -144px -96px;
}

.flag.flag-16.flag-hn {
  background-position: -160px -96px;
}

.flag.flag-16.flag-hr {
  background-position: -176px -96px;
}

.flag.flag-16.flag-ht {
  background-position: -192px -96px;
}

.flag.flag-16.flag-hu {
  background-position: -208px -96px;
}

.flag.flag-16.flag-ic {
  background-position: -224px -96px;
}

.flag.flag-16.flag-id {
  background-position: -240px -96px;
}

.flag.flag-16.flag-ie {
  background-position: -256px -96px;
}

.flag.flag-16.flag-il {
  background-position: 0px -112px;
}

.flag.flag-16.flag-im {
  background-position: -16px -112px;
}

.flag.flag-16.flag-in {
  background-position: -32px -112px;
}

.flag.flag-16.flag-iq {
  background-position: -48px -112px;
}

.flag.flag-16.flag-ir {
  background-position: -64px -112px;
}

.flag.flag-16.flag-is {
  background-position: -80px -112px;
}

.flag.flag-16.flag-it {
  background-position: -96px -112px;
}

.flag.flag-16.flag-je {
  background-position: -112px -112px;
}

.flag.flag-16.flag-jm {
  background-position: -128px -112px;
}

.flag.flag-16.flag-jo {
  background-position: -144px -112px;
}

.flag.flag-16.flag-jp {
  background-position: -160px -112px;
}

.flag.flag-16.flag-ke {
  background-position: -176px -112px;
}

.flag.flag-16.flag-kg {
  background-position: -192px -112px;
}

.flag.flag-16.flag-kh {
  background-position: -208px -112px;
}

.flag.flag-16.flag-ki {
  background-position: -224px -112px;
}

.flag.flag-16.flag-km {
  background-position: -240px -112px;
}

.flag.flag-16.flag-kn {
  background-position: -256px -112px;
}

.flag.flag-16.flag-kp {
  background-position: 0px -128px;
}

.flag.flag-16.flag-kr {
  background-position: -16px -128px;
}

.flag.flag-16.flag-kw {
  background-position: -32px -128px;
}

.flag.flag-16.flag-ky {
  background-position: -48px -128px;
}

.flag.flag-16.flag-kz {
  background-position: -64px -128px;
}

.flag.flag-16.flag-la {
  background-position: -80px -128px;
}

.flag.flag-16.flag-lb {
  background-position: -96px -128px;
}

.flag.flag-16.flag-lc {
  background-position: -112px -128px;
}

.flag.flag-16.flag-li {
  background-position: -128px -128px;
}

.flag.flag-16.flag-lk {
  background-position: -144px -128px;
}

.flag.flag-16.flag-lr {
  background-position: -160px -128px;
}

.flag.flag-16.flag-ls {
  background-position: -176px -128px;
}

.flag.flag-16.flag-lt {
  background-position: -192px -128px;
}

.flag.flag-16.flag-lu {
  background-position: -208px -128px;
}

.flag.flag-16.flag-lv {
  background-position: -224px -128px;
}

.flag.flag-16.flag-ly {
  background-position: -240px -128px;
}

.flag.flag-16.flag-ma {
  background-position: -256px -128px;
}

.flag.flag-16.flag-mc {
  background-position: 0px -144px;
}

.flag.flag-16.flag-md {
  background-position: -16px -144px;
}

.flag.flag-16.flag-me {
  background-position: -32px -144px;
}

.flag.flag-16.flag-mf {
  background-position: -48px -144px;
}

.flag.flag-16.flag-mg {
  background-position: -64px -144px;
}

.flag.flag-16.flag-mh {
  background-position: -80px -144px;
}

.flag.flag-16.flag-mk {
  background-position: -96px -144px;
}

.flag.flag-16.flag-ml {
  background-position: -112px -144px;
}

.flag.flag-16.flag-mm {
  background-position: -128px -144px;
}

.flag.flag-16.flag-mn {
  background-position: -144px -144px;
}

.flag.flag-16.flag-mo {
  background-position: -160px -144px;
}

.flag.flag-16.flag-mp {
  background-position: -176px -144px;
}

.flag.flag-16.flag-mq {
  background-position: -192px -144px;
}

.flag.flag-16.flag-mr {
  background-position: -208px -144px;
}

.flag.flag-16.flag-ms {
  background-position: -224px -144px;
}

.flag.flag-16.flag-mt {
  background-position: -240px -144px;
}

.flag.flag-16.flag-mu {
  background-position: -256px -144px;
}

.flag.flag-16.flag-mv {
  background-position: 0px -160px;
}

.flag.flag-16.flag-mw {
  background-position: -16px -160px;
}

.flag.flag-16.flag-mx {
  background-position: -32px -160px;
}

.flag.flag-16.flag-my {
  background-position: -48px -160px;
}

.flag.flag-16.flag-mz {
  background-position: -64px -160px;
}

.flag.flag-16.flag-na {
  background-position: -80px -160px;
}

.flag.flag-16.flag-nc {
  background-position: -96px -160px;
}

.flag.flag-16.flag-ne {
  background-position: -112px -160px;
}

.flag.flag-16.flag-nf {
  background-position: -128px -160px;
}

.flag.flag-16.flag-ng {
  background-position: -144px -160px;
}

.flag.flag-16.flag-ni {
  background-position: -160px -160px;
}

.flag.flag-16.flag-nl {
  background-position: -176px -160px;
}

.flag.flag-16.flag-no {
  background-position: -192px -160px;
}

.flag.flag-16.flag-np {
  background-position: -208px -160px;
}

.flag.flag-16.flag-nr {
  background-position: -224px -160px;
}

.flag.flag-16.flag-nu {
  background-position: -240px -160px;
}

.flag.flag-16.flag-nz {
  background-position: -256px -160px;
}

.flag.flag-16.flag-om {
  background-position: 0px -176px;
}

.flag.flag-16.flag-pa {
  background-position: -16px -176px;
}

.flag.flag-16.flag-pe {
  background-position: -32px -176px;
}

.flag.flag-16.flag-pf {
  background-position: -48px -176px;
}

.flag.flag-16.flag-pg {
  background-position: -64px -176px;
}

.flag.flag-16.flag-ph {
  background-position: -80px -176px;
}

.flag.flag-16.flag-pirate-black {
  background-position: -96px -176px;
}

.flag.flag-16.flag-pirate-white {
  background-position: -112px -176px;
}

.flag.flag-16.flag-pk {
  background-position: -128px -176px;
}

.flag.flag-16.flag-pl {
  background-position: -144px -176px;
}

.flag.flag-16.flag-pn {
  background-position: -160px -176px;
}

.flag.flag-16.flag-pr {
  background-position: -176px -176px;
}

.flag.flag-16.flag-ps {
  background-position: -192px -176px;
}

.flag.flag-16.flag-pt {
  background-position: -208px -176px;
}

.flag.flag-16.flag-pw {
  background-position: -224px -176px;
}

.flag.flag-16.flag-py {
  background-position: -240px -176px;
}

.flag.flag-16.flag-qa {
  background-position: -256px -176px;
}

.flag.flag-16.flag-ro {
  background-position: 0px -192px;
}

.flag.flag-16.flag-rs {
  background-position: -16px -192px;
}

.flag.flag-16.flag-ru {
  background-position: -32px -192px;
}

.flag.flag-16.flag-rw {
  background-position: -48px -192px;
}

.flag.flag-16.flag-sa {
  background-position: -64px -192px;
}

.flag.flag-16.flag-sb {
  background-position: -80px -192px;
}

.flag.flag-16.flag-sc {
  background-position: -96px -192px;
}

.flag.flag-16.flag-sd {
  background-position: -112px -192px;
}

.flag.flag-16.flag-se {
  background-position: -128px -192px;
}

.flag.flag-16.flag-sg {
  background-position: -144px -192px;
}

.flag.flag-16.flag-sh {
  background-position: -160px -192px;
}

.flag.flag-16.flag-si {
  background-position: -176px -192px;
}

.flag.flag-16.flag-sk {
  background-position: -192px -192px;
}

.flag.flag-16.flag-sl {
  background-position: -208px -192px;
}

.flag.flag-16.flag-sm {
  background-position: -224px -192px;
}

.flag.flag-16.flag-sn {
  background-position: -240px -192px;
}

.flag.flag-16.flag-so {
  background-position: -256px -192px;
}

.flag.flag-16.flag-sr {
  background-position: 0px -208px;
}

.flag.flag-16.flag-ss {
  background-position: -16px -208px;
}

.flag.flag-16.flag-st {
  background-position: -32px -208px;
}

.flag.flag-16.flag-sv {
  background-position: -48px -208px;
}

.flag.flag-16.flag-sy {
  background-position: -64px -208px;
}

.flag.flag-16.flag-sz {
  background-position: -80px -208px;
}

.flag.flag-16.flag-tc {
  background-position: -96px -208px;
}

.flag.flag-16.flag-td {
  background-position: -112px -208px;
}

.flag.flag-16.flag-tf {
  background-position: -128px -208px;
}

.flag.flag-16.flag-tg {
  background-position: -144px -208px;
}

.flag.flag-16.flag-th {
  background-position: -160px -208px;
}

.flag.flag-16.flag-tj {
  background-position: -176px -208px;
}

.flag.flag-16.flag-tk {
  background-position: -192px -208px;
}

.flag.flag-16.flag-tl {
  background-position: -208px -208px;
}

.flag.flag-16.flag-tm {
  background-position: -224px -208px;
}

.flag.flag-16.flag-tn {
  background-position: -240px -208px;
}

.flag.flag-16.flag-to {
  background-position: -256px -208px;
}

.flag.flag-16.flag-tr {
  background-position: 0px -224px;
}

.flag.flag-16.flag-tt {
  background-position: -16px -224px;
}

.flag.flag-16.flag-tv {
  background-position: -32px -224px;
}

.flag.flag-16.flag-tw {
  background-position: -48px -224px;
}

.flag.flag-16.flag-tz {
  background-position: -64px -224px;
}

.flag.flag-16.flag-ua {
  background-position: -80px -224px;
}

.flag.flag-16.flag-ug {
  background-position: -96px -224px;
}

.flag.flag-16.flag-us {
  background-position: -112px -224px;
}

.flag.flag-16.flag-uy {
  background-position: -128px -224px;
}

.flag.flag-16.flag-uz {
  background-position: -144px -224px;
}

.flag.flag-16.flag-va {
  background-position: -160px -224px;
}

.flag.flag-16.flag-vc {
  background-position: -176px -224px;
}

.flag.flag-16.flag-ve {
  background-position: -192px -224px;
}

.flag.flag-16.flag-vg {
  background-position: -208px -224px;
}

.flag.flag-16.flag-vi {
  background-position: -224px -224px;
}

.flag.flag-16.flag-vn {
  background-position: -240px -224px;
}

.flag.flag-16.flag-vu {
  background-position: -256px -224px;
}

.flag.flag-16.flag-zm {
  background-position: -80px -240px;
}

.flag.flag-16.flag-zw {
  background-position: -96px -240px;
}

.flag.flag-16.flag-ye {
  background-position: -32px -240px;
}

.flag.flag-16.flag-wf {
  background-position: -128px -80px;
}

.flag.flag-16.flag-um {
  background-position: -112px -224px;
}

.flag.flag-16.flag-sj {
  background-position: -192px -160px;
}

.flag.flag-16.flag-za {
  background-position: -64px -240px;
}

.flag.flag-16.flag-ws {
  background-position: -16px -240px;
}

.flag.flag-16.flag-bv {
  background-position: -192px -160px;
}

.flag.flag-16.flag-io {
  background-position: -128px -224px;
}

#polboxtv-button div {
  background: transparent none repeat scroll 0 0;
}

@keyframes pzv-inner-animation {
  0% {
    transform: scale(1);
  }
  40% {
    opacity: 0.9;
    transform: scale(1.2);
  }
  100% {
    transform: scale(1.5);
  }
}
@keyframes pzv-outer-animation {
  0%, 100% {
    transform: scale(1.5);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes pzv-phone-animation {
  0%, 50%, 100% {
    transform: rotate(0deg);
  }
  10%, 30% {
    transform: rotate(-25deg);
  }
  20%, 40% {
    transform: rotate(25deg);
  }
}
#polboxtv-cover *,
#polboxtv-cover *::before,
#polboxtv-cover *::after,
#polboxtv-button *,
#polboxtv-button *::before,
#polboxtv-button *::after,
#polboxtv-wrapper *,
#polboxtv-wrapper *::before,
#polboxtv-wrapper *::after {
  box-sizing: border-box;
}

#polboxtv-button {
  transform-origin: center center 0 !important;
  cursor: pointer;
  display: block;
  overflow: visible;
  z-index: 99998 !important;
  background: transparent none repeat scroll 0 0 !important;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
}

#polboxtv-button * {
  transform-origin: center center 0 !important;
  overflow: visible;
}

.polboxtv-dragging {
  transition: none 0s ease 0s !important;
}

.polboxtv-button {
  animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
  position: absolute;
  background-color: #ff0000 !important;
  background-position: center;
  background-image: url(../img/callback/phone.png);
  border-radius: 100%;
  height: 60px;
  width: 60px;
  bottom: 10px;
  /* z-index: 99998; */
  display: flex;
  justify-content: center;
  align-items: center;
  left: 20px;
  color: #fff;
}

.polboxtv-button-border-inner {
  animation: pzv-outer-animation 2.3s ease-in-out 0s normal none infinite running;
  border: 1px solid #ff0000;
  border-radius: 100%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
  height: 60px;
  bottom: 10px;
  left: 20px;
  width: 60px;
  position: absolute;
  z-index: 99998;
}

.polboxtv-button-border-outer {
  animation: pzv-inner-animation 2.3s ease-in-out 0s normal none infinite running;
  border: 1px solid #ff0000;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  bottom: 0;
  left: 10px;
  position: absolute;
  z-index: 99998;
}

#polboxtv-button.polboxtv-hovered .polboxtv-button,
#polboxtv-button:hover .polboxtv-button {
  background-color: #ff0000 !important;
  background-color: rgba(255, 0, 0, 0.8) !important;
}

#polboxtv-button.polboxtv-hovered .polboxtv-button-border-inner,
#polboxtv-button:hover .polboxtv-button-border-inner {
  border: 1px solid #ff0000 !important;
}

#polboxtv-button.polboxtv-hovered .polboxtv-button-border-outer,
#polboxtv-button:hover .polboxtv-button-border-outer {
  border: 1px solid #ff0000 !important;
}

.polboxtv-button-wrapper {
  padding: 0 !important;
  display: block;
  overflow: visible;
}

#polboxtv-cover {
  background-color: rgba(0, 0, 0, 0.25) !important;
  display: none;
  height: 100% !important;
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 20000000 !important;
}

.polboxtv-animated {
  transition: all 0.8s ease 0s;
  display: none;
}

.callback__wrap {
  font-size: 16px;
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 1.5625em rgba(255, 255, 255, 0.2);
  }
}
.callback__overlay {
  z-index: 2147483640 !important;
  position: fixed !important;
  border: none !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.2s ease !important;
}

.callback__overlay--active {
  z-index: 2147483641 !important;
  z-index: 999999999999999 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.callback__arrow {
  background-color: rgba(218, 218, 219, 0.7);
  position: fixed;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 2147483647;
  z-index: 2147483648;
}

.callback__arrow:hover {
  background-color: rgb(218, 218, 219);
}

.callback__arrow-icon {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
  transition: all 0.2s ease;
}

.callback__arrow:hover .callback__arrow-icon {
  opacity: 1;
}

.callback__arrow--bottom,
.callback__arrow--top {
  width: 4em;
  height: 1.25em;
  left: 50%;
  margin-left: -2em;
}

.callback__arrow--left,
.callback__arrow--right {
  width: 1.25em;
  height: 4em;
  top: 50%;
  margin-top: -2em;
}

.callback__arrow--bottom {
  bottom: 0;
  border-radius: 0.1875em 0.1875em 0 0;
}

.callback__arrow--top {
  top: 0;
  border-radius: 0 0 0.1875em 0.1875em;
}

.callback__arrow--left {
  left: 0;
  border-radius: 0 0.1875em 0.1875em 0;
}

.callback__arrow--right {
  right: 0;
  border-radius: 0.1875em 0 0 0.1875em;
}

.callback-frame {
  position: fixed;
  transition: all 0.2s ease;
  width: 100%;
  height: 100%;
  height: 100vh;
  z-index: 2147483643 !important;
  background: transparent !important;
  left: 0;
  top: 0;
  min-width: 0;
  max-width: none;
  margin: inherit;
  bottom: auto;
  right: auto;
  border: 0 !important;
}

.callback-frame--active.callback-frame--bottom {
  transform: translateY(0);
}

.callback-frame--active.callback-frame--top {
  transform: translateY(0);
}

.callback-frame--active.callback-frame--center {
  transform: scale(1);
  transform-origin: 50% 50%;
  opacity: 1;
}

.callback-frame--active.callback-frame--left {
  transform: translateX(0);
}

.callback-frame--active.callback-frame--right {
  transform: translateX(0);
}

.callback-frame--bottom {
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}

.callback-frame--top {
  top: 0;
  left: 0;
  transform: translateY(-100%);
}

.callback-frame--center {
  transform-origin: 50% 50%;
  opacity: 0;
  transform: scale(0.8);
}

.callback-frame--left {
  top: 0;
  left: 0;
  transform: translateX(-100%);
}

.callback-frame--right {
  top: 0;
  right: 0;
  transform: translateX(100%);
}

.callback-frame--active.callback-frame {
  opacity: 1;
  visibility: visible;
  display: block !important;
}

#polboxtv-button .button-icon {
  padding: 15px;
}

.widget {
  position: relative;
}

.contact-widget {
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 100;
}

.contact-widget .widget-toggler > .rays {
  border-color: #ff0000;
}

.chat-widget .widget-toggler > .rays {
  border-color: #2ecc71;
}

.widget-toggler {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 0 14px 7px rgba(0, 0, 0, 0.1);
}

.rays {
  margin: 0 auto;
  border-radius: 100px;
  position: absolute;
  z-index: 10;
  background-color: transparent;
  opacity: 0;
  width: 100px;
  height: 100px;
  border: 4px solid rgb(255, 0, 0);
  border-radius: 100px;
  border-image: initial;
}

.widget-toggler:hover > .rays {
  animation: pulse2 700ms linear infinite;
}

@keyframes pulse2 {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
  8% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
  15% {
    -webkit-transform: scale(0.5);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(0.5);
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}
.contact-widget > .widget-toggler {
  background-color: #ff0000;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: 80px;
  bottom: 80px;
}

.contact-widget.show .polboxtv-button-border-inner,
.contact-widget.show .polboxtv-button-border-outer {
  display: none !important;
}

.contact-widget.show .polboxtv-button {
  animation: none !important;
}

.contact-widget > .widget-container {
  transition: 0.5s;
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  min-width: 20px;
}

.contact-widget > .widget-container > .widget {
  margin-bottom: 5px;
}

.chat-widget > .widget-toggler {
  background-color: #2ecc71;
}

.chat-wrapper {
  position: fixed;
  right: 115px;
  bottom: 25px;
  z-index: 99999;
  width: 350px;
  height: 470px;
  box-shadow: 0 0 14px 7px rgba(0, 0, 0, 0.17);
  border-radius: 10px;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
}
.chat-wrapper > .chat-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}

.chat-wrapper-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 55px;
  cursor: pointer;
  z-index: 1;
}

@media (max-width: 480px) {
  body.chat-opened {
    overflow: hidden;
  }
  .popup-promo {
    display: none !important;
  }
  .call-widget {
    display: none;
  }
  .chat-wrapper {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .chat-wrapper > iframe {
    width: 100% !important;
    height: 100% !important;
  }
}
.chat-wrapper.show {
  visibility: visible;
  opacity: 1;
}
.chat-wrapper iframe {
  position: absolute;
  width: 350px;
  height: 100%;
  border-radius: 10px;
}

body.with-contextual-menu .chat-wrapper {
  margin-right: 12rem !important;
}

.chat {
  background-color: #fff;
  width: 350px;
  height: 450px;
  border-radius: 4px;
}

.call-widget > .widget-toggler {
  background-color: #ff0000;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.widget-toggler > .widget-tooltip {
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 10px;
  transform: translate(0, -50%);
  min-width: 160px;
}

.widget-toggler > .widget-tooltip > span {
  background-color: #000;
  opacity: 0.5;
  color: #fff;
  padding: 7px;
  border-radius: 2px;
  font-size: 13px;
  display: inline-block;
  float: right;
}

.widget-toggler > .widget-tooltip > span:after {
  clear: both;
}

.widget-toggler:hover .widget-tooltip {
  visibility: visible;
  opacity: 1;
}

.contact-widget > .widget-toggler {
  -webkit-transition: 0.5s linear all;
}

.contact-widget.show .polboxtv-button > span {
  -webkit-transform: rotate(360deg);
  -webkit-transition: 0.5s;
}

.contact-widget.show .contact-widget-button-phone {
  display: none !important;
}

.contact-widget.show .contact-widget-button-times {
  display: block !important;
}

.live_chat_countries {
  transition: all 0.3s;
  background: rgb(224, 0, 0);
  border-radius: 0px;
  width: 48px;
  height: 48px;
  float: right;
  text-align: center;
}

.live_chat_countries:hover {
  width: 64px;
  background: rgb(234, 16, 16);
}

.pulse-active {
  position: relative;
  overflow: visible;
  width: 50px !important;
  height: 50px !important;
}
.pulse-active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  animation: pulseEffect 2s infinite;
}

.wheel-icon {
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 80px;
  left: -7px;
  cursor: pointer;
  z-index: 500;
}

.wheel-fortune {
  transform: scale(1.1);
}

.wheel-disabled {
  display: none !important;
}

.live-chat-icons {
  margin-right: 20px;
  position: relative;
}
.live-chat-icons__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  gap: 10px;
}
.live-chat-icons__items {
  cursor: pointer;
  width: 50px;
  height: 50px;
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.live-chat-icons__items.visible {
  opacity: 1;
  transform: translateY(0); /* Возвращение на место */
  pointer-events: auto;
}
.live-chat-icons__base {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.live-chat-icons__item {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.live-chat-icons__redphone img {
  width: 100%;
  height: 100%;
}
.live-chat-icons__redphone:before {
  background: rgb(250, 67, 67);
  border: 1px solid rgb(133, 1, 1);
}
.live-chat-icons__tg img {
  width: 100%;
  height: 100%;
}
.live-chat-icons__tg:before {
  background: #61A8DE;
  border: 1px solid #214865;
}
.live-chat-icons__wa {
  background: #1BD741;
}
.live-chat-icons__wa:before {
  background: rgba(0, 200, 0, 0.3);
  border: 1px solid rgba(0, 200, 0, 0.9);
}
.live-chat-icons__phone {
  background: #7F8C8D;
}
.live-chat-icons__phone:before {
  background: #c4c6c6;
  border: 1px solid #434343;
}
.live-chat-icons__woot:before {
  background: rgb(250, 67, 67);
  border: 1px solid rgb(133, 1, 1);
}

@keyframes pulseEffect {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
.woot--bubble-holder button {
  width: 50px;
  height: 50px;
}

#woot-chat-close {
  right: 0;
  top: 0;
  display: none;
  width: 32px;
  height: 32px;
}
#woot-chat-close svg {
  margin: 0;
}
#woot-chat-close:before {
  left: 15px;
  top: 5px;
}
#woot-chat-close:after {
  left: 15px;
  top: 5px;
}

#woot-chat-icon {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#woot-chat-icon svg {
  margin: 0;
  width: 20px;
  height: 20px;
}

#cw-widget-holder {
  z-index: 100 !important;
}
#cw-widget-holder:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  background-color: black;
}

.live-chat-close-btn {
  display: none;
  position: fixed;
  top: 24px;
  right: 20px;
  z-index: 1110 !important;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.live-chat-close-btn:before, .live-chat-close-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: #333;
  transform-origin: center;
}
.live-chat-close-btn:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.live-chat-close-btn:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close-btn-woot-active {
  display: block;
}

@media (min-width: 1280px) {
  #woot-chat-icon {
    width: 63px !important;
    height: 63px !important;
  }
  #woot-chat-icon svg {
    width: 25px;
    height: 25px;
  }
  .live-chat-icons__item {
    width: 63px !important;
    height: 63px !important;
  }
  .live-chat-icons__wa img {
    width: 28px;
    height: 28px;
  }
  .live-chat-icons__items {
    width: 63px;
    height: 63px;
  }
  .pulse-active:before {
    width: 63px;
    height: 63px;
  }
  .wheel-icon {
    width: 70px;
    height: 70px;
    left: -4px;
    bottom: 90px;
  }
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE and iOS. */
div#callback html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
div#callback {
  /** Remove the margin in all browsers (opinionated). */
}
div#callback body {
  margin: 0;
  -webkit-font-smoothing: subpixel-antialiased;
  backface-visibility: hidden;
}
div#callback {
  /* HTML5 display definitions ========================================================================== */
  /** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
}
div#callback article, div#callback aside, div#callback details, div#callback figcaption, div#callback figure, div#callback footer, div#callback header, div#callback main, div#callback menu, div#callback nav, div#callback section, div#callback summary { /* 1 */
  display: block;
}
div#callback {
  /** Add the correct display in IE 9-. */
}
div#callback audio, div#callback canvas, div#callback progress, div#callback video {
  display: inline-block;
}
div#callback {
  /** Add the correct display in iOS 4-7. */
}
div#callback audio:not([controls]) {
  display: none;
  height: 0;
}
div#callback {
  /** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
}
div#callback progress {
  vertical-align: baseline;
}
div#callback {
  /** Add the correct display in IE 10-. 1. Add the correct display in IE. */
}
div#callback template, div#callback [hidden] {
  display: none;
}
div#callback {
  /* Links ========================================================================== */
  /** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
}
div#callback a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
div#callback {
  /** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
}
div#callback a:active, div#callback a:hover {
  outline-width: 0;
}
div#callback {
  /* Text-level semantics ========================================================================== */
  /** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
}
div#callback abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
div#callback {
  /** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
}
div#callback b, div#callback strong {
  font-weight: inherit;
}
div#callback {
  /** Add the correct font weight in Chrome, Edge, and Safari. */
}
div#callback b, div#callback strong {
  font-weight: bolder;
}
div#callback {
  /** Add the correct font style in Android 4.3-. */
}
div#callback dfn {
  font-style: italic;
}
div#callback {
  /** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
}
div#callback h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
div#callback {
  /** Add the correct background and color in IE 9-. */
}
div#callback mark {
  background-color: #ff0;
  color: #000;
}
div#callback {
  /** Add the correct font size in all browsers. */
}
div#callback small {
  font-size: 80%;
}
div#callback {
  /** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
}
div#callback sub, div#callback sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
div#callback sub {
  bottom: -0.25em;
}
div#callback sup {
  top: -0.5em;
}

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
div#callback img {
  border-style: none;
}
div#callback {
  /** Hide the overflow in IE. */
}
div#callback svg:not(:root) {
  overflow: hidden;
}

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/** Add the correct margin in IE 8. */
figure {
  margin: 1em 40px;
}

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/** Restore the font weight unset by the previous rule. */
optgroup {
  font-weight: bold;
}

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */
  overflow: visible;
}

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */
  text-transform: none;
}

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button; /* 2 */
}

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/** Remove the default vertical scrollbar in IE. */
textarea {
  overflow: auto;
}

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type=checkbox], [type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0.0625rem;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -0.125rem;
  right: 0.375rem;
  width: 0;
  height: 0;
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-top: 0.25rem solid #555;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 0.25rem solid #555;
}

.intl-tel-input .flag-container.active .country-list {
  display: block;
  z-index: 10004;
}

.intl-tel-input .country-list {
  display: none;
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
  margin-right: 0.375rem;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel] {
  padding-right: 6px;
  padding-left: 3.25rem;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag {
  width: 2.875rem;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
  z-index: 999999;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0 0;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url("../img/callback/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../img/callback/flags2x.png");
  }
}
.iti-flag.np {
  background-color: transparent;
}

.SumoSelect p {
  margin: 0;
}

.SelectBox {
  padding: 0.3125rem 0.9375rem;
  cursor: pointer;
}

.sumoStopScroll {
  overflow: hidden;
}

/* Filtering style */
.SumoSelect .hidden {
  display: none;
}

.SumoSelect .search-txt {
  display: none;
  outline: none;
}

.SumoSelect .no-match {
  display: none;
  padding: 0.375rem;
}

.SumoSelect.open .search-txt {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0.3125rem 0.5rem;
  border: none;
  box-sizing: border-box;
  border-radius: 0.3125rem;
}

.SumoSelect.open > .search > span, .SumoSelect.open > .search > label {
  visibility: hidden;
}

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass, .SumoUnder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.SelectClass {
  z-index: 1;
}

.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label {
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  display: block;
}

.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none;
}

.SumoSelect > .CaptionCont {
  position: relative;
  border: 0.0625rem solid #d4d6d9;
  background-color: #fff;
  height: 100%;
  border-radius: 0.1875rem;
  margin: 0;
  cursor: pointer;
  box-sizing: border-box;
  color: #505458;
}

.SumoSelect.open > .CaptionCont {
  border: 0.0625rem solid #5CB2C2;
}

.SumoSelect > .CaptionCont:after {
  content: "";
  width: 0.0625rem;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.SumoSelect > .CaptionCont > span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  font-size: 0.875rem;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 96%;
}

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder {
  color: #ccc;
  font-style: italic;
}

.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1.875rem;
  cursor: pointer;
}

.SumoSelect > .CaptionCont > label > i {
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -0.125rem;
  right: 0.625rem;
  width: 0;
  height: 0;
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-top: 0.25rem solid #999999;
}

.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  top: 1.875rem;
  width: 100%;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  background: #fff;
  border: 0.0625rem solid #D4D6D9;
  box-shadow: 0.125rem 0.1875rem 0.1875rem rgba(0, 0, 0, 0.11);
  border-radius: 0.1875rem;
  overflow: hidden;
}

.SumoSelect.open > .optWrapper {
  top: 3.4375rem;
  display: block;
}

.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.3125rem;
}

.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}

.SumoSelect > .optWrapper > .options {
  border-radius: 0.125rem;
  position: relative; /*Set the height of pop up here (only for desktop mode)*/
  max-height: 9.375rem; /*height*/
}

.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5;
}

.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 1.375rem;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
  padding-left: 3.125rem;
}

.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0 0 6.25rem #595959;
}

.SumoSelect > .optWrapper > .options li.opt {
  padding: 0.4375rem 0.9375rem;
  position: relative;
  cursor: pointer;
  display: block;
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 0.125rem 0.125rem 0 0;
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-radius: 0 0 0.125rem 0.125rem;
  border-bottom: none;
}

.SumoSelect > .optWrapper > .options li.opt {
  color: #505458;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #f7f7f7;
  color: black;
}

.SumoSelect > .optWrapper > .options li.opt.sel {
  background-color: #a1c0e4;
  border-bottom: 0.0625rem solid #a1c0e4;
}

.SumoSelect > .optWrapper > .options li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

.SumoSelect > .optWrapper > .options li span {
  display: none;
}

.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  padding: 0.5rem 0.375rem;
  font-weight: bold;
}

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%;
}

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
  filter: alpha(opacity=50); /* Netscape */
  -moz-opacity: 0.5; /* Safari 1.x */
  -khtml-opacity: 0.5; /* Good browsers */
  opacity: 0.5;
}

/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt {
  padding-left: 2.1875rem;
  cursor: pointer;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 1.875rem;
  top: 0;
  bottom: 0;
  margin-left: -2.1875rem;
}

.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.0625rem solid #AEAEAE;
  border-radius: 0.125rem;
  box-shadow: inset 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 0.0625rem solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.13);
  border-radius: 0 0 0.1875rem 0.1875rem;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 0.3125rem;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 0.375rem;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 0.75rem;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 0.0625rem solid #DBDBDB;
  border-radius: 0 0 0 0.1875rem;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 0.1875rem 0;
}

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 0.75rem 0.375rem;
}

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 2.1875rem;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 2.6875rem;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i {
  background-color: #11a911;
  box-shadow: none;
  border-color: transparent;
  background-image: url("../img/callback/checked.png");
  background-repeat: no-repeat;
  background-position: center center;
}

/*disabled state*/
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none;
}

/**Select all button**/
.SumoSelect .select-all {
  border-radius: 0.1875rem 0.1875rem 0 0;
  position: relative;
  border-bottom: 0.0625rem solid #ddd;
  background-color: #fff;
  padding: 0.5rem 0 0.1875rem 2.1875rem;
  height: 1.25rem;
  cursor: pointer;
}

.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
  cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
  background-color: #ccc;
}

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 0.3125rem;
  text-decoration: underline;
}

/* -------- */
/* Css demo */
/* -------- */
div#callback body {
  font-family: "Arial", sans-serif;
  margin: 0;
  zoom: 1;
}
div#callback li {
  list-style: none;
  display: -moz-inline-stack;
  zoom: 1;
  *display: inline;
}
div#callback {
  /*li:not(:first-child) {         padding-left: 1.25rem;     }*/
}
div#callback a {
  color: rgba(51, 51, 51, 0.5);
}
div#callback .section {
  padding: 1.25rem;
  font-size: 0;
}
div#callback .wrap {
  margin-left: -30px;
  margin-right: -30px;
}
div#callback .box {
  height: 300px;
  width: 33.333%;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  box-sizing: border-box;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
div#callback .box > div {
  background-color: #688bee;
  height: 100%;
  width: 100%;
}
div#callback .demoWork {
  position: fixed;
  font-size: 1rem;
  top: 3.75rem;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.9375rem;
  color: #fff;
  line-height: 1.8;
  z-index: 99999;
}
div#callback .demoWork.left {
  left: auto;
  right: 0;
  z-index: 999;
}
div#callback .demoWork div {
  cursor: pointer;
}

/* -------- */
/* Css widget */
/* -------- */
/* Global style chat */
div#callback html, div#callback body {
  font-size: 16px;
}
div#callback input, div#callback textarea, div#callback button, div#callback a, div#callback img {
  outline: none;
  -webkit-appearance: none;
}
div#callback p, div#callback h2 {
  margin: 0;
}

.flex {
  display: flex;
}

.flex--row {
  flex-direction: row;
}

.flex--space-between {
  justify-content: space-between;
}

.flex--space-center {
  justify-content: center;
}

.flex--align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.box-inline {
  display: inline-block;
  vertical-align: middle;
}

.box-inline__wrap {
  font-size: 0;
}

.vertical-align-top {
  vertical-align: top;
}

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

.animate {
  transition: all 0.15s ease;
}

.animate-x2 {
  transition: all 0.3s ease;
}

/* Scroll */
.custom-scroll_inner::-webkit-scrollbar, .country-list::-webkit-scrollbar, .custom-scroll_inner::-webkit-scrollbar {
  width: 0.25rem;
}

.custom-scroll_inner::-webkit-scrollbar-track, .country-list::-webkit-scrollbar-track, .custom-scroll_inner::-webkit-scrollbar-track {
  background-color: #f7f7f7;
}

.custom-scroll_inner::-webkit-scrollbar-thumb, .country-list::-webkit-scrollbar-thumb, .custom-scroll_inner::-webkit-scrollbar-thumb {
  background-color: #d4d6d9;
}

body.with-contextual-menu {
  /*overflow: hidden !important;*/
}

.callback {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 99999;
  font-family: "Open Sans", sans-serif;
  color: #505458;
  font-size: 0.875rem;
  box-sizing: border-box;
  width: 0 !important;
  transition: width 0.5s linear;
}

body.with-contextual-menu .contextual-menu {
  width: 0;
}

body.with-contextual-menu .contextual-menu.full {
  width: 19rem !important;
}

.callback--right, .callback--left, .callback--center {
  overflow: hidden;
}

.callback--bottom, .callback--top {
  width: 100%;
  right: 0;
  padding-bottom: 2.8125rem;
}

.callback--bottom .callback__logo, .callback--top .callback__logo {
  padding-top: 0;
  padding-bottom: 0;
}

.callback--bottom .field--fake-select, .callback--top .field--fake-select {
  height: auto;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.125rem;
}

.callback--right, .callback--left {
  width: 20rem;
  height: 100%;
  height: 100vh;
}

.callback--right .callback__box, .callback--left .callback__box {
  height: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}

.callback--right .field-check, .callback--left .field-check {
  max-width: 100%;
}

.callback--right .form__text-select-bt, .callback--left .form__text-select-bt {
  display: none;
}

.callback--right .callback__header, .callback--left .callback__header {
  padding-left: 0;
}

.callback--right .form__select-box .form__select, .callback--left .form__select-box .form__select {
  display: inline-block;
}

.callback--right .callback__close, .callback--left .callback__close {
  padding-right: 0.9375rem;
}

.callback--right .field--normal, .callback--left .field--normal {
  margin-left: 0;
  margin-right: 0;
}

.callback--right .field--fake-select, .callback--left .field--fake-select {
  background-color: #fff;
  border: 0.0625rem solid #d4d6d9;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  box-sizing: border-box;
  border-radius: 0.1875rem;
  text-align: left;
}

.field--fake-select {
  font-size: 0.875rem;
  font-family: "Tahoma", "Open Sans";
  -webkit-box-sizing: border-box;
}

.callback--right .field--fake-select--active, .callback--left .field--fake-select--active {
  border: 1px solid #5CB2C2;
}

.callback--right .form__select, .callback--left .form__select {
  color: #505458;
  border: none;
  padding-top: 0.9375rem;
  margin-left: 0;
  display: block !important;
  padding-bottom: 0.875rem;
  padding-right: 0.625rem;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.callback--right .form__select:after, .callback--left .form__select:after {
  right: 0;
}

.callback--right .form__select-box, .callback--left .form__select-box {
  padding-top: 0;
  padding-bottom: 0.625rem;
}

.callback--right .field--fake-select--active, .callback--left .field--fake-select--active {
  border-color: #5cb2c2;
  color: #ffffff;
}

.colorable-field.field--fake-select {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  border: 0.0625rem solid transparent;
}

.callback--right .colorable-field.field--fake-select .form__select, .callback--left .colorable-field.field--fake-select .form__select {
  color: #ffffff;
}

.colorable-field.field--fake-select .field__fake-select-drop {
  background: transparent;
  border: 0.0625rem solid rgba(0, 0, 0, 0.8);
}

.colorable-field.field--fake-select .field__fake-select-list {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.8);
}

.colorable-field.field--fake-select .field__fake-select-list:hover, .colorable-field.field--fake-select .field__fake-select-list.current {
  color: rgba(0, 0, 0, 0.8);
  background: #ffffff;
}

.colorable-field .SelectBox {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  border: 0.0625rem solid transparent;
}

.colorable-field .SumoSelect.open > .CaptionCont {
  border: 0.0625rem solid transparent;
}

.colorable-field .SumoSelect > .optWrapper {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  border: 0.0625rem solid transparent;
}

.colorable-field .SumoSelect > .optWrapper > .options li.opt {
  color: #ffffff;
}

.colorable-field .SumoSelect > .optWrapper > .options li.opt:hover {
  color: rgba(0, 0, 0, 0.8);
  background: #ffffff;
}

.colorable-field .SumoSelect > .optWrapper > .custom-scroll_inner::-webkit-scrollbar-track { /*background-color: #f7f7f7;*/ }

.colorable-field .SumoSelect > .optWrapper > .custom-scroll_inner::-webkit-scrollbar-thumb { /*background-color: #d4d6d9;*/ }

.callback--right {
  right: 0;
}

.callback--left {
  left: 0;
}

.callback--bottom {
  bottom: 0;
}

.callback--top {
  top: 0;
}

.callback--center {
  width: 43.75rem;
  min-height: 26.5625rem;
  left: 50%;
  top: 50%;
  padding-bottom: 2.125rem;
  border-radius: 0.375rem;
  margin-left: -21.875rem;
  margin-top: -16%;
}

.callback--center {
  margin-top: -12%;
}

.callback--center .callback__logo {
  height: 40px !important;
}

@media (max-height: 735px) {
  .callback--center {
    margin-top: -11% !important;
  }
}
@media (max-height: 590px) {
  #polboxtv-element-email .social-text {
    display: none;
  }
  #polboxtv-element-email .field--upload {
    height: 1.25rem;
  }
}
.callback--center .callback__logo {
  padding-top: 0;
  padding-bottom: 0;
  height: 17vh;
}

.callback--center .callback__header {
  padding-bottom: 2.1875rem;
  padding-left: 0;
}

.callback--center .callback__close {
  margin-right: 0.9375rem;
}

.callback--center .field--fake-select {
  height: auto;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.125rem;
}

.callback--bottom .field__fake-select-drop, .callback--top .field__fake-select-drop, .callback--center .field__fake-select-drop {
  max-height: 220px;
}

.callback__header {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.callback__logo {
  position: relative;
  height: 21vh;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: height 0.5s ease-out;
}

.callback__logo-img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 100%;
  width: 100%;
}

#polboxtv-button-element {
  z-index: 999;
  position: relative;
}

/*     @media (max-height: 550px) {         .buy {             display: none;         }     } */
@media (max-height: 735px) {
  .callback--left .callback__logo, .callback--right .callback__logo {
    height: 17vh;
  }
  .callback__logo-img {
    background-size: contain;
  }
}
@media (max-height: 650px) {
  .group__title {
    font-size: 1.3rem !important;
  }
  .callback--left .callback__logo, .callback--right .callback__logo {
    height: 16vh;
  }
  .group__par {
    font-size: 16px;
  }
}
@media (max-height: 620px) {
  .callback--left .callback__logo, .callback--right .callback__logo {
    height: 100px;
  }
  .callback--left .callback__logo img, .callback--right .callback__logo img {
    height: 100%;
  }
}
@media (max-height: 590px) {
  .callback__logo {
    display: none;
  }
}
.callback__logo img {
  max-height: 125px;
}

.callback__close {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  cursor: pointer;
  z-index: 999;
}

.callback__close:before, .callback__close:after {
  width: 1.4rem;
  height: 0.125rem;
  background-color: #ffffff;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -0.0625rem;
  left: 50%;
  margin-left: -1rem;
}

.callback__close:before {
  transform: rotate(-45deg);
}

.callback__close:after {
  transform: rotate(45deg);
}

.callback__close:hover:before, .callback__close:hover:after { /*background-color: #cccccc;*/
  opacity: 0.5;
}

.callback__box {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  height: calc(100% - 2.8125rem);
  top: 0;
  left: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
  display: none;
}

.callback__box--active {
  visibility: visible;
  opacity: 1;
}

.callback__box--current {
  visibility: visible;
  opacity: 1;
  position: static;
}

.callback__box--current, #feedback-container {
  vertical-align: middle;
}

.nobg .callback__box--current {
  display: table;
}

.callback__box--current#polboxtv-element-call {
  display: table;
}

.callback__box--current.callback__box--next-slide {
  animation: next_slide_c 0.3s forwards;
}

.callback__box--current.callback__box--prev-slide {
  animation: prev_slide_c 0.3s forwards;
}

.callback__box--next-slide {
  animation: next_slide 0.3s forwards;
}

.callback__box--prev-slide {
  animation: prev_slide 0.3s forwards;
}

.callback__sliding {
  position: absolute;
  width: 1.1875rem;
  height: 1.1875rem;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.1875rem;
  cursor: pointer;
}

.callback__sliding--top, .callback__sliding--bottom, .callback__sliding--center {
  display: none;
}

.callback--top {
  padding-bottom: 4.25rem;
}

.callback--top .buy {
  margin-bottom: 2.5rem;
}

.callback__sliding--left, .callback__sliding--right {
  top: 50%;
  margin-top: 0.5625rem;
}

.callback__sliding--right {
  left: 0;
  background-image: url(../img/callback/callback_slide_right.svg);
}
@keyframes next_slide_c {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes prev_slide_c {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes next_slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes prev_slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.fake-switch {
  width: 13.75rem;
  height: 3rem;
}

/* Switch */
.switch {
  width: 13.75rem;
  position: relative;
}

.switch:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: #7fba00;
  transition: all 0.15s ease;
}

.switch--message:before {
  transform: translateX(7.1875rem);
}

.switch__item {
  width: 6.5625rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 0.8rem;
  cursor: pointer;
}

.switch__item--no-current {
  opacity: 0.3;
}

.switch__item--no-current:hover {
  opacity: 0.7;
}

.switch__item:first-child {
  margin-right: 0.625rem;
}

.switch__img {
  margin-right: 0.1875rem;
  height: 1rem;
}

/* Group box */
.groupbox {
  margin-bottom: 1.25rem;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
}

.group__title {
  font-size: 1.625rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  line-height: 1.38;
}

.callback--top .events.calendar .group__title, .callback--center .events.calendar .group__title, .callback--bottom .events.calendar .group__title {
  display: inline;
}

.callback--top .events.calendar .group__par, .callback--center .events.calendar .group__par, .callback--bottom .events.calendar .group__par {
  display: inline;
  font-size: 1.625rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  line-height: 1.38;
}

.callback--center #feedback-container .callback__box {
  width: 43.75rem;
}

.callback--top #feedback-container .callback__box, .callback--bottom #feedback-container .callback__box {
  display: block;
}

.nobg .group_title {
  color: #505458;
}

.group__par {
  line-height: 1.5;
}

.group--small-w {
  max-width: 23.125rem;
}

/* Form */
.form__select-box {
  padding-top: 0.625rem;
  padding-bottom: 1.0625rem;
}

.form__select {
  margin-left: 0.3125rem;
  position: relative;
  cursor: pointer;
}

.form__select:after {
  content: "";
  top: 50%;
  width: 0;
  height: 0;
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-top: 0.25rem solid #999;
  display: inline-block;
  position: absolute;
  right: -0.625rem;
}

.form__select--active:after {
  content: "";
  top: 50%;
  width: 0;
  height: 0;
  border-top: none;
  border-left: 0.1875rem solid transparent;
  border-right: 0.1875rem solid transparent;
  border-bottom: 0.25rem solid #999;
  display: inline-block;
  position: absolute;
  right: -0.625rem;
}

/* Field */
.field {
  height: 3.125rem;
  position: relative;
}

.field--small {
  width: 8.125rem;
}

.field--small:first-child {
  margin-right: 0.1875rem;
}

.field--small:last-child {
  margin-right: 0.1875rem;
}

.field--normal {
  width: 16.875rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}

.field--textarea {
  height: 6.875rem;
}

.field__box {
  margin-bottom: 0.625rem;
}

.field__box--answer-selection {
  margin-top: 2.8125rem;
}

.field__box--bottom {
  position: absolute;
  width: 100%;
  bottom: 2.8125rem;
  left: 0;
}

.field__inner {
  border-radius: 0.1875rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.field__input, .field__textarea {
  background-color: #fff;
  border: 0.0625rem solid #d4d6d9;
  font-size: 0.875rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  font-family: "Open Sans";
  background-color: rgba(0, 0, 0, 0.8);
  border: 0.0625rem solid transparent;
  color: #ffffff;
}

.field__input[type=tel] {
  font-size: 1.375rem;
  color: #505458;
  background-color: rgba(0, 0, 0, 0.8);
  border: 0.0625rem solid transparent;
  color: #ffffff;
}

.field__textarea {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  resize: none;
  background-color: rgba(0, 0, 0, 0.8);
  border: 0.0625rem solid transparent;
  color: #ffffff;
}

.field__label {
  font-size: 0.875rem;
  opacity: 0.5;
  padding: 1.0625rem 0.9375rem;
  position: absolute;
  top: 0;
  left: 0;
  cursor: text;
  color: #ffffff;
}

.field__label--textarea {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.field__label--active {
  padding-top: 0.3125rem;
  padding-bottom: 0;
  font-size: 0.625rem;
}

.field__input:focus ~ .field__label, .field__textarea:focus ~ .field__label {
  padding-top: 0.3125rem;
  padding-bottom: 0;
  font-size: 0.625rem;
}

.field-check {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 14.375rem;
  margin-bottom: 0.625rem;
}

.field-check__box {
  margin-bottom: 1.75rem;
}

.field-check__input {
  display: none;
}

.field-check__input[type=radio] ~ .field-check__label:before, .field-check__input[type=radio] ~ .field-check__labelafter {
  border-radius: 6.25rem;
}

.field-check__input[type=checkbox] ~ .field-check__label:before, .field-check__input[type=checkbox] ~ .field-check__labelafter {
  border-radius: 0.125rem;
}

.field-check__label {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  padding-left: 1.875rem;
  text-align: left;
  padding-bottom: 0.0625rem;
  line-height: 1.5;
}

.field-check__label:before, .field-check__label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 1.375rem;
  height: 1.375rem;
  box-sizing: border-box;
  transition: all 0.25s ease;
}

.field-check__label:hover:before {
  border-color: #5cb2c2;
}

.field-check__input:checked ~ .field-check__label:after {
  opacity: 1;
}

.field__btn {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.02em;
  padding-top: 0.1875rem;
  box-sizing: border-box;
}

.field__btn:active {
  padding-top: 0.3rem;
  -moz-filter: brightness(90%);
  filter: brightness(90%);
}

.field__btn[type=button] {
  border: none;
  cursor: pointer;
}

.field__btn-img {
  padding-bottom: 0.1875rem;
  margin-right: 0.625rem;
  height: 1rem;
}

.field__week {
  width: 11.05rem;
  margin-right: 0;
  margin-left: 0;
}

.field.field__time {
  width: 5.4rem;
  margin-right: 0;
  margin-left: 0.3125rem;
}

.field--upload {
  display: inline-block;
}

.field-upload, .field-upload__mark {
  color: #ffffff;
}

.field-upload .field-upload__box .pvm-icon-upload_file {
  position: absolute;
}

.field-upload .field-upload__box .pvm-icon-upload_file:before {
  position: absolute;
  top: -0.15rem;
}

.field-upload .field-upload__mark {
  padding-left: 0.9375rem;
}

.field-upload__ready [class*=pvm-icon-]:before {
  display: none;
}

.field-upload [class*=pvm-icon-]:before {
  font-size: 0.6rem;
  opacity: 0.7;
}

.field-upload__button .pvm-icon-upload_button {
  margin-right: 0.275rem;
}

.field-upload {
  display: block;
  position: relative;
  text-align: left;
}

.field-upload .flex {
  position: relative;
}

.field-upload__input {
  position: absolute;
  top: 0;
  opacity: 0;
}

.field-upload__mark, .field-upload__button, .field-upload__size {
  display: block;
  cursor: pointer;
  font-size: 0.8rem;
  line-height: 1.5;
  box-sizing: border-box;
}

.field-upload__mark {
  background: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.3125rem;
}

.field-upload__size {
  white-space: nowrap;
  opacity: 0.5;
  padding-right: 1.25rem;
}

.field-upload__mark, .field-upload__button {
  background-position: left;
  background-repeat: no-repeat;
  margin-left: 0.125rem;
  background-size: 0.625rem;
}

.field-upload__button:hover {
  opacity: 1;
}

.field-upload__clear {
  cursor: pointer;
  display: none;
  position: absolute;
  right: -0.3rem;
  top: 0;
  opacity: 0.5;
  padding: 0.3rem;
  z-index: 3;
}

.field-upload__clear img {
  height: 0.5rem;
}

.field-upload__clear--active {
  display: block;
}

.field-upload__clear:hover {
  opacity: 1;
}

.field-upload__help {
  position: absolute;
  padding: 0.4375rem;
  right: -0.5rem;
  bottom: -0.1875rem;
  cursor: pointer;
  z-index: 4;
}

.field-upload__help img {
  height: 0.7rem;
}

.field-upload__help:hover .field-upload__inform, .field-upload__help.hover .field-upload__inform {
  opacity: 1;
  visibility: visible;
  bottom: 100%;
}

.field-upload__inform {
  position: absolute;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.8);
  border: 0.0625rem solid #ffffff;
  box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.15);
  font-size: 0.8rem;
  bottom: 140%;
  right: 0;
  width: 13.125rem;
  padding: 0.4375rem 0.625rem;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
}

.field-upload__inform:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.3125rem 0.3125rem 0 0.25rem;
  border-color: #ffffff transparent transparent transparent;
  content: "";
  position: absolute;
  bottom: -0.3125rem;
  right: 0.375rem;
}

.field-upload__help.hide, .field-upload__button.hide {
  display: none;
}

.field__fake-select-input {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.field__fake-select-drop {
  position: absolute;
  box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.15);
  width: 16.875rem;
  visibility: hidden;
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  border-radius: 0.1875rem;
  box-sizing: border-box;
  z-index: 1000;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  left: -0.0625rem;
  top: 100%;
  margin-top: 0.3125rem;
  border: 0.0625rem solid #D4D6D9;
  max-height: 250px;
}

.field__fake-select-drop--active {
  visibility: visible;
  opacity: 1;
}

.field__fake-select-list {
  padding: 0.4375rem 0.625rem 0.4375rem 0.9375rem;
  text-align: left;
  cursor: pointer;
  background-color: #ffffff;
  color: #505458;
}

.field__fake-select-list:hover, .field__fake-select-list.current {
  background-color: #f7f7f7;
}

.intl-tel-input {
  height: 100%;
  width: 16.875rem;
}

.intl-tel-input .country-list .country {
  display: block;
  position: relative;
  width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.625rem;
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}

.intl-tel-input .country-list .country-name {
  white-space: normal;
  font-size: 0.8125rem;
  width: 11.0625rem;
  display: inline-block;
}

@-moz-document url-prefix() {
  .intl-tel-input .country-list .country-name {
    width: 10.9rem !important;
  }
}
.intl-tel-input .country-list .divider {
  width: 100%;
}

.intl-tel-input .country-list .country .dial-code {
  min-width: 1.875rem;
  font-size: 0.8125rem;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
  outline: none;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  font-size: 1.375rem;
  opacity: 0.5;
  position: relative;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code:before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  height: 1.875rem;
  background-color: #d4d6d9;
  width: 0.0625rem;
  left: 2.1875rem;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text] {
  padding-left: 6.4375rem;
}

.intl-tel-input .selected-flag .iti-arrow {
  border-top: 0.25rem solid #999999;
}

.intl-tel-input .country-list.dropup {
  border-radius: 0.1875rem;
}

.intl-tel-input .country-list {
  border-color: #d4d6d9;
  box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.15);
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  padding-left: 2.375rem;
}

.intl-tel-input .selected-flag .iti-arrow {
  right: auto;
  left: 2.5rem;
}

.intl-tel-input .selected-flag {
  padding: 0 0 0 0.9375rem;
}

.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag {
  background: none;
}

.intl-tel-input.allow-dropdown .selected-flag {
  outline: none;
}

.intl-tel-input.allow-dropdown .flag-container .selected-flag:hover {
  background: none;
}

.intl-tel-input .country-list {
  width: 16.875rem;
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  border-radius: 0.1875rem;
}

.SumoSelect {
  vertical-align: middle;
  height: 100%;
  width: 100%;
  text-align: left;
}

.SumoSelect.open > .optWrapper {
  border-radius: 0.1875rem;
  box-shadow: 0 0.625rem 0.9375rem 0 rgba(0, 0, 0, 0.15);
  font-size: 0.8125rem;
  text-align: left;
}

.SumoSelect.open .CaptionCont > label > i {
  border-bottom: 0.25rem solid #999999;
  border-top: none;
}

.mbYTP_wrapper {
  border-radius: 6.25rem;
}

.flag-container.active .iti-arrow {
  border-bottom: 0.25rem solid #999999;
  border-top: none;
}

/* Timer */
.timer {
  font-size: 2.8125rem;
  font-weight: 300;
  margin-top: 0.3125rem;
}

.timer-block {
  width: 16.875rem;
  height: 3.125rem;
  background-color: #e4e5e7;
  overflow: hidden;
  display: inline-block;
  color: #fff;
  padding-top: 1rem;
  box-sizing: border-box;
  border-radius: 0.1875rem;
}

.timer-block__inner {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  background-color: #a0ccd4;
}

.timer-block__text {
  position: relative;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}

.load_dots {
  margin-right: 0.5rem;
}

.load_dots:before, .load_dots:after {
  content: "";
}

.load_dots i, .load_dots:before, .load_dots:after {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 6.25rem;
  animation: loadingDots infinite;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  background-color: #fff;
  top: -0.0625rem;
  position: relative;
}

.load_dots:before {
  animation-delay: 0s;
}

.load_dots i {
  animation-delay: 0.2s;
  margin: 0 0.1875rem;
}

.load_dots:after {
  animation-delay: 0.6s;
}
@keyframes loadingDots {
  from {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.3;
  }
}
@keyframes load_bar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
div#callback .tooltip {
  background-color: #fe7272;
  height: 3.125rem;
  position: absolute;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.28;
  visibility: hidden;
  opacity: 0;
  transition: all 0.15s ease;
  z-index: 3;
}
div#callback .tooltip:after, div#callback .tooltip:before {
  content: "";
}
div#callback .tooltip:after {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
div#callback .tooltip:before {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
div#callback .tooltip__text {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
}
div#callback .tooltip--top, div#callback .tooltip--bottom {
  width: 100%;
  left: 0;
}
div#callback .tooltip--top {
  bottom: 100%;
  margin-bottom: 1.875rem;
}
div#callback .tooltip--top:before {
  border-width: 0.25rem 0.4375rem 0 0.4375rem;
  bottom: -0.25rem;
  left: 50%;
  margin-left: -0.4375rem;
}
div#callback .tooltip--bottom {
  top: 100%;
  margin-top: 1.875rem;
}
div#callback .tooltip--bottom:before {
  border-width: 0 0.4375rem 0.25rem 0.4375rem;
  top: -0.25rem;
  left: 50%;
  margin-left: -0.4375rem;
}
div#callback .tooltip--left, div#callback .tooltip--right {
  width: auto;
  top: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
div#callback .tooltip--left {
  left: 0;
  margin-left: -0.625rem;
  transform: translateX(-100%);
}
div#callback .tooltip--left:before {
  border-width: 0.4375rem 0 0.4375rem 0.25rem;
  right: -0.25rem;
  top: 50%;
  margin-top: -0.4375rem;
}
div#callback .tooltip--right {
  right: 0;
  margin-right: -0.625rem;
  transform: translateX(100%);
}
div#callback .tooltip--right:before {
  border-width: 0.4375rem 0.25rem 0.4375rem 0;
  left: -0.25rem;
  top: 50%;
  margin-top: -0.4375rem;
}
div#callback .tooltip--active {
  visibility: visible;
  opacity: 1;
}
div#callback .tooltip--active.tooltip--top {
  margin-bottom: 0.625rem;
}
div#callback .tooltip--active.tooltip--bottom {
  margin-top: 0.625rem;
}

/* callback buy*/
.buy {
  font-size: 0.8rem;
  position: absolute;
  bottom: 0 !important;
  left: 0;
  width: 100%;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.buy__link {
  color: rgba(102, 102, 102, 0.5);
  padding: 0 0.3125rem;
  display: inline-block;
  text-decoration: none;
}

.buy__link:hover {
  color: #666666;
}

.buy__img {
  margin-right: 0.4375rem;
  padding-bottom: 0.1875rem;
  height: 1rem;
}

/* Rating */
.rating__item {
  width: 1.6875rem;
  height: 1.625rem;
  padding: 0.5rem;
  position: relative;
  cursor: pointer;
}

.rating__item--no-select:active {
  transform: translateY(0.0625rem);
}

@media all and (max-width: 60rem) {
  .callback--center .callback__header, .callback--top .callback__header, .callback--bottom .callback__header {
    padding-left: 0;
  }
}
.callback {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
}

.callback--left, .callback--right {
  background-image: url(../img/callback/default-bg_lr.png);
}

.field__input:focus, .field__textarea:focus {
  border: 0.0625rem solid #5cb2c2;
}

/*Button*/
.field__inner.field__btn--default {
  background-color: #7fba00;
  border-bottom: 0.0625rem solid #ff0000;
  border-top: 0.0625rem solid #7fba00;
  border-top: 0.0625rem solid #ff0000;
  background-color: #ff0000;
  color: #ffffff;
}

.field__inner.field__btn--default:hover {
  background-color: #D52F19;
  border-top-color: #D52F19;
  background-color: #D52F19;
  border-top-color: #D52F19;
  border-bottom: 0.0625rem solid #D52F19;
  color: #ffffff;
}

.field__inner.field__btn--default:active {
  background-color: #72a700;
  border-top: 0.0625rem solid #ff0000;
  border-bottom: 0.0625rem solid #ff0000;
  background-color: #ff0000;
  color: #ffffff;
}

.field__inner.field__btn--accen {
  background-color: #5cb2c2;
  border-bottom: 0.0625rem solid #ff0000;
  border-top: 0.0625rem solid #ff0000;
  background-color: #ff0000;
  color: #ffffff;
  border-left: 0;
  border-right: 0;
}

.field__inner.field__btn--accen:hover {
  background-color: #70bbc7;
  border-top-color: #70bbc7;
  background-color: #97cf26;
  border-top-color: #97cf26;
  border-bottom: 0.0625rem solid #97cf26;
  color: #ffffff;
}

.field__inner.field__btn--accen:active {
  background-color: #56a1ad;
  border-top-color: #4d919b;
  border-bottom-color: #56a1ad;
}

.form__select {
  color: #60b3c1;
  border-bottom: 0.0625rem dashed #0088cc;
}

.switch__item--current {
  border-color: #7fba00;
}

.tooltip--top:before {
  border-color: #fe7272 transparent transparent transparent;
}

.tooltip--right:before {
  border-color: transparent #fe7272 transparent transparent;
}

.tooltip--bottom:before {
  border-color: transparent transparent #fe7272 transparent;
}

.tooltip--left:before {
  border-color: transparent transparent transparent #fe7272;
}

.field__input.error, .field__textarea.error, .field__input.error:focus, .field__textarea.error:focus, .default-color-scheme .field__input.error:focus, .default-color-scheme .field__textarea.error:focus {
  border: 1px solid #fe7272 !important;
}

.field-check__label:before {
  box-shadow: inset 0 0 0 0.125rem #d4d6d9;
}

.field-check__input:checked ~ .field-check__label:before {
  box-shadow: inset 0 0 0 0.75rem #5cb2c2;
}

.rating__item--hover path {
  fill: #5cb2c2;
}

.feedback-rating {
  border: none;
  direction: rtl;
  unicode-bidi: bidi-override;
  width: 210px;
  height: 42px;
}

.feedback-rating.center {
  margin-left: auto;
  margin-right: auto;
}

.feedback-rating > input {
  display: none;
}

.callback.callback--center #feedback-button-container, .callback.callback--top #feedback-button-container, .callback.callback--bottom #feedback-button-container, .callback.callback--center #feedback-after-button-container, .callback.callback--top #feedback-after-button-container, .callback.callback--bottom #feedback-after-button-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#callback-cover {
  display: block;
  height: 100% !important;
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
}

div#callback a, div#callback a:link, div#callback a:visited, div#callback a:hover {
  color: #ffffff;
  color: #ffffff;
}

.polboxtv-validation-defcode {
  border-radius: 5px;
  box-shadow: 2px 0 27px 0 rgba(204, 204, 204, 0.5);
  font-size: 16px;
  margin-top: -89px;
  opacity: 1;
  padding: 15px;
  position: absolute;
  z-index: 99;
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.vertical-center {
  padding-top: 20px;
  padding-bottom: 20px;
}

.vertical-center1 {
  top: 45%;
  transform: translateY(-45%);
  position: relative;
}

.btn__back:hover {
  background: #3DA1D4;
}

.btn__back:active {
  background: #2488BB;
}

.btn__map svg {
  margin-top: -10px;
  position: relative;
  top: 3px;
  margin-right: 3px;
  margin-left: -2px;
}

.btn__map {
  height: 50px;
  border-radius: 0;
  border: 0 none;
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
  color: #fff !important;
  padding-left: 1rem;
  padding-top: 0 !important;
  text-align: left;
  cursor: pointer;
}

.field__btn__map {
  margin-left: -25px;
  margin-right: -25px;
  padding-bottom: 10px;
}

.btn__back svg {
  margin-top: -10px;
  position: relative;
  top: 2px;
}

.btn__back {
  height: 50px;
  border-radius: 0;
  border: 0 none;
  background-color: #2897d0;
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
  color: #fff !important;
  padding-left: 1rem;
  padding-top: 0 !important;
  text-align: left;
  cursor: pointer;
}

.btn__map:hover {
  background-color: rgba(0, 0, 0, 0.45);
}

.btn__map:active {
  background-color: rgba(0, 0, 0, 0.55);
}

.field__btn__back {
  margin-left: -25px;
  margin-right: -25px;
}

.social-buttons {
  visibility: visible;
  position: relative;
  width: 0;
  overflow: hidden;
  z-index: 10002;
}

.social-buttons ul {
  list-style-type: none;
  z-index: 10001;
  position: relative;
}

.social-buttons, .social-buttons ul {
  height: 60px !important;
  margin: 0;
  padding: 0;
}

.social-buttons li {
  overflow: visible;
  float: left;
  margin-left: 2px !important;
  width: 48px !important;
  height: 105px !important;
}

.prev, .next {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
  border: 1px solid #d4d6d9;
  background-color: #fff;
  position: relative;
  top: -5px;
  cursor: pointer;
}

.social-buttons button {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
  border: 1px solid #d4d6d9;
  background-color: #fff;
  cursor: pointer;
}

.social-call {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
  border: 1px solid #d4d6d9;
  background-color: #fff;
  margin-right: 5px;
  cursor: pointer;
}

.social-buttons button {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
  border: 1px solid #d4d6d9;
  background-color: #fff;
  cursor: pointer;
}

.social-buttons button div {
  display: none;
  position: absolute;
  margin-top: 20px;
  padding: 5px;
  text-align: center;
  width: 115px;
  margin-left: 30px;
}

.social-buttons button:hover {
  border-radius: 100%;
  border: 1px solid #999999; /*box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.7);*/
}

.tooltip-social:after, .tooltip-social:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.tooltip-social:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 3px;
  margin-left: -3px;
}

.tooltip-social:before {
  border-color: rgba(212, 214, 217, 0);
  border-bottom-color: #d4d6d9;
  border-width: 6px;
  margin-left: -6px;
}

.tooltip-social {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d4d6d9;
  color: black;
  border-radius: 2px;
  display: inline-block;
  font-size: 11px;
  width: 105px;
  padding: 5px;
  position: absolute;
  text-align: center;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}

.social-buttons button.active {
  border: 1px solid transparent;
}

.call-color {
  color: #7fba00 !important;
  fill: #7fba00 !important;
}

.vk-color {
  color: #336699 !important;
  fill: #336699 !important;
}

.fb-color {
  color: #3b5998 !important;
  fill: #3b5998 !important;
}

.telegram-color {
  color: #38afe3 !important;
  fill: #38afe3 !important;
}

.skype-color {
  color: #00aff0 !important;
  fill: #00aff0 !important;
}

.message-color {
  color: #96a7b0 !important;
  fill: #96a7b0 !important;
}

.twitter-color {
  color: #1da1f2 !important;
  fill: #1da1f2 !important;
}

.instagram-color {
  color: #1da1f2 !important;
  fill: #1da1f2 !important;
}

.chat-color {
  color: #44add4 !important;
  fill: #44add4 !important;
}

.vk-color.active {
  color: #336699 !important;
  fill: #ffffff !important;
}

.fb-color.active {
  color: #3b5998 !important;
  fill: #ffffff !important;
}

.telegram-color.active {
  color: #38afe3 !important;
  fill: #ffffff !important;
}

.skype-color.active {
  color: #00aff0 !important;
  fill: #ffffff !important;
}

.message-color.active {
  color: #96a7b0 !important;
  fill: #ffffff !important;
}

.twitter-color.active {
  color: #1da1f2 !important;
  fill: #ffffff !important;
}

.instagram-color.active {
  background-color: #333333;
  color: #1da1f2 !important;
  fill: #1da1f2 !important;
}

.chat-color.active {
  color: #44add4 !important;
  fill: #ffffff !important;
}

.vk-bgcolor {
  background-color: #336699 !important;
  color: #fff !important;
}

.field__btn.vk-bgcolor:hover {
  background-color: rgba(51, 102, 153, 0.9) !important;
  opacity: 1 !important;
}

.field__btn.vk-bgcolor:active {
  background-color: #2D5B89 !important;
  opacity: 1 !important;
}

.fb-bgcolor {
  background-color: #3b5998 !important;
  color: #fff !important;
}

.field__btn.fb-bgcolor:hover {
  background-color: rgba(59, 89, 152, 0.9) !important;
  opacity: 1 !important;
}

.field__btn.fb-bgcolor:active {
  background-color: #354F88 !important;
  opacity: 1 !important;
}

.telegram-bgcolor {
  background-color: #38afe3 !important;
  color: #fff !important;
}

.field__btn.telegram-bgcolor:hover {
  background-color: rgba(56, 175, 227, 0.9) !important;
  opacity: 1 !important;
}

.field__btn.telegram-bgcolor:active {
  background-color: #329DCB !important;
  opacity: 1 !important;
}

.skype-bgcolor {
  background-color: #00aff0 !important;
  color: #fff !important;
}

.field__btn.skype-bgcolor:hover {
  background-color: rgba(0, 175, 240, 0.9) !important;
  opacity: 1 !important;
}

.field__btn.skype-bgcolor:active {
  background-color: #009DD7 !important;
  opacity: 1 !important;
}

.message-bgcolor {
  background-color: #96a7b0 !important;
  color: #fff !important;
  border: 0 !important;
}

.field__btn.message-bgcolor:hover {
  background-color: rgba(150, 167, 176, 0.9) !important;
  opacity: 1 !important;
}

.field__btn.message-bgcolor:active {
  background-color: #86969E !important;
  opacity: 1 !important;
}

.twitter-bgcolor {
  background-color: #00aff0 !important;
  color: #fff !important;
}

.field__btn.twitter-bgcolor:hover {
  background-color: rgba(0, 175, 240, 0.9) !important;
  opacity: 1 !important;
}

.field__btn.twitter-bgcolor:active {
  background-color: #009DD7 !important;
  opacity: 1 !important;
}

.instagram-bgcolor {
  background-color: #262626 !important;
  color: #fff !important;
}

.field__btn.instagram-bgcolor:hover {
  background-color: rgba(38, 38, 38, 0.9) !important;
  opacity: 1 !important;
}

.field__btn.instagram-bgcolor:active {
  background-color: #222222 !important;
  opacity: 1 !important;
}

.chat-bgcolor {
  background-color: #44add4 !important;
  color: #fff !important;
}

.field__btn.chat-bgcolor:hover {
  background-color: #57B5D8 !important;
  opacity: 1 !important;
}

.field__btn.chat-bgcolor:active {
  background-color: #3D9BBE !important;
  opacity: 1 !important;
}

.vk-bgcolor.active::after {
  border-color: #336699 rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) !important;
}

.fb-bgcolor.active::after {
  border-color: #3b5998 rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) !important;
}

.telegram-bgcolor.active::after {
  border-color: #38afe3 rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) !important;
}

.skype-bgcolor.active::after {
  border-color: #00aff0 rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) !important;
}

.message-bgcolor.active::after {
  border-color: #96a7b0 rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) !important;
}

.twitter-bgcolor.active::after {
  border-color: #38afe3 rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) !important;
}

.instagram-bgcolor.active::after {
  border-color: #262626 rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) !important;
}

.chat-bgcolor.active::after {
  border-color: #44add4 rgba(213, 4, 4, 0) rgba(213, 4, 4, 0) !important;
}

.social-buttons button.animate.active svg > * {
  fill: white !important;
}

.social-buttons button.active::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  border-radius: 100%;
  border-style: solid;
  border-width: 10px;
  bottom: -7px;
  content: " ";
  height: 0;
  margin-left: -21px;
  pointer-events: none;
  position: absolute;
  top: 43px;
  width: 0;
}

.social__center-img {
  color: #fff;
  padding: 15px;
}

ymaps [role=button], ymaps [class*=scaleline], ymaps [class*=search__input] {
  visibility: hidden;
}

ymaps [class*=controls__toolbar_right] [class*=controls__control_toolbar]:last-child [role=button] {
  visibility: visible;
}

.social__center-img svg > * {
  fill: rgba(0, 0, 0, 0.1) !important;
}

#polboxtv-element-map .contact svg > * {
  fill: #666 !important;
}

.nobg .group__title, .nobg .group__par {
  color: #505458 !important;
}

#polboxtv-element-map .contact li {
  color: #505458;
  display: block !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding-bottom: 5px;
  padding-left: 0 !important;
}

#polboxtv-element-map .contact .mail-contact {
  color: #3399cc;
  text-decoration: none;
}

#polboxtv-element-map .contact .mail-contact:hover {
  color: #db3b1b;
}

.field__a-btn {
  box-sizing: border-box;
  overflow: hidden;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  line-height: 2.7rem;
  display: inline-block;
  padding-top: 0.1875rem;
  text-decoration: none;
  text-transform: uppercase;
}

.field__a-btn:active {
  margin-top: 0.0625rem;
}

.default-color-scheme .field__label, .default-color-scheme .field-upload, .default-color-scheme .field-upload__mark {
  color: rgb(64, 64, 64) !important;
}

.default-color-scheme select {
  color: black !important;
  background: white !important;
}

.default-color-scheme input, .default-color-scheme textarea {
  color: black !important;
  background: white !important;
  border: 1px solid #ccc !important;
}

.default-color-scheme select option {
  color: black !important;
  background: white !important;
}

.default-color-scheme {
  color: black !important;
  background: white !important;
}

.default-color-scheme .field__input:focus, .default-color-scheme .field__textarea:focus {
  border: 0.0625rem solid #5cb2c2 !important;
}

.default-color-scheme .field__a-btn:hover {
  opacity: 0.8;
}

#polboxtv-element-map .contact li svg {
  margin-left: -24px;
  margin-right: 6px;
}

.callback--right #polboxtv-element-map .contact, .callback--left #polboxtv-element-map .contact {
  margin-top: 36px;
}

.callback--right #polboxtv-element-map .contact-map, .callback--left #polboxtv-element-map .contact-map {
  margin-left: -25px;
  margin-right: -25px;
  height: 250px;
  overflow: hidden;
}

.callback--bottom #polboxtv-element-map .contact-map, .callback--bottom #polboxtv-element-map .contact-info, .callback--top #polboxtv-element-map .contact-map, .callback--top #polboxtv-element-map .contact-info, .callback--center #polboxtv-element-map .contact-map, .callback--center #polboxtv-element-map .contact-info {
  width: 50%;
  float: right;
}

/*      @media (max-height:780px) {         .buy{display:none !important;}     }@media (max-height: 780px) and (-webkit-min-device-pixel-ratio: 2){         .buy{display:none !important;}     }  */
.default-color-scheme .SelectClass, .default-color-scheme .SumoUnder {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
}

.default-color-scheme .SumoSelect {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
}

.default-color-scheme .SumoSelect > .CaptionCont {
  background-color: #fff;
  color: #000;
}

.default-color-scheme .SumoSelect > .optWrapper {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
}

.default-color-scheme .SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #f7f7f7;
  color: black;
}

.default-color-scheme .SumoSelect > .optWrapper > .options li.opt.sel {
  background-color: #fff;
  border-bottom: 0.0625rem solid #a1c0e4;
}

.default-color-scheme .SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 0.0625rem solid #ddd;
  background-color: #fff;
}

.default-color-scheme .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i {
  background-color: #fff;
}

.default-color-scheme .SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
}

.default-color-scheme .SumoSelect .select-all.partial > span i {
  background-color: #fff;
}

.default-color-scheme .SumoSelect > .optWrapper > .options li label {
  padding: 8px !important;
}

.callback--center .social-img {
  display: none;
}

.callback--center .social-text {
  padding-top: 25px;
}

.callback--center #polboxtv-element-map .contact .vertical-center {
  clear: both;
  margin-bottom: 50px;
  padding-top: 20px;
}

.social-img {
  padding-top: 88px;
  margin-bottom: 45px;
}

.social-text {
  margin-bottom: 28px;
}

.callback--center .contact .map {
  float: right;
  margin-right: 15px !important;
}

.nobg {
  background: white !important;
}

.social-border {
  background-color: #ccc;
  height: 20px;
  margin-left: -4px;
  margin-top: 15px;
  position: absolute;
  width: 2px;
}

#polboxtv-element-map .contact li a:hover {
  opacity: 0.8;
}

#polboxtv-validation-element {
  display: table;
}

#polboxtv-validation-element .tooltip__text {
  display: table-cell;
  vertical-align: middle;
}

#polboxtv-element-social-buttons {
  margin-top: 20px;
  margin-left: -90px;
  margin-right: -90px;
}

.callback--bottom #polboxtv-element-social-buttons {
  margin-bottom: 35px;
}

#polboxtv-element-final-offline.callback__box--current {
  display: table;
}

#polboxtv-element-final-offline.callback__box--current .polboxtv-element-final-offline-vertical {
  display: table-cell;
  vertical-align: middle;
}

.form_radio {
  margin-bottom: 5px;
  text-align: left;
  font-size: 16px;
  padding: 5px 0 0 0;
}

.form_radio input[type=radio] {
  display: none;
}

.form_radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 0;
  line-height: 24px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  padding: 5px 0 0 32px;
}

.form_radio label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background: url(../img/radio-nochecked.png) 0 0 no-repeat;
}

/* Checked */
.form_radio input[type=radio]:checked + label:before {
  background: url(../img/radio-checked.png) 0 0 no-repeat; /* url(../img/callback/default-bg_lr.png)*/
}

/* Hover */
.form_radio label:hover:before {
  filter: brightness(120%);
}

/* Disabled */
.form_radio input[type=radio]:disabled + label:before {
  filter: grayscale(100%);
}

/* Style popup-promo */
.popup_parent.hide {
  background: none;
  position: initial !important;
  height: 0;
}

.popup_child.hide {
  top: auto !important;
  bottom: 0;
}
.popup_child.hide .popup_body {
  display: none;
}
.popup_child.hide .popup_footer {
  display: none;
}
.popup_child.hide .popup_head {
  cursor: pointer;
}
.popup_child.hide .popup_head:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -ms-animation: none;
  transform: translate3d(0, 0, 0);
  -ms-transform: none;
  backface-visibility: hidden;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
    -ms-transform: none;
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
    -ms-transform: none;
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
    -ms-transform: none;
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
    -ms-transform: none;
  }
}
@keyframes down {
  0% {
    bottom: 20%;
  }
  100% {
    bottom: 0;
  }
}

.popup_parent {
  background: rgba(0, 0, 0, 0.68);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
}
.popup_parent .popup_child {
  position: fixed;
  width: 300px;
  height: auto;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -150px;
  z-index: 99999;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.25);
  /*-webkit-transition: top 1s ease-out 0s;
  -moz-transition: top 1s ease-out 0s;
  -o-transition: top 1s ease-out 0s;
  transition: top 1s ease-out 0s;*/
}
.popup_parent .popup_child > i {
  position: absolute;
  right: 0;
  color: white;
  margin: -5%;
  cursor: pointer;
  font-size: x-large;
  border-radius: 50px;
  background: red;
  width: 27px;
  height: 27px;
  text-align: center;
}
.popup_parent .popup_child > i:hover {
  background: white;
  color: red;
}
.popup_parent .popup_child .popup_head {
  text-align: center;
  height: 20px;
  background-color: red;
  color: white;
  font-size: x-large;
  padding: 15px 0 15px 0;
  border-bottom: dashed 3px white;
}
.popup_parent .popup_child .popup_head > span {
  color: red;
  background-color: white;
  border-radius: 50%;
  padding: 0 10px 0 10px;
}
.popup_parent .popup_child .popup_body {
  padding: 30px 30px 0 30px;
}
.popup_parent .popup_child .popup_body > .ff-horizontal > ul li:first-child {
  width: 100px;
  text-align: left;
}
.popup_parent .popup_child .popup_body > .ff-horizontal > ul li:nth-child(2) {
  text-align: right !important;
}
.popup_parent .popup_child .popup_body > .ff-horizontal > ul button {
  margin: auto;
}
.popup_parent .popup_child .popup_footer {
  background-color: #eee;
  height: 10px;
  padding-top: 55px;
  margin-top: -65px;
}

/* Style Suspended Subscription */
/*.subscriptionWrap {
  background-image: url(/tpl/tpl-main/img/image_content/soglas_zawieszony.png);
  display: block;
  margin: 0 15px 0 15px;
  width: 840px;
  height: 269px;
}*/
.sospeso_box.subscriptionWrap {
  padding: 0;
  width: 100%;
  background-image: url(/tpl/tpl-main/img/image_content/soglas_zawieszony.png);
  display: block;
  height: 269px;
}
.sospeso_box.subscriptionWrap .sospeso_box__col {
  display: table-cell;
  float: left;
  width: 50%;
  height: 100%;
}
.sospeso_box.subscriptionWrap .sospeso_box__col .sospeso_box__entry {
  text-align: center;
  padding-top: 200px;
}
.sospeso_box.subscriptionWrap .sospeso_box__col .sospeso_box__entry a.button {
  color: #fff;
  background: transparent;
  padding: 10px 55px;
  border-width: 1px;
  font-size: 20px;
  font-weight: 600;
}
.sospeso_box.subscriptionWrap .sospeso_box__col .sospeso_box__entry a.button:hover {
  background-color: rgba(208, 208, 208, 0.43);
  color: black;
}
.sospeso_box.subscriptionWrap .sospeso_box__col .sospeso_box__entry h1, .sospeso_box.subscriptionWrap .sospeso_box__col .sospeso_box__entry p {
  color: white;
}
.sospeso_box.subscriptionWrap .want .sospeso_box__entry {
  text-align: right;
}
.sospeso_box.subscriptionWrap .want .sospeso_box__entry > a.button {
  background: #ff0000;
}
.sospeso_box.subscriptionWrap .want .sospeso_box__entry > a.button:hover {
  background-color: #d80000;
  color: #ffffff;
}
.sospeso_box.subscriptionWrap .give .sospeso_box__entry {
  text-align: left;
}
.sospeso_box.subscriptionWrap .give .sospeso_box__entry > a.button {
  background: #7a7a7a;
}
.sospeso_box.subscriptionWrap .give .sospeso_box__entry > a.button:hover {
  background-color: #646464;
  color: #ffffff;
}

.sospeso_not_found {
  text-align: center;
  font-size: 2em;
  line-height: 2em;
}

.sospeso_name {
  text-align: center;
  font-size: 2em;
  color: #f90000;
  line-height: 2em;
}

.sospeso_list.lucky {
  padding: 30px;
}

.sospeso_list .height70 {
  height: 70px;
}
.sospeso_list hr {
  color: gray;
  height: 1px;
}
.sospeso_list .bodyMessage {
  margin: 0 0 45px 0;
  width: 100%;
}
.sospeso_list .bodyMessage .request {
  float: left;
  display: table-cell;
  width: 90%;
}
.sospeso_list .bodyMessage .request label {
  font-weight: 700;
  font-size: 15px;
}
.sospeso_list .bodyMessage .request .city {
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
  margin: 0;
}
.sospeso_list .bodyMessage .request .request__message {
  font-style: italic;
  color: #777;
  font-size: 12px;
}
.sospeso_list .bodyMessage .request__gifted {
  display: table-cell;
  width: 25%;
  color: grey;
  font-weight: 600;
  text-align: right;
}
.sospeso_list .bodyMessage .request__gifted i {
  color: red;
}
.sospeso_list .bodyMessage .request__gifted label {
  font-weight: 700;
  font-size: 15px;
}
.sospeso_list .bodyMessage .request__gifted .request__message {
  font-style: italic;
  color: #777;
  font-size: 12px;
}
.sospeso_list .bodyMessage .width35 {
  width: 35%;
}
.sospeso_list .bodyMessage .width50 {
  width: 50%;
}
.sospeso_list .bodyMessage .commentTanks {
  display: table-cell;
  width: 30%;
}
.sospeso_list .bodyMessage .options {
  display: table-cell;
  text-align: right;
  width: 10%;
}
.sospeso_list .bodyMessage .options i {
  color: gray;
  font-size: x-large;
}
.sospeso_list .bodyMessage .options i:hover {
  color: red;
}
.sospeso_list .bodyMessage .options i:active {
  color: red;
}
.sospeso_list .bodyMessage .options .msgTrue {
  color: #37c537;
}
.sospeso_list .bodyMessage .options .msgFalse {
  color: #eaeaea;
}
.sospeso_list .bodyMessage .options .msgFalse:hover {
  color: #e2e2e2;
}
.sospeso_list .bodyMessage .options .msgFalse:active {
  color: #e2e2e2;
}

.sospeso_list .name {
  width: 130px;
}
.sospeso_list .date {
  width: 80px;
}

@media all and (max-width: 1099px) {
  .sospeso_list .sospeso_name {
    font-size: 2vmax;
  }
  .sospeso_list .height70 {
    height: auto;
  }
  .sospeso_list .bodyMessage .width50 {
    width: 100%;
  }
  .sospeso_list .bodyMessage .width50 .request__message {
    width: 100%;
  }
  .sospeso_list .bodyMessage .request__gifted {
    padding-top: 15px;
    display: table;
    width: 100%;
    text-align: left;
  }
}
@media all and (max-width: 768px) {
  .sospeso_box__form {
    padding: 10px !important;
  }
  .sospeso_box {
    background-size: cover;
    background-position: right;
  }
  .sospeso_box .sospeso_box__col {
    float: none !important;
  }
  .sospeso_box .sospeso_box__col a.button {
    padding: 10px 25px !important;
  }
  .active {
    width: 100% !important;
  }
  .empty {
    width: 0 !important;
  }
  .lucky {
    padding: 8px !important;
  }
  .sospeso_list {
    padding: 10px;
  }
  .sospeso_list .sospeso_name {
    font-size: 2vmax;
  }
  .sospeso_list .height70 {
    height: auto;
  }
  .sospeso_list .bodyMessage .width50 {
    width: 100%;
  }
  .sospeso_list .bodyMessage .width50 .request__message {
    width: 100%;
  }
  .sospeso_list .bodyMessage .request__gifted {
    padding-top: 15px;
    display: table;
    width: 100%;
    text-align: left;
  }
  .sospeso_box__pager {
    float: right !important;
  }
}
.trialPromoBlock {
  box-sizing: border-box;
  height: 190px;
}
.trialPromoBlock .bannerImg {
  height: 100%;
}
.trialPromoBlock .bannerImg > a > .img {
  background: url(../img/trial.png);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: right;
}
.trialPromoBlock .bannerText {
  display: none;
}

@media all and (max-width: 768px) {
  .trialPromoBlock {
    height: 100px;
    display: table;
    width: 100%;
    margin-bottom: -10px;
  }
  .trialPromoBlock .bannerImg {
    display: none;
  }
  .trialPromoBlock .bannerText {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 8vw;
    background-color: red;
    color: white;
  }
  .sideMenuWrap.trialPromoBlock {
    border: none;
  }
}
.coupons {
  border-bottom: 1px solid #e2e2e2;
  padding: 15px 10px 15px 0px;
}
.coupons .coupon-view {
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 20px;
  height: 155px;
  width: 360px;
  float: left;
}
.coupons .coupon-view .coupon-head {
  padding: 24px 0 0 28px;
  font-size: 10px;
  color: #989898;
}
.coupons .coupon-view .coupon-body {
  padding: 20px 0 0 24px;
  font-weight: bold;
  font-size: 31px;
  color: #808080;
}
.coupons .coupon-view .coupon-food {
  padding: 29px 75px 0 24px;
  font-size: 13px;
  color: #989898;
}
.coupons .coupon-info {
  display: inline-block;
  margin: 13px 0px 0px 20px;
  font-size: 12px;
  float: left;
}
.coupons .coupon-info a {
  color: #000000;
}
.coupons .coupon-info p {
  margin-bottom: 12px;
  color: #000000;
}
.coupons .coupon-info p span {
  display: inline-block;
  color: #989898;
  width: 95px;
}

.coupons-list > :last-child {
  border-bottom: 0px;
}

.coupon-active {
  background-image: url("/tpl/tpl-main/img/coupon-active.png");
}

.coupon-used {
  background-image: url("/tpl/tpl-main/img/coupon-used.png");
}

@media (max-width: 380px) {
  .coupons .coupon-view {
    width: 100%;
    background-size: contain;
  }
  .coupons .coupon-view .coupon-head {
    padding: 10px 0 0 20px;
  }
  .coupons .coupon-view .coupon-body {
    padding: 10px 0 0 20px;
    font-size: 28px;
  }
}
.credential {
  position: relative;
}

.credential-copied {
  display: none;
  position: absolute;
  right: 45px;
  top: -7px;
  font-weight: 400;
  background-color: #333333;
  padding: 5px 15px;
  border-radius: 5px;
  color: lightgrey;
  transition: all 0.3s linear;
  transition-behavior: allow-discrete;
  opacity: 0;
}

.credential-copied-active-show {
  display: block;
  opacity: 0.9;
}
@starting-style {
  .credential-copied-active-show {
    opacity: 0;
  }
}

.promo-disable .form-inline {
  position: relative;
  text-align: left;
  padding-left: 20%;
}
.promo-disable .form-inline p.lead {
  margin: 0 0 5px;
  display: block;
  text-align: left;
}
.promo-disable .form-inline .copy-input {
  width: 50%;
  display: inline-block;
}
.promo-disable .copy-button {
  display: inline-block;
  vertical-align: top;
  font-size: 28px;
  outline: none;
}
.promo-disable .copy-button > i {
  text-align: center;
  width: 28px;
}

/*!
 * jQuery UI CSS Framework 1.11.0
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI CSS Framework 1.11.0
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #6EB9EB;
  background: #ffffff 50% 50% repeat-x;
  color: #7B7B7B;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid rgb(159.75, 159.75, 159.75); /*{borderColorHeader}*/
  background: rgb(185.25, 185.25, 185.25) 50% 50% repeat-x;
  color: #FFFFFF;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #CACACA;
  background: #FFFFFF 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #c6c6c6;
  background: rgb(223.5, 223.5, 223.5) 50% 50% repeat-x;
  font-weight: normal;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #cc0000;
  background: #ff0000 50% 50% repeat-x;
  font-weight: normal;
  color: #FFFFFF;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid rgb(159.75, 159.75, 159.75);
  background: rgb(185.25, 185.25, 185.25) 50% 50% repeat-x;
  color: #FFFFFF;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/*!
 * jQuery UI Datepicker 1.11.0
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
  color: #5E5353;
  border: 1px solid #ddd;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 44%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

#main-trial-section .intl-tel-input, .container .intl-tel-input {
  position: relative;
  display: inline-block;
}
#main-trial-section .intl-tel-input *, .container .intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#main-trial-section .intl-tel-input .hide, .container .intl-tel-input .hide {
  display: none;
}
#main-trial-section .intl-tel-input .v-hide, .container .intl-tel-input .v-hide {
  visibility: hidden;
}
#main-trial-section .intl-tel-input input, #main-trial-section .intl-tel-input input[type=text], #main-trial-section .intl-tel-input input[type=tel], .container .intl-tel-input input, .container .intl-tel-input input[type=text], .container .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
#main-trial-section .intl-tel-input .flag-container, .container .intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
#main-trial-section .intl-tel-input .selected-flag, .container .intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
#main-trial-section .intl-tel-input .selected-flag .iti-arrow, .container .intl-tel-input .selected-flag .iti-arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
#main-trial-section .intl-tel-input .selected-flag .iti-arrow.up, .container .intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}
#main-trial-section .intl-tel-input .country-list, .container .intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#main-trial-section .intl-tel-input .country-list.dropup, .container .intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
#main-trial-section .intl-tel-input .country-list .flag-box, .container .intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}
@media (max-width: 500px) {
  #main-trial-section .intl-tel-input .country-list, .container .intl-tel-input .country-list {
    white-space: normal;
  }
}
#main-trial-section .intl-tel-input .country-list .divider, .container .intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
#main-trial-section .intl-tel-input .country-list .country, .container .intl-tel-input .country-list .country {
  padding: 5px 10px;
}
#main-trial-section .intl-tel-input .country-list .country .dial-code, .container .intl-tel-input .country-list .country .dial-code {
  color: #999;
}
#main-trial-section .intl-tel-input .country-list .country.highlight:hover, .container .intl-tel-input .country-list .country.highlight:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
#main-trial-section .intl-tel-input .country-list .flag-box, #main-trial-section .intl-tel-input .country-list .country-name, #main-trial-section .intl-tel-input .country-list .dial-code, .container .intl-tel-input .country-list .flag-box, .container .intl-tel-input .country-list .country-name, .container .intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}
#main-trial-section .intl-tel-input .country-list .flag-box, #main-trial-section .intl-tel-input .country-list .country-name, .container .intl-tel-input .country-list .flag-box, .container .intl-tel-input .country-list .country-name {
  margin-right: 6px;
}
#main-trial-section .intl-tel-input.allow-dropdown input, #main-trial-section .intl-tel-input.allow-dropdown input[type=text], #main-trial-section .intl-tel-input.allow-dropdown input[type=tel], #main-trial-section .intl-tel-input.separate-dial-code input, #main-trial-section .intl-tel-input.separate-dial-code input[type=text], #main-trial-section .intl-tel-input.separate-dial-code input[type=tel], .container .intl-tel-input.allow-dropdown input, .container .intl-tel-input.allow-dropdown input[type=text], .container .intl-tel-input.allow-dropdown input[type=tel], .container .intl-tel-input.separate-dial-code input, .container .intl-tel-input.separate-dial-code input[type=text], .container .intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
#main-trial-section .intl-tel-input.allow-dropdown .flag-container, #main-trial-section .intl-tel-input.separate-dial-code .flag-container, .container .intl-tel-input.allow-dropdown .flag-container, .container .intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}
#main-trial-section .intl-tel-input.allow-dropdown .flag-container:hover, .container .intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}
#main-trial-section .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag, .container .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
#main-trial-section .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, #main-trial-section .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover, .container .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .container .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}
#main-trial-section .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, #main-trial-section .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag, .container .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .container .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}
#main-trial-section .intl-tel-input.separate-dial-code .selected-flag:hover, .container .intl-tel-input.separate-dial-code .selected-flag:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
#main-trial-section .intl-tel-input.separate-dial-code .selected-dial-code, .container .intl-tel-input.separate-dial-code .selected-dial-code {
  margin-left: 6px;
}
#main-trial-section .intl-tel-input.iti-container, .container .intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
#main-trial-section .intl-tel-input.iti-container:hover, .container .intl-tel-input.iti-container:hover {
  cursor: pointer;
}
#main-trial-section .iti-mobile .intl-tel-input.iti-container, .container .iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
#main-trial-section .iti-mobile .intl-tel-input .country-list, .container .iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}
#main-trial-section .iti-mobile .intl-tel-input .country-list .country, .container .iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}
#main-trial-section .iti-flag, .container .iti-flag {
  width: 20px;
}
#main-trial-section .iti-flag.be, .container .iti-flag.be {
  width: 18px;
}
#main-trial-section .iti-flag.ch, .container .iti-flag.ch {
  width: 15px;
}
#main-trial-section .iti-flag.mc, .container .iti-flag.mc {
  width: 19px;
}
#main-trial-section .iti-flag.ne, .container .iti-flag.ne {
  width: 18px;
}
#main-trial-section .iti-flag.np, .container .iti-flag.np {
  width: 13px;
}
#main-trial-section .iti-flag.va, .container .iti-flag.va {
  width: 15px;
}
@media (min-resolution: 192dpi) {
  #main-trial-section .iti-flag, .container .iti-flag {
    background-size: 5652px 15px;
  }
}
#main-trial-section .iti-flag.ac, .container .iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}
#main-trial-section .iti-flag.ad, .container .iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}
#main-trial-section .iti-flag.ae, .container .iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}
#main-trial-section .iti-flag.af, .container .iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}
#main-trial-section .iti-flag.ag, .container .iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}
#main-trial-section .iti-flag.ai, .container .iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}
#main-trial-section .iti-flag.al, .container .iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}
#main-trial-section .iti-flag.am, .container .iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}
#main-trial-section .iti-flag.ao, .container .iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}
#main-trial-section .iti-flag.aq, .container .iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}
#main-trial-section .iti-flag.ar, .container .iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}
#main-trial-section .iti-flag.as, .container .iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}
#main-trial-section .iti-flag.at, .container .iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}
#main-trial-section .iti-flag.au, .container .iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}
#main-trial-section .iti-flag.aw, .container .iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}
#main-trial-section .iti-flag.ax, .container .iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}
#main-trial-section .iti-flag.az, .container .iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}
#main-trial-section .iti-flag.ba, .container .iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}
#main-trial-section .iti-flag.bb, .container .iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}
#main-trial-section .iti-flag.bd, .container .iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}
#main-trial-section .iti-flag.be, .container .iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}
#main-trial-section .iti-flag.bf, .container .iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}
#main-trial-section .iti-flag.bg, .container .iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}
#main-trial-section .iti-flag.bh, .container .iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}
#main-trial-section .iti-flag.bi, .container .iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}
#main-trial-section .iti-flag.bj, .container .iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}
#main-trial-section .iti-flag.bl, .container .iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}
#main-trial-section .iti-flag.bm, .container .iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}
#main-trial-section .iti-flag.bn, .container .iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}
#main-trial-section .iti-flag.bo, .container .iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}
#main-trial-section .iti-flag.bq, .container .iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}
#main-trial-section .iti-flag.br, .container .iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}
#main-trial-section .iti-flag.bs, .container .iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}
#main-trial-section .iti-flag.bt, .container .iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}
#main-trial-section .iti-flag.bv, .container .iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}
#main-trial-section .iti-flag.bw, .container .iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}
#main-trial-section .iti-flag.by, .container .iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}
#main-trial-section .iti-flag.bz, .container .iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}
#main-trial-section .iti-flag.ca, .container .iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}
#main-trial-section .iti-flag.cc, .container .iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}
#main-trial-section .iti-flag.cd, .container .iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}
#main-trial-section .iti-flag.cf, .container .iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}
#main-trial-section .iti-flag.cg, .container .iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}
#main-trial-section .iti-flag.ch, .container .iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}
#main-trial-section .iti-flag.ci, .container .iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}
#main-trial-section .iti-flag.ck, .container .iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}
#main-trial-section .iti-flag.cl, .container .iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}
#main-trial-section .iti-flag.cm, .container .iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}
#main-trial-section .iti-flag.cn, .container .iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}
#main-trial-section .iti-flag.co, .container .iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}
#main-trial-section .iti-flag.cp, .container .iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}
#main-trial-section .iti-flag.cr, .container .iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}
#main-trial-section .iti-flag.cu, .container .iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}
#main-trial-section .iti-flag.cv, .container .iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}
#main-trial-section .iti-flag.cw, .container .iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}
#main-trial-section .iti-flag.cx, .container .iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}
#main-trial-section .iti-flag.cy, .container .iti-flag.cy {
  height: 14px;
  background-position: -1225px 0px;
}
#main-trial-section .iti-flag.cz, .container .iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}
#main-trial-section .iti-flag.de, .container .iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}
#main-trial-section .iti-flag.dg, .container .iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}
#main-trial-section .iti-flag.dj, .container .iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}
#main-trial-section .iti-flag.dk, .container .iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}
#main-trial-section .iti-flag.dm, .container .iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}
#main-trial-section .iti-flag.do, .container .iti-flag.do {
  height: 14px;
  background-position: -1379px 0px;
}
#main-trial-section .iti-flag.dz, .container .iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}
#main-trial-section .iti-flag.ea, .container .iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}
#main-trial-section .iti-flag.ec, .container .iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}
#main-trial-section .iti-flag.ee, .container .iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}
#main-trial-section .iti-flag.eg, .container .iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}
#main-trial-section .iti-flag.eh, .container .iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}
#main-trial-section .iti-flag.er, .container .iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}
#main-trial-section .iti-flag.es, .container .iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}
#main-trial-section .iti-flag.et, .container .iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}
#main-trial-section .iti-flag.eu, .container .iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}
#main-trial-section .iti-flag.fi, .container .iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}
#main-trial-section .iti-flag.fj, .container .iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}
#main-trial-section .iti-flag.fk, .container .iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}
#main-trial-section .iti-flag.fm, .container .iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}
#main-trial-section .iti-flag.fo, .container .iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}
#main-trial-section .iti-flag.fr, .container .iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}
#main-trial-section .iti-flag.ga, .container .iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}
#main-trial-section .iti-flag.gb, .container .iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}
#main-trial-section .iti-flag.gd, .container .iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}
#main-trial-section .iti-flag.ge, .container .iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}
#main-trial-section .iti-flag.gf, .container .iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}
#main-trial-section .iti-flag.gg, .container .iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}
#main-trial-section .iti-flag.gh, .container .iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}
#main-trial-section .iti-flag.gi, .container .iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}
#main-trial-section .iti-flag.gl, .container .iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}
#main-trial-section .iti-flag.gm, .container .iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}
#main-trial-section .iti-flag.gn, .container .iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}
#main-trial-section .iti-flag.gp, .container .iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}
#main-trial-section .iti-flag.gq, .container .iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}
#main-trial-section .iti-flag.gr, .container .iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}
#main-trial-section .iti-flag.gs, .container .iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}
#main-trial-section .iti-flag.gt, .container .iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}
#main-trial-section .iti-flag.gu, .container .iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}
#main-trial-section .iti-flag.gw, .container .iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}
#main-trial-section .iti-flag.gy, .container .iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}
#main-trial-section .iti-flag.hk, .container .iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}
#main-trial-section .iti-flag.hm, .container .iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}
#main-trial-section .iti-flag.hn, .container .iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}
#main-trial-section .iti-flag.hr, .container .iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}
#main-trial-section .iti-flag.ht, .container .iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}
#main-trial-section .iti-flag.hu, .container .iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}
#main-trial-section .iti-flag.ic, .container .iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}
#main-trial-section .iti-flag.id, .container .iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}
#main-trial-section .iti-flag.ie, .container .iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}
#main-trial-section .iti-flag.il, .container .iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}
#main-trial-section .iti-flag.im, .container .iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}
#main-trial-section .iti-flag.in, .container .iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}
#main-trial-section .iti-flag.io, .container .iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}
#main-trial-section .iti-flag.iq, .container .iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}
#main-trial-section .iti-flag.ir, .container .iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}
#main-trial-section .iti-flag.is, .container .iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}
#main-trial-section .iti-flag.it, .container .iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}
#main-trial-section .iti-flag.je, .container .iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}
#main-trial-section .iti-flag.jm, .container .iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}
#main-trial-section .iti-flag.jo, .container .iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}
#main-trial-section .iti-flag.jp, .container .iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}
#main-trial-section .iti-flag.ke, .container .iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}
#main-trial-section .iti-flag.kg, .container .iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}
#main-trial-section .iti-flag.kh, .container .iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}
#main-trial-section .iti-flag.ki, .container .iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}
#main-trial-section .iti-flag.km, .container .iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}
#main-trial-section .iti-flag.kn, .container .iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}
#main-trial-section .iti-flag.kp, .container .iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}
#main-trial-section .iti-flag.kr, .container .iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}
#main-trial-section .iti-flag.kw, .container .iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}
#main-trial-section .iti-flag.ky, .container .iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}
#main-trial-section .iti-flag.kz, .container .iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}
#main-trial-section .iti-flag.la, .container .iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}
#main-trial-section .iti-flag.lb, .container .iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}
#main-trial-section .iti-flag.lc, .container .iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}
#main-trial-section .iti-flag.li, .container .iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}
#main-trial-section .iti-flag.lk, .container .iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}
#main-trial-section .iti-flag.lr, .container .iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}
#main-trial-section .iti-flag.ls, .container .iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}
#main-trial-section .iti-flag.lt, .container .iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}
#main-trial-section .iti-flag.lu, .container .iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}
#main-trial-section .iti-flag.lv, .container .iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}
#main-trial-section .iti-flag.ly, .container .iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}
#main-trial-section .iti-flag.ma, .container .iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}
#main-trial-section .iti-flag.mc, .container .iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}
#main-trial-section .iti-flag.md, .container .iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}
#main-trial-section .iti-flag.me, .container .iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}
#main-trial-section .iti-flag.mf, .container .iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}
#main-trial-section .iti-flag.mg, .container .iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}
#main-trial-section .iti-flag.mh, .container .iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}
#main-trial-section .iti-flag.mk, .container .iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}
#main-trial-section .iti-flag.ml, .container .iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}
#main-trial-section .iti-flag.mm, .container .iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}
#main-trial-section .iti-flag.mn, .container .iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}
#main-trial-section .iti-flag.mo, .container .iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}
#main-trial-section .iti-flag.mp, .container .iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}
#main-trial-section .iti-flag.mq, .container .iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}
#main-trial-section .iti-flag.mr, .container .iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}
#main-trial-section .iti-flag.ms, .container .iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}
#main-trial-section .iti-flag.mt, .container .iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}
#main-trial-section .iti-flag.mu, .container .iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}
#main-trial-section .iti-flag.mv, .container .iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}
#main-trial-section .iti-flag.mw, .container .iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}
#main-trial-section .iti-flag.mx, .container .iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}
#main-trial-section .iti-flag.my, .container .iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}
#main-trial-section .iti-flag.mz, .container .iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}
#main-trial-section .iti-flag.na, .container .iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}
#main-trial-section .iti-flag.nc, .container .iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}
#main-trial-section .iti-flag.ne, .container .iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}
#main-trial-section .iti-flag.nf, .container .iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}
#main-trial-section .iti-flag.ng, .container .iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}
#main-trial-section .iti-flag.ni, .container .iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}
#main-trial-section .iti-flag.nl, .container .iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}
#main-trial-section .iti-flag.no, .container .iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}
#main-trial-section .iti-flag.np, .container .iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}
#main-trial-section .iti-flag.nr, .container .iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}
#main-trial-section .iti-flag.nu, .container .iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}
#main-trial-section .iti-flag.nz, .container .iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}
#main-trial-section .iti-flag.om, .container .iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}
#main-trial-section .iti-flag.pa, .container .iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}
#main-trial-section .iti-flag.pe, .container .iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}
#main-trial-section .iti-flag.pf, .container .iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}
#main-trial-section .iti-flag.pg, .container .iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}
#main-trial-section .iti-flag.ph, .container .iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}
#main-trial-section .iti-flag.pk, .container .iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}
#main-trial-section .iti-flag.pl, .container .iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}
#main-trial-section .iti-flag.pm, .container .iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}
#main-trial-section .iti-flag.pn, .container .iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}
#main-trial-section .iti-flag.pr, .container .iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}
#main-trial-section .iti-flag.ps, .container .iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}
#main-trial-section .iti-flag.pt, .container .iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}
#main-trial-section .iti-flag.pw, .container .iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}
#main-trial-section .iti-flag.py, .container .iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}
#main-trial-section .iti-flag.qa, .container .iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}
#main-trial-section .iti-flag.re, .container .iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}
#main-trial-section .iti-flag.ro, .container .iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}
#main-trial-section .iti-flag.rs, .container .iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}
#main-trial-section .iti-flag.ru, .container .iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}
#main-trial-section .iti-flag.rw, .container .iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}
#main-trial-section .iti-flag.sa, .container .iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}
#main-trial-section .iti-flag.sb, .container .iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}
#main-trial-section .iti-flag.sc, .container .iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}
#main-trial-section .iti-flag.sd, .container .iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}
#main-trial-section .iti-flag.se, .container .iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}
#main-trial-section .iti-flag.sg, .container .iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}
#main-trial-section .iti-flag.sh, .container .iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}
#main-trial-section .iti-flag.si, .container .iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}
#main-trial-section .iti-flag.sj, .container .iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}
#main-trial-section .iti-flag.sk, .container .iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}
#main-trial-section .iti-flag.sl, .container .iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}
#main-trial-section .iti-flag.sm, .container .iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}
#main-trial-section .iti-flag.sn, .container .iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}
#main-trial-section .iti-flag.so, .container .iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}
#main-trial-section .iti-flag.sr, .container .iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}
#main-trial-section .iti-flag.ss, .container .iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}
#main-trial-section .iti-flag.st, .container .iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}
#main-trial-section .iti-flag.sv, .container .iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}
#main-trial-section .iti-flag.sx, .container .iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}
#main-trial-section .iti-flag.sy, .container .iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}
#main-trial-section .iti-flag.sz, .container .iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}
#main-trial-section .iti-flag.ta, .container .iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}
#main-trial-section .iti-flag.tc, .container .iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}
#main-trial-section .iti-flag.td, .container .iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}
#main-trial-section .iti-flag.tf, .container .iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}
#main-trial-section .iti-flag.tg, .container .iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}
#main-trial-section .iti-flag.th, .container .iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}
#main-trial-section .iti-flag.tj, .container .iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}
#main-trial-section .iti-flag.tk, .container .iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}
#main-trial-section .iti-flag.tl, .container .iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}
#main-trial-section .iti-flag.tm, .container .iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}
#main-trial-section .iti-flag.tn, .container .iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}
#main-trial-section .iti-flag.to, .container .iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}
#main-trial-section .iti-flag.tr, .container .iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}
#main-trial-section .iti-flag.tt, .container .iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}
#main-trial-section .iti-flag.tv, .container .iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}
#main-trial-section .iti-flag.tw, .container .iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}
#main-trial-section .iti-flag.tz, .container .iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}
#main-trial-section .iti-flag.ua, .container .iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}
#main-trial-section .iti-flag.ug, .container .iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}
#main-trial-section .iti-flag.um, .container .iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}
#main-trial-section .iti-flag.un, .container .iti-flag.un {
  height: 14px;
  background-position: -5241px 0px;
}
#main-trial-section .iti-flag.us, .container .iti-flag.us {
  height: 11px;
  background-position: -5263px 0px;
}
#main-trial-section .iti-flag.uy, .container .iti-flag.uy {
  height: 14px;
  background-position: -5285px 0px;
}
#main-trial-section .iti-flag.uz, .container .iti-flag.uz {
  height: 10px;
  background-position: -5307px 0px;
}
#main-trial-section .iti-flag.va, .container .iti-flag.va {
  height: 15px;
  background-position: -5329px 0px;
}
#main-trial-section .iti-flag.vc, .container .iti-flag.vc {
  height: 14px;
  background-position: -5346px 0px;
}
#main-trial-section .iti-flag.ve, .container .iti-flag.ve {
  height: 14px;
  background-position: -5368px 0px;
}
#main-trial-section .iti-flag.vg, .container .iti-flag.vg {
  height: 10px;
  background-position: -5390px 0px;
}
#main-trial-section .iti-flag.vi, .container .iti-flag.vi {
  height: 14px;
  background-position: -5412px 0px;
}
#main-trial-section .iti-flag.vn, .container .iti-flag.vn {
  height: 14px;
  background-position: -5434px 0px;
}
#main-trial-section .iti-flag.vu, .container .iti-flag.vu {
  height: 12px;
  background-position: -5456px 0px;
}
#main-trial-section .iti-flag.wf, .container .iti-flag.wf {
  height: 14px;
  background-position: -5478px 0px;
}
#main-trial-section .iti-flag.ws, .container .iti-flag.ws {
  height: 10px;
  background-position: -5500px 0px;
}
#main-trial-section .iti-flag.xk, .container .iti-flag.xk {
  height: 15px;
  background-position: -5522px 0px;
}
#main-trial-section .iti-flag.ye, .container .iti-flag.ye {
  height: 14px;
  background-position: -5544px 0px;
}
#main-trial-section .iti-flag.yt, .container .iti-flag.yt {
  height: 14px;
  background-position: -5566px 0px;
}
#main-trial-section .iti-flag.za, .container .iti-flag.za {
  height: 14px;
  background-position: -5588px 0px;
}
#main-trial-section .iti-flag.zm, .container .iti-flag.zm {
  height: 14px;
  background-position: -5610px 0px;
}
#main-trial-section .iti-flag.zw, .container .iti-flag.zw {
  height: 10px;
  background-position: -5632px 0px;
}
#main-trial-section .iti-flag, .container .iti-flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/tpl/tpl-main/img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
@media (min-resolution: 192dpi) {
  #main-trial-section .iti-flag, .container .iti-flag {
    background-image: url("/tpl/tpl-main/img/flags@2x.jpg");
  }
}
#main-trial-section .iti-flag.np, .container .iti-flag.np {
  background-color: transparent;
}

#wideoteka .pagination > a.buttonMini {
  color: #fff;
}
#wideoteka .pagination > a.buttonMini:focus,
#wideoteka .pagination > a.buttonMini:hover {
  color: #ff0000;
}
#wideoteka .catalog_films {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  margin: 10px auto;
  border-top: 1px solid #bbb;
}
#wideoteka .catalog_films a, #wideoteka .catalog_films a:focus, #wideoteka .catalog_films a:hover {
  color: #666;
  text-decoration: none;
}
#wideoteka .catalog_films li {
  list-style: none;
}
#wideoteka .catalog_films .catalog_films__block_main {
  padding: 20px;
}
#wideoteka .catalog_films .catalog_films__block_main .block_main__inner {
  margin: 0 -30px 0 0;
}
#wideoteka .catalog_films .catalog_films__block_main .block_main__inner .item {
  position: relative;
  display: inline-block;
  list-style: none;
  width: 145px;
  height: 263px;
  margin: 0 25px 20px 0;
  padding: 10px;
  border: 1px solid #ffffff;
  cursor: pointer;
}
#wideoteka .catalog_films .catalog_films__block_main .block_main__inner .item:hover {
  box-shadow: 0 1px 2px #d9d9d9;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}
#wideoteka .catalog_films .catalog_films__block_main .block_main__inner .item .cover {
  background: #f0f0f0;
  height: 215px;
  margin: 0 0 10px 0;
  border-radius: 2px;
}
#wideoteka .catalog_films .catalog_films__block_main .block_main__inner .item .label {
  position: absolute;
  left: 0;
  right: 0;
  top: 235px;
}
#wideoteka .catalog_films .catalog_films__block_main .block_main__inner .item .label .label__inner {
  text-align: center;
  color: #777777;
  font-size: 12px;
  font-weight: bold;
}
#wideoteka .catalog_films .catalog_films__block_main .pagination {
  text-align: center;
}
#wideoteka.--actor-page .catalog_films {
  border: 0 !important;
}
#wideoteka.--actor-page .catalog_films__block_main {
  padding: 0 !important;
}
#wideoteka.--actor-page .catalog_films__block_main a:hover {
  color: red !important;
  text-decoration: underline !important;
}
#wideoteka .tab_container {
  display: none;
}
#wideoteka .catalog-main {
  display: table;
  border-spacing: 0;
  width: 100%;
}
#wideoteka .catalog-main .catalog-main__column {
  display: table-cell;
  vertical-align: top;
}
#wideoteka .catalog-main .catalog-main__column.column_cover {
  width: 255px;
}
#wideoteka .catalog-main .active {
  width: auto !important;
}
#wideoteka .column_cover__inner > .cover .name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 10px 5px;
  z-index: 9;
}
#wideoteka .column_cover .column_cover__inner {
  background: #ffffff;
  width: 235px;
  min-height: 320px;
  padding: 10px;
  box-shadow: 0 1px 2px #e0e0e0;
  border: 1px solid #e9e9e9;
}
#wideoteka .column_cover .column_cover__inner .cover {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 235px;
  min-height: 320px;
  border-radius: 3px;
}
#wideoteka .column_cover .column_cover__inner .cover .watermark {
  position: absolute;
  background: #ff1b22;
  right: -10px;
  bottom: -10px;
  border-radius: 21px;
  border: 0;
  color: #ffffff;
  font-size: 14px;
  padding: 10px;
}
#wideoteka .column_main {
  padding: 10px 10px 10px 25px;
}
#wideoteka .p10 {
  padding: 10px;
}
#wideoteka .plr10 {
  padding: 0 10px;
}
#wideoteka .pl10 {
  padding: 0 0 0 10px;
}
#wideoteka .pr10 {
  padding: 0 10px 0 0;
}
#wideoteka .w25 {
  width: 25%;
}
#wideoteka .w50 {
  width: 50%;
}
#wideoteka .w75 {
  width: 75%;
}
#wideoteka .w100 {
  width: 100%;
}
#wideoteka .small {
  font-size: 11px;
}
#wideoteka .catalog-main .form {
  width: 700px;
  display: table;
  margin: 0 auto;
}
#wideoteka .catalog-main .form .column {
  display: table-cell;
  vertical-align: top;
}
#wideoteka .catalog-main .form textarea {
  border: 1px solid #e9e9e9;
  resize: none;
  width: 100%;
  min-height: 50px;
  padding: 4px;
}
#wideoteka .catalog-main .form input[type=submit] {
  background: #999999;
  color: #ffffff;
  border: 0;
  border-radius: 3px;
  padding: 7px 10px;
  cursor: pointer;
}
#wideoteka .catalog-main .form input[type=submit]:hover {
  box-shadow: 0 1px 2px #8c8c8c;
}
#wideoteka .catalog-main .title {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e0e0e0;
  margin: 10px 0;
  color: #ff0000;
  font-size: 18px;
}
#wideoteka .comment {
  padding: 10px 0;
  border-bottom: 1px solid #e9e9e9;
}
#wideoteka .comment .heart {
  position: relative;
  width: 10px;
  height: 10px;
}
#wideoteka .comment .heart:before, #wideoteka .comment .heart:after {
  position: absolute;
  content: "";
  left: 10px;
  top: 0;
  width: 10px;
  height: 17px;
  background: #ff7f7f;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
#wideoteka .comment .heart:after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}
#wideoteka .comment h1, #wideoteka .comment h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-indent: 50px;
  padding: 10px 0;
}
#wideoteka .menu_fluid {
  display: flex;
}
#wideoteka .catalog_main a {
  color: #202020;
}
#wideoteka .menu_align {
  display: table;
}
#wideoteka .menu_align .item {
  display: table-cell;
}
#wideoteka .rating-mask {
  background-image: url("../img/wideoteka/rating.png");
  background-repeat: no-repeat;
  width: 65px;
  height: 12px;
  cursor: pointer;
}
#wideoteka .rating {
  background-image: url("../img/wideoteka/rating.png");
  background-repeat: no-repeat;
  background-position: 0 -15px;
  height: 12px;
  width: 0;
  cursor: pointer;
}
#wideoteka .catalog_films__block_main a {
  text-decoration: none;
}
@media (max-width: 480px) {
  #wideoteka .catalog_films__block_main .block_main__inner {
    margin: 0 !important;
  }
  #wideoteka .catalog_films__block_main .block_main__inner a .item {
    display: block !important;
    margin: 0 auto !important;
  }
  #wideoteka .menu_align {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  #wideoteka .catalog_films__block_filter .fr {
    display: block;
    text-align: right;
    float: none !important;
  }
  #wideoteka .catalog_films__block_filter .fr a {
    text-transform: uppercase;
  }
  #wideoteka .catalog_films__block_filter a {
    text-decoration: none;
  }
  #wideoteka .catalog_films__block_filter .menu {
    display: block !important;
  }
  #wideoteka .catalog_films__block_filter .menu li {
    margin: 10px 0 !important;
  }
  #wideoteka .catalog_films__block_filter .submenu {
    top: 195px !important;
    border-top: 1px solid #C0C0C0;
  }
  #wideoteka .catalog_films__block_filter .submenu li.year a {
    display: inline-block;
  }
  #wideoteka .catalog_films__block_filter .submenu li.genre a, #wideoteka .catalog_films__block_filter .submenu li.country a {
    display: inline-block;
    width: 20%;
  }
  #wideoteka .catalog-main {
    display: block;
  }
  #wideoteka .catalog-main .catalog-main__column {
    display: block;
  }
  #wideoteka .catalog-main .column_cover {
    width: 100% !important;
  }
  #wideoteka .catalog-main .column_cover .column_cover__inner {
    margin: 0 auto;
  }
  #wideoteka .block_main__inner {
    margin: 0 !important;
  }
  #wideoteka .block_main__inner a {
    margin: 0 auto;
  }
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu .selected {
  display: inline-block;
  background-color: #ff7f7f;
  color: #fff;
  border-radius: 2px;
  padding: 5px;
  margin-right: 10px;
  min-width: 100px;
}
#wideoteka .catalog_films__block_filter > .menu > .search > [type=text] {
  background: none;
  box-sizing: border-box;
  color: #393939;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 9px 10px;
  width: 100% !important;
}
#wideoteka .catalog_films__block_filter > .menu > .search::after {
  display: table;
  content: " ";
  clear: both;
}
#wideoteka .catalog_films__block_filter > .menu > .search.dropdown {
  position: relative;
}
#wideoteka .catalog_films__block_filter > .menu > .search.dropdown > .dropdown-menu {
  width: 250px;
  min-width: 160px;
  display: none;
  position: absolute;
  right: 0 !important;
  left: 0 !important;
  margin-top: 20px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background: #fff;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px;
}
#wideoteka .catalog_films__block_filter > .menu > .search.dropdown > .dropdown-menu > .results {
  max-height: 300px;
  overflow-y: auto;
}
#wideoteka .catalog_films__block_filter > .menu > .search.dropdown > .dropdown-menu:before {
  display: block;
  content: "";
  background-color: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -11px;
  left: 20px;
  transform: rotate(45deg);
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
#wideoteka .catalog_films__block_filter > .menu > .search.dropdown.open .dropdown-menu {
  display: block;
}
#wideoteka .catalog_films__block_filter > .menu > .search.dropdown > .dropdown-menu > ul {
  padding: 10px;
}
#wideoteka .catalog_films__block_filter > .menu > .search.dropdown > .dropdown-menu > ul > li {
  padding-bottom: 10px;
}
#wideoteka .description {
  color: #999;
}
#wideoteka .breadcrumbsWrap .breadcrumbsBody {
  position: relative;
}
#wideoteka .breadcrumbsWrap {
  position: relative;
}
#wideoteka .breadcrumbsWrap .search-dropdown {
  right: 0;
}
#wideoteka .catalog_films__block_main a.buttonTransparentBorder {
  text-decoration: underline;
}
#wideoteka .catalog_films__block_main a.buttonTransparentBorder:hover {
  text-decoration: none;
}
#wideoteka .search .select > .label {
  position: relative;
}
#wideoteka {
  /* SELECT */
}
#wideoteka .select {
  position: relative;
}
#wideoteka .select > select {
  display: none; /*hide original SELECT element:*/
}
#wideoteka .select-selected {
  width: 100%;
  background-color: #ff0000;
  color: #fff;
  font-weight: 800;
  padding: 5px 10px;
  cursor: pointer;
}
#wideoteka {
  /*style the arrow inside the select element:*/
}
#wideoteka .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
}
#wideoteka .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
#wideoteka .select-items {
  margin-top: 1px;
  border-radius: 2px;
}
#wideoteka .select-items > div {
  color: #555;
  padding: 8px 16px;
  cursor: pointer;
}
#wideoteka .select-items > div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#wideoteka .select-items {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  left: inherit !important;
  z-index: 1001;
  min-width: 160px;
}
#wideoteka .select-hide {
  display: none;
}
#wideoteka {
  /* END OF SELECT */
}
#wideoteka .panel-call {
  margin: 20px 0;
  text-align: center;
}
#wideoteka .panel-call .button-call {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  background: #ff1919;
  min-width: 250px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  padding: 20px;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
}
#wideoteka .panel-call .button-call .x-hidden {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s ease;
  background: #ffa73d;
  border-radius: inherit;
  opacity: 0;
}
#wideoteka .panel-call .button-call .x-hidden .text {
  position: absolute;
  color: #ffffff;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#wideoteka .panel-call .button-call:hover .x-hidden {
  opacity: 1;
}
#wideoteka .column_cover__inner {
  position: relative;
}
#wideoteka .column_cover__inner > a.watch-trailer {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  display: block;
  background: url(/tpl/tpl-main/img/play.png) no-repeat 20px 9px, #333333;
  opacity: 0.9;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 9;
  text-align: center;
  padding: 10px 0;
}
#wideoteka .column_cover__inner > a.watch-trailer:hover {
  opacity: 0.8;
}
#wideoteka .panel-episodes {
  margin: 2px 0;
}
#wideoteka .panel-episodes .panel-heading {
  border-bottom: 1px solid #ddd;
  background: #ffffff;
  box-shadow: inset 0 -1px 0 #FFFFFF, inset 0 -4px 6px rgba(0, 0, 0, 0.039);
  font-size: 12px;
  cursor: pointer;
  list-style-type: none;
  padding: 10px 15px;
  margin: 0 0 -1px 0;
  border: 1px solid #ddd;
  border-right: 1px solid #ddd;
  color: #272729;
  text-decoration: none;
}
#wideoteka .panel-episodes .panel-episodes-list.hidden {
  display: none;
}
#wideoteka .panel-episodes .panel-episodes-list ul li {
  list-style-type: none;
  border-bottom: 1px dashed #e9e9e9;
}
#wideoteka .panel-episodes .panel-episodes-list ul li:last-child {
  border-bottom: 0;
}
#wideoteka .panel-episodes .panel-episodes-list ul li a {
  color: #555555;
  text-decoration: none;
}
#wideoteka .panel-episodes .panel-episodes-list ul li a div {
  padding: 5px 10px;
}
#wideoteka .panel-last-episode .panel-heading {
  border-bottom: 1px solid #d9d9d9;
  margin: 0 0 10px 0;
}
#wideoteka .panel-last-episode .panel-heading .col {
  text-align: center;
  font-size: 16px;
  padding: 10px;
}
#wideoteka .panel-last-episode span.episode-number {
  background: linear-gradient(-45deg, #ff7000 0%, #ff9000 50%, #ffa000 51%, #ffc900 100%);
  color: #ffffff;
  font-size: 16px;
  border-radius: 21px;
  padding: 10px 12px;
}
#wideoteka .panel-last-episode .episode-heading {
  text-align: center;
  font-size: 16px;
}
#wideoteka .panel-last-episode .episode-heading a {
  color: #555555;
}
#wideoteka {
  /* floats */
}
#wideoteka .pull-left {
  float: left !important;
}
#wideoteka .pull-right {
  float: right !important;
}
#wideoteka {
  /* clearfix */
}
#wideoteka .clearfix:before,
#wideoteka .clearfix:after {
  display: table;
  content: " ";
}
#wideoteka .clearfix:after {
  clear: both;
}
#wideoteka .invisible {
  visibility: hidden;
}
#wideoteka {
  /* centered block */
}
#wideoteka .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#wideoteka {
  /* */
}
#wideoteka .p-10 {
  padding: 10px;
}
#wideoteka .px-10 {
  padding-left: 10px;
  padding-right: 10px;
}
#wideoteka .mt-1 {
  margin-top: 1px;
}
#wideoteka .mt-5 {
  margin-top: 5px;
}
#wideoteka .mt-10 {
  margin-top: 10px;
}
#wideoteka .mt-15 {
  margin-top: 15px;
}
#wideoteka .mt-20 {
  margin-top: 20px;
}
#wideoteka .mt-25 {
  margin-top: 25px;
}
#wideoteka .mx-1 {
  margin-left: 5px;
  margin-right: 5px;
}
#wideoteka .my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
#wideoteka .mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}
#wideoteka .my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
#wideoteka .ml-auto {
  margin-left: auto;
}
#wideoteka .mr-auto {
  margin-right: auto;
}
#wideoteka .ml-1 {
  margin-left: 1px;
}
#wideoteka .ml-5 {
  margin-left: 5px;
}
#wideoteka .ml-10 {
  margin-left: 10px;
}
#wideoteka .mr-1 {
  margin-right: 1px;
}
#wideoteka .mr-5 {
  margin-right: 5px;
}
#wideoteka .mr-10 {
  margin-right: 10px;
}
#wideoteka {
  /* typography */
}
#wideoteka .text-center {
  text-align: center;
}
#wideoteka .text-left {
  text-align: left;
}
#wideoteka .text-right {
  text-align: right;
}
#wideoteka .text-justify {
  text-align: justify;
}
#wideoteka .text-normal {
  white-space: normal;
}
#wideoteka .text-nowrap {
  white-space: nowrap;
}
#wideoteka .text-lowercase {
  text-transform: lowercase;
}
#wideoteka .text-uppercase {
  text-transform: uppercase;
}
#wideoteka {
  /* headings */
  /*
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 14px;
  }
  h6 {
    font-size: 12px;
  }

  h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
  }
   */
  /* grid */
}
#wideoteka {
  /* loader */
}
#wideoteka .loader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
}
#wideoteka .loader:after {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  animation: rotate 0.6s linear infinite;
  border-radius: 100%;
  border-top: 1px solid #545a6a;
  border-bottom: 1px solid #d4d4db;
  border-left: 1px solid #545a6a;
  border-right: 1px solid #d4d4db;
  content: "";
  opacity: 0.5;
}
#wideoteka .loader.loader_large:after {
  width: 40px;
  height: 40px;
}
#wideoteka .loader.loader_medium:after {
  width: 25px;
  height: 25px;
}
#wideoteka .loader.loader_small:after {
  width: 10px;
  height: 10px;
}
#wideoteka .loader.loader_green:after {
  opacity: 1;
  border-top: 1px solid #42a26e;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #42a26e;
  border-right: 1px solid #fff;
}
@keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}
#wideoteka .clearfix {
  *zoom: 1;
}
#wideoteka .clearfix:before,
#wideoteka .clearfix:after {
  display: table;
  content: "";
}
#wideoteka .clearfix:after {
  clear: both;
}
#wideoteka .hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#wideoteka .input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#wideoteka .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 97;
  display: none;
  padding: 5px;
}
#wideoteka .popover {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
#wideoteka .popover .right {
  margin-left: -5px;
}
#wideoteka .popover.right .arrow {
  top: 20px;
  left: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #d0d0d0;
}
#wideoteka .popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
#wideoteka .popover-inner {
  width: 350px;
  min-height: 230px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  box-shadow: 0 1px 2px #d9d9d9;
}
#wideoteka .popover-title {
  background: #ffffff;
  border-bottom: 2px solid #ff001a;
  color: #696969;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 10px 5px 10px;
}
#wideoteka .popover-content {
  background: #ffffff;
  font-size: 12px;
  padding: 10px;
}
#wideoteka .popover-content p,
#wideoteka .popover-content ul,
#wideoteka .popover-content ol {
  margin-bottom: 0;
}
#wideoteka .popover-title, #wideoteka .popover-content p {
  margin: 0;
}
#wideoteka .p-5 {
  padding: 5px;
}
#wideoteka .text.uppercase {
  text-transform: uppercase;
}
#wideoteka .text.darkgrey {
  color: #666666;
}
#wideoteka .comments form ul li:first-child {
  display: none;
}
#wideoteka .cover {
  cursor: pointer;
  position: relative;
}
#wideoteka .no-cover {
  position: absolute;
  background-color: #e0e0e0;
}
#wideoteka .no-cover > .text {
  position: absolute;
  top: 50%;
  left: 30%;
  font-size: 24px;
  color: #999999;
  font-weight: 800;
}
#wideoteka .no-cover > .loader {
  position: absolute;
  margin-top: 50%;
}
#wideoteka .grid > .row {
  display: flex;
  flex-wrap: wrap;
}
#wideoteka .grid.row > .col {
  flex-basis: 0;
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
}
#wideoteka .grid.row > .col-md-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
#wideoteka {
  /* @colors */
}
#wideoteka .grey {
  color: #555555;
}
#wideoteka .flag {
  display: inline-block !important;
  float: none !important;
}
#wideoteka .media {
  margin: 0 !important;
}
#wideoteka .media .media-left {
  display: table-cell;
  vertical-align: top;
  padding: 0 10px 10px 0;
}
#wideoteka .media .media-body {
  display: table-cell;
  vertical-align: top;
}
#wideoteka .media .media-object {
  display: block;
  width: 64px;
  height: 64px;
}
#wideoteka .media-middle {
  vertical-align: middle !important;
}
#wideoteka .media-bottom {
  vertical-align: bottom !important;
}
#wideoteka .pull-right {
  float: right;
}
#wideoteka .pull-right:after {
  display: table;
  content: " ";
  clear: both;
}
#wideoteka .panel-episodes-list {
  padding: 10px;
  border: 1px solid #d0d0d0;
}
#wideoteka .fal {
  margin-right: 5px;
}
#wideoteka .spoiler-header-active {
  box-shadow: none !important;
}
#wideoteka {
  /* @typography */
}
#wideoteka .text-center {
  text-align: center;
}
#wideoteka ._table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
#wideoteka ._table td {
  padding: 2px 5px;
}
#wideoteka ._table.bordered {
  border: 1px solid #ddd;
}
#wideoteka .border-bottom-bordered {
  border-bottom: 1px solid #ddd;
}
#wideoteka table.centered {
  margin: 0 auto;
}
#wideoteka table.sm {
  max-width: 768px;
}
#wideoteka .panel-episodes-list .panel-heading {
  padding: 0;
  border-bottom: 1px solid #d9d9d9 !important;
}
#wideoteka .panel-episodes-list .panel-heading .col {
  color: #555555;
  font-size: 16px;
}
#wideoteka .panel-episodes-list .col a {
  color: #555555;
  font-size: 16px;
  text-decoration: none;
}
#wideoteka .panel-episodes-list .col a:hover {
  text-decoration: underline;
}
#wideoteka .panel-episodes-list .col .description {
  color: #999999;
}
#wideoteka .panel-episodes-list .col.episode-number {
  font-size: 16px;
  color: #666666;
}
#wideoteka .panel-default {
  margin-bottom: 10px;
  margin-top: 10px;
}
#wideoteka .panel-default .heading {
  font-size: 24px;
  padding: 5px 0;
}
#wideoteka .panel-default .heading span {
  color: #ff0909;
}
#wideoteka {
  /* @colors */
}
#wideoteka .grey {
  color: #999999;
}
#wideoteka {
  /* @typography */
}
#wideoteka .size-12px {
  font-size: 12px;
}
#wideoteka .size-14px {
  font-size: 14px;
}
#wideoteka .size-16px {
  font-size: 16px;
}
#wideoteka .size-18px {
  font-size: 18px;
}
#wideoteka .size-21px {
  font-size: 21px;
}
#wideoteka .m-10 {
  margin: 10px;
}
#wideoteka .mt-10 {
  margin-top: 10px;
}
#wideoteka .panel-episodes-list {
  border-top: 0;
  margin: 0;
}
#wideoteka .no_cover {
  position: absolute;
  background-color: #e0e0e0;
}
#wideoteka .no_cover div {
  position: absolute;
  top: 50%;
  left: 30%;
  font-size: 24px;
  color: #999999;
  font-weight: 800;
}
#wideoteka .ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
#wideoteka .panel-body {
  padding: 0;
}
#wideoteka .catalog-main__column a {
  color: #666;
  text-decoration: none;
}
#wideoteka .catalog-main__column .social a {
  color: #fff;
  text-decoration: none;
}
#wideoteka {
  /* @grid */
}
#wideoteka .grid > .row {
  display: flex;
  flex-wrap: wrap;
}
#wideoteka .grid.row > .col {
  flex-basis: 0;
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
}
#wideoteka .grid.row > .col-md-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
#wideoteka .panel-default .heading {
  font-size: 24px;
  padding: 5px 0;
}
#wideoteka .panel-default .heading span {
  color: #ff0909;
}
#wideoteka {
  /* @colors */
}
#wideoteka .grey {
  color: #999999;
}
#wideoteka {
  /* @typography */
}
#wideoteka .size-12px {
  font-size: 12px;
}
#wideoteka .size-14px {
  font-size: 14px;
}
#wideoteka .size-16px {
  font-size: 16px;
}
#wideoteka .size-18px {
  font-size: 18px;
}
#wideoteka .size-21px {
  font-size: 21px;
}
#wideoteka .catalog-header {
  background: transparent;
  padding: 0 20px;
  margin: 10px 0;
  border-bottom: 1px solid #ddd;
}
#wideoteka .catalog-header .catalog-header__inner {
  display: flex;
}
#wideoteka .catalog-header .catalog-header__inner li {
  background: #ffffff;
  box-shadow: inset 0 -1px 0 #FFFFFF, inset 0 -4px 6px rgba(0, 0, 0, 0.039);
  font-size: 12px;
  cursor: pointer;
  list-style-type: none;
  padding: 10px 15px;
  margin: 0 0 -1px 0;
  border: 1px solid #ddd;
  border-right: 0;
}
#wideoteka .catalog-header .catalog-header__inner li:last-child {
  border-right: 1px solid #ddd;
}
#wideoteka .catalog-header .catalog-header__inner li a {
  color: #272729;
  text-decoration: none;
}
#wideoteka .catalog-header .catalog-header__inner .active {
  border-bottom: 0;
  box-shadow: inset 0 1px 0 #FFFFFF, inset 0 4px 6px rgba(0, 0, 0, 0.039);
}
#wideoteka .text-underlined {
  text-decoration: underline !important;
}
#wideoteka {
  /* =================================
    Modal styles
  ==================================== */
}
#wideoteka .modal {
  position: fixed;
  float: left;
  left: 50% !important;
  top: 50% !important;
  overflow: hidden !important;
  transform: translate(-50%, -50%);
  height: auto !important;
  max-height: 100% !important;
  bottom: auto !important; /* bs like this */
  /*padding:0;
  margin: 0;*/
}
#wideoteka .modal > .modal-dialog {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 340px !important;
  transform: none !important;
  -webkit-transform: none !important;
}
#wideoteka .modal > .modal-dialog > .modal-content {
  background: none !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#wideoteka .modal > .modal-dialog > .modal-content > .close {
  color: #333333 !important;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media screen and (max-width: 768px) {
  #wideoteka .modal {
    width: 100%;
    position: fixed;
  }
  #wideoteka .modal iframe {
    width: 100% !important;
  }
}
#wideoteka {
  /* =================================
    Popover styles
  ====================================*/
}
#wideoteka .popover {
  min-width: 350px;
  border: 1px solid #ddd !important;
  border-radius: 3px;
}
#wideoteka .popover.left > .arrow {
  top: 20px !important;
}
#wideoteka .popover.right > .arrow {
  top: 20px !important;
}
#wideoteka .popover-inner {
  width: 100% !important;
}
#wideoteka .popover > .popover-content {
  color: #222 !important;
}
#wideoteka .popover > .popover-content > .info {
  padding: 0 0 10px 0;
}
#wideoteka .popover > .popover-content > .info > ul {
  display: flex;
}
#wideoteka .popover > .popover-content > .info > ul > .label {
  color: #999999;
}
#wideoteka .popover > .popover-content > .info > ul > li {
  list-style: none;
  margin: 0 10px 0 0;
}
#wideoteka .popover > .popover-content > .markers {
  padding: 10px 0;
}
#wideoteka .popover > .popover-content > .description {
  color: #696969;
  font-size: 12px;
  text-align: justify;
}
#wideoteka .popover > .popover-content > .markers > .important {
  background: #e0e0e0;
  border-radius: 3px;
  padding: 2px 5px;
}
#wideoteka .popover > .popover-content > .markers > span {
  display: inline-block;
  color: #999999;
  margin: 0 10px 0 0;
}
#wideoteka .loginform {
  background-color: #fff;
  padding: 40px;
  border: 0;
  border-radius: 3px;
  margin: 0 auto;
  max-width: 340px;
}
#wideoteka .loginform > .panel-heading {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
#wideoteka .loginform a {
  color: #222222;
  font-size: 18px;
  text-decoration: none;
}
#wideoteka .loginform a:hover {
  text-decoration: underline;
}
#wideoteka .divider {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  margin: 20px 0;
}
#wideoteka .divider > .divider-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  transform: translateX(-50%);
}
#wideoteka .divider > .divider-heading > div {
  background: #ffffff;
  padding: 2px 10px;
  color: #666666;
}
#wideoteka .p-10 {
  padding: 10px;
}
#wideoteka .overlay {
  z-index: 1040;
  position: fixed;
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}
#wideoteka .origName {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-transform: none;
  line-height: 1.5;
}
#wideoteka .catalog-main {
  margin-top: 20px;
}
#wideoteka .catalog-main__column .row {
  margin: 5px 0;
}
#wideoteka .catalog-main__column .row > .col {
  padding-left: 10px;
  padding-right: 0;
}
#wideoteka .item > .cover {
  border-radius: 3px;
}
#wideoteka .item > .cover > .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#wideoteka .show {
  display: block;
}
#wideoteka .hide {
  display: none;
}
#wideoteka .block {
  display: block;
}
#wideoteka .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}
#wideoteka .tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
#wideoteka .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
#wideoteka .tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
#wideoteka .tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
#wideoteka .tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
#wideoteka .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
#wideoteka .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
#wideoteka .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
#wideoteka .tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
#wideoteka .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
#wideoteka .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
#wideoteka .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
#wideoteka .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
#wideoteka .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
#wideoteka .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
#wideoteka .catalog_films__block_filter {
  position: relative;
  background: #f5f5f5;
  padding: 20px;
}
#wideoteka .catalog_films__block_filter > .menu {
  display: flex;
}
#wideoteka .catalog_films__block_filter > .menu > li {
  margin-right: 10px;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu {
  display: none;
  position: absolute;
  z-index: 9998;
  left: 20px;
  right: 20px;
  margin-top: 0;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body {
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 30px;
  margin-top: 20px;
  position: relative;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > .arrow {
  display: block;
  content: "";
  background-color: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -11px;
  left: 20px;
  transform: rotate(45deg);
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > li {
  display: none;
  padding: 20px;
  min-height: auto;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > .label {
  margin-bottom: 20px;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > .label > span {
  font-size: 24px;
  border-bottom: 2px solid #ff7f7f;
  padding-bottom: 4px;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > .label > span.selected {
  display: inline-block;
  background: #ff7f7f;
  color: #ffffff;
  border-radius: 3px;
  padding: 5px;
  margin: 1px 0;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > a {
  color: #696969;
  text-decoration: none;
  display: inline-block;
  padding: 5px;
  transition: 0.5s;
  min-width: 100px;
  margin-right: 10px;
}
#wideoteka .catalog_films__block_filter > .menu > .item:hover .item-label,
#wideoteka .catalog_films__block_filter > .menu > .item > .item-label.active {
  border-color: #ff0000;
  width: auto !important;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > a:hover {
  background: #ff7f7f;
  color: #ffffff;
  border-radius: 3px;
}
#wideoteka .catalog_films__block_filter > .menu > .item.dropdown > .dropdown-menu > .dropdown-menu-body > span.disabled {
  color: #ddd;
  display: inline-block;
  padding: 5px;
  margin-right: 10px;
  min-width: 100px;
}
#wideoteka .catalog_films__block_filter > .menu > .item > .item-label > .arrow > i {
  transition: 0.3s;
  margin-left: 10px;
}
#wideoteka .catalog_films__block_filter > .menu > .item > .item-label {
  min-width: 165px;
  cursor: pointer;
  color: #393939;
  font-weight: bold;
  padding: 6px 10px;
  line-height: 1.5;
  border: 2px solid #bbb;
  border-radius: 2px;
}
#wideoteka .catalog_films__block_filter > .menu > li.item:focus .item-label > .arrow > i,
#wideoteka .catalog_films__block_filter > .menu > li.item:hover .item-label > .arrow > i {
  transform: rotate(180deg);
  margin-top: -5px;
}
#wideoteka .catalog_films__block_filter > .menu > li.item > .item-label {
  color: #565656;
}
#wideoteka .media {
  display: flex;
  align-items: flex-start;
}
#wideoteka .media > .image {
  width: 50px;
  height: 50px;
  margin-right: 1rem;
  background-color: #ddd;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 2px;
}
#wideoteka .media > .media-body {
  flex: 1;
}
#wideoteka .nav.topbar.horizontal {
  border-bottom: 1px solid #eee;
  margin: 10px 0 0 0;
}
#wideoteka .nav.topbar.horizontal > li {
  float: left;
  list-style-type: none;
}
#wideoteka .nav.topbar.horizontal > li:before {
  display: table;
  content: " ";
  clear: both;
}
#wideoteka .nav.topbar.horizontal > li > a {
  display: block;
  text-decoration: none;
}
#wideoteka .nav.topbar.horizontal > li > a {
  display: block;
  font-weight: 800;
  color: #222;
  padding: 8px 16px;
}
#wideoteka .container > .nav.horizontal > li > a.active {
  border-bottom: 2px solid #ff1919;
  color: #ff1919;
  width: auto !important;
}
#wideoteka .row {
  display: flex;
  width: 100%;
}
#wideoteka .pagination {
  display: flex;
  justify-content: center;
}
#wideoteka .pagination > .pagination-item.page-start > a, #wideoteka .pagination > .pagination-item.page-end > a {
  width: 65px;
}
#wideoteka .pagination > .pagination-item > a {
  display: inline-block;
  color: #666;
  text-decoration: underline !important;
  padding: 4px 8px;
  border: 2px solid transparent;
  border-radius: 3px;
}
#wideoteka .pagination > .pagination-item > a:not(.active):hover {
  text-decoration: none !important;
}
#wideoteka .pagination > .pagination-item > a.active {
  color: #fff !important;
  text-decoration: none !important;
  border: 2px solid #ff0000;
  background-color: #ff0000;
  font-weight: 800;
  width: auto !important;
}
#wideoteka .pagination > .pagination-item > a.active:hover {
  background-color: transparent;
  color: #ff0000 !important;
}
#wideoteka .photo {
  background-color: #dfdfdf;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-width: 200px;
  width: 200px;
  min-height: 200px;
  height: 200px;
}
#wideoteka .--panel {
  border: 1px solid #ddd;
  margin-top: 10px;
  margin-bottom: 10px;
}
#wideoteka .--panel > .--panel-header {
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
}
#wideoteka .--panel > .--panel-header i.far {
  font-size: 21px !important;
}
#wideoteka h2.title {
  color: #ff0000;
  font-weight: 600 !important;
  font-size: 36px;
}
#wideoteka .--panel > .--panel-header h2 {
  color: black;
  text-transform: none !important;
  font-weight: 600 !important;
  font-size: 16px;
}
#wideoteka .--list > .--list-item {
  border-bottom: 1px dashed #e0e0e0;
}
#wideoteka .--list > .--list-item:last-child {
  border-bottom: 0;
}
#wideoteka .text-bold {
  font-weight: 600;
}
#wideoteka .text-extra-bold {
  font-weight: 800;
}
#wideoteka .text-small {
  font-size: 90%;
}
#wideoteka .py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
#wideoteka .py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
#wideoteka .px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
#wideoteka .px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#wideoteka .mt-50 {
  margin-top: 50px;
}
#wideoteka .float-left {
  float: left !important;
}
#wideoteka .date {
  color: #878787;
}
#wideoteka .date.py-5 {
  width: 5%;
  -ms-grid-row-align: center;
      align-self: center;
}
#wideoteka .--list-item .rowNumber {
  width: 5%;
  -ms-grid-row-align: center;
      align-self: center;
}
#wideoteka .firstColumn .--panel-header .headerIcon {
  width: 15%;
}
#wideoteka .firstColumn .--list-item .rowNumber {
  width: 15%;
  -ms-grid-row-align: center;
      align-self: center;
}
#wideoteka .--photo {
  min-width: 180px;
  max-width: 285px;
  min-height: 285px;
  max-height: 285px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/tpl/tpl-main/img/no-image-available.png);
  display: flex;
  align-items: center;
  background-position: center;
}
@media screen and (max-width: 768px) {
  #wideoteka h2.title {
    line-height: 1em;
  }
  #wideoteka .actorContent {
    flex-direction: column;
  }
  #wideoteka .firstColumn .--photo {
    margin: 0 auto;
  }
  #wideoteka .firstColumn .--panel-header .headerIcon {
    width: 10%;
  }
  #wideoteka .firstColumn .--list-item .rowNumber {
    width: 10%;
    -ms-grid-row-align: center;
        align-self: center;
  }
  #wideoteka .secondColumn .--panel .--panel-header .headerIcon {
    width: 10%;
  }
  #wideoteka .secondColumn .--panel .--panel-body .--list-item .rowNumber {
    width: 10%;
  }
  #wideoteka .secondColumn .--panel .--panel-body .--list-item .filmWrap {
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  #wideoteka .firstColumn .--panel-header .headerIcon {
    width: 15%;
  }
  #wideoteka .firstColumn .--list-item .rowNumber {
    width: 15%;
    -ms-grid-row-align: center;
        align-self: center;
  }
  #wideoteka .secondColumn .--panel .--panel-header .headerIcon {
    width: 15%;
  }
  #wideoteka .secondColumn .--panel .--panel-body .--list-item .rowNumber {
    width: 15%;
  }
  #wideoteka .secondColumn .--panel .--panel-body .--list-item .filmWrap {
    width: 85%;
  }
}

.--ordertable .container {
  margin-left: auto;
  margin-right: auto;
}
.--ordertable .btn {
  border-radius: 2px;
}
.--ordertable .form-control {
  border-radius: 2px;
}
.--ordertable .top-intro {
  padding: 20px 0;
  font-size: 18px;
  line-height: 1.2;
}
.--ordertable .top-intro .topText span {
  color: #777;
}
@media (max-width: 1200px) {
  .--ordertable .top-intro .topText {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .--ordertable .top-intro .topText {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.--ordertable .top-sub-panel {
  background-color: #f5f5f5;
  border-top: 1px solid #c7c7c7;
  padding-top: 20px;
  padding-bottom: 20px;
}
.--ordertable .top-sub-panel .searchSection .firstColumn {
  min-width: 25%;
  justify-content: flex-end;
}
.--ordertable .top-sub-panel .searchSection .firstColumn span {
  font-size: 18px;
}
.--ordertable .top-sub-panel .searchSection .secondColumn {
  min-width: 40%;
}
.--ordertable .top-sub-panel .searchSection .thirdColumn {
  min-width: 25%;
}
.--ordertable .top-sub-panel .searchSection .thirdColumn button {
  background-color: #ff1d23;
  color: #fff;
  font-size: 14px;
  border: 0;
  font-weight: 500;
  min-width: 160px;
  box-shadow: 0 1px 3px #999;
}
@media (max-width: 768px) {
  .--ordertable .top-sub-panel .searchSection {
    flex-direction: column;
    align-items: center;
  }
  .--ordertable .top-sub-panel .searchSection .firstColumn {
    justify-content: center;
    margin-bottom: 10px;
  }
  .--ordertable .top-sub-panel .searchSection .secondColumn {
    min-width: 80%;
    margin-bottom: 10px;
  }
  .--ordertable .top-sub-panel .searchSection .secondColumn.pl-15 {
    padding-left: unset;
  }
  .--ordertable .top-sub-panel .searchSection .thirdColumn.pl-15 {
    padding-left: unset;
  }
}
@media (max-width: 480px) {
  .--ordertable .top-sub-panel .searchSection .secondColumn {
    min-width: 100%;
  }
}
.--ordertable .dropdown {
  position: relative;
}
.--ordertable .dropdown a {
  color: #666;
  text-decoration: none;
}
.--ordertable .dropdown a:hover {
  color: red;
}
.--ordertable .dropdown.open .dropdown-menu {
  display: block;
  overflow-y: auto;
  min-height: auto;
}
.--ordertable .dropdown > .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  margin-top: 5px;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  max-height: 300px;
  overflow-y: auto;
  z-index: 1;
}
.--ordertable .dropdown > .dropdown-menu::-webkit-scrollbar {
  width: 6px;
}
.--ordertable .dropdown > .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 9px;
}
.--ordertable .dropdown > .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}
.--ordertable .dropdown > .dropdown-menu .dropdown-menu-item {
  padding: 7px 10px;
  border-bottom: 1px solid #f0f0f0;
}
.--ordertable .dropdown > .dropdown-menu .dropdown-menu-item:last-child {
  border-bottom: 0;
}
.--ordertable .dropdown > .dropdown-menu .dropdown-menu-item .image {
  min-width: 48px;
  min-height: 48px;
  background-color: #dfdfdf;
  border-radius: 2px;
}
.--ordertable .dropdown > .dropdown-menu .dropdown-menu-item > .media {
  display: flex;
}
.--ordertable .dropdown > .dropdown-menu .dropdown-menu-item > .media > .media-object > img {
  background-color: #f0f0f0;
  border-radius: 2px;
  width: 45px;
  height: 45px;
  object-fit: cover;
}
.--ordertable .dropdown > .dropdown-menu .dropdown-menu-item > .media > .media-body {
  padding-left: 15px;
}
.--ordertable main {
  padding: 40px 0;
}
.--ordertable main .list-items {
  margin: 0 -30px 0 0;
}
@media (max-width: 1200px) {
  .--ordertable main .list-items {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .--ordertable main .list-items {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.--ordertable main .list-items > .list-item {
  position: relative;
  display: inline-block;
  width: 145px;
  height: 263px;
  margin: 0 25px 20px 0;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 2px;
}
.--ordertable main .list-items > .list-item:focus,
.--ordertable main .list-items > .list-item:hover {
  border-color: #ddd;
}
.--ordertable main .list-items > .list-item > .list-item-container {
  display: flex;
  flex-direction: column;
}
.--ordertable main .list-items > .list-item .list-item-heading {
  background-color: #f5f5f5;
  height: 215px;
  margin-bottom: 10px;
  border-radius: 2px;
}
.--ordertable footer {
  position: relative;
  line-height: 1.4;
  margin-top: 120px;
}
.--ordertable footer a {
  color: #666;
  text-decoration: none;
}
.--ordertable footer a:hover {
  text-decoration: underline;
  color: red;
}
.--ordertable footer h2.title {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  text-decoration: underline;
}
.--ordertable footer .footer-intro {
  background-color: #dddbd9;
  background-repeat: repeat-x;
  background-position: top left;
  min-height: 330px;
  padding: 60px 0;
}
.--ordertable footer .footer-intro .movieDetails {
  padding-right: 660px;
  font-size: 16px;
  color: #676767;
}
@media (max-width: 1000px) {
  .--ordertable footer .footer-intro .movieDetails {
    padding-right: unset;
  }
}
@media (max-width: 1200px) {
  .--ordertable footer .footer-intro .movieDetails {
    padding-left: 15px;
  }
}
@media (max-width: 768px) {
  .--ordertable footer .footer-intro .movieDetails {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.--ordertable footer .footer-heading {
  padding: 20px 0;
}
@media (max-width: 1200px) {
  .--ordertable footer .footer-heading {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .--ordertable footer .footer-heading {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.--ordertable h5.label {
  color: #000;
  font-size: 24px;
  font-weight: 400;
}
.--ordertable .text-underline {
  text-decoration: underline;
}
.--ordertable footer .footer-intro .block-right-decor {
  min-width: 917px;
  min-height: 581px;
  position: absolute;
  top: -105px;
  right: 0;
}
@media (max-width: 1000px) {
  .--ordertable footer .footer-intro .block-right-decor {
    display: none;
  }
}
.--ordertable footer .copy {
  color: #ff0000;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  padding: 20px 0;
}
@media (max-width: 576px) {
  .--ordertable footer .copy .copyWrap {
    flex-direction: column;
    align-items: center;
  }
}
.--ordertable footer .copy > .copy-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.--ordertable footer .copy .text {
  display: inline-block;
  min-height: 57px;
}
.--ordertable footer .copy .logo {
  background-image: url(/tpl/tpl-main/img/ordertable/logo.png);
  background-repeat: no-repeat;
  background-position: top left;
  min-width: 194px;
  max-width: 194px;
  min-height: 77px;
  max-height: 77px;
  display: inline-block;
}
.--ordertable .pagination {
  display: flex;
}
.--ordertable .pagination > .pagination-item.active {
  margin-right: 2px;
}
.--ordertable .pagination > .pagination-item > a {
  display: block;
  text-decoration: none;
  font-weight: 800;
  color: #666;
  padding: 10px 15px;
  border-radius: 3px;
}
.--ordertable .pagination > .pagination-item.active > a {
  background-color: #ff0000;
  color: #fff;
  width: unset !important;
}
.--ordertable .modal {
  display: none;
}
.--ordertable .modal.opened {
  display: flex !important;
}
.--ordertable .modal .modal-dialog {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  width: auto;
  min-width: 300px;
  z-index: 1051;
  margin: auto;
}
.--ordertable .modal .modal-content {
  box-shadow: none;
  background: none;
  border: 0;
}
.--ordertable .modal .modal-dialog .modal-header {
  background-color: #ff0000;
  border-bottom: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.--ordertable .modal .modal-dialog .modal-header .modal-title {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.--ordertable .modal.notification .modal-dialog {
  margin: 0;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.--ordertable .modal .btn {
  background-color: #999999;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.--ordertable main .heading {
  font-size: 24px;
}
.--ordertable .mb-20 {
  margin-bottom: 20px;
}
.--ordertable .flex {
  display: flex !important;
}
.--ordertable .flex.justify-content-flex-end {
  justify-content: flex-end;
}
.--ordertable .full {
  width: 100%;
}
.--ordertable .flex.justify-content-center {
  justify-content: center;
}
.--ordertable .flex.align-items-center {
  align-items: center !important;
}
.--ordertable .pt-10 {
  padding-top: 10px;
}
.--ordertable .pt-20 {
  padding-top: 20px;
}
.--ordertable .ml-15 {
  margin-left: 15px;
}
.--ordertable .pl-10 {
  padding-left: 10px;
}
.--ordertable .pl-15 {
  padding-left: 15px;
}
.--ordertable .pb-30 {
  padding-bottom: 30px;
}
.--ordertable .pl-50 {
  padding-left: 50px;
}
.--ordertable .overflow-hidden {
  overflow: hidden;
}
.--ordertable .block {
  display: block;
}
.--ordertable .inline-block {
  display: inline-block;
}
.--ordertable .px-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.--ordertable .block-right-decor > .tv {
  background-image: url(/tpl/tpl-main/img/ordertable/tv.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 917px;
  height: 581px;
  position: absolute;
  top: 0;
  left: 0;
}
.--ordertable .block-right-decor > .tv-inner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 668px;
  height: 370px;
  position: absolute;
  top: 82px;
  left: 101px;
  transform: perspective(1250px) rotateY(-50deg);
}
.--ordertable .text-uppercase {
  text-transform: uppercase;
}
.--ordertable .text-bold {
  font-weight: 600;
}
.--ordertable input {
  box-sizing: border-box !important;
}
.--ordertable .like {
  position: absolute;
  top: 18px;
  right: 18px;
  min-width: 34px;
  min-height: 34px;
  background-color: #505050;
  color: #fff;
  box-shadow: 0 6px 14px 4px rgba(0, 0, 0, 0.17);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transition: 0.5s;
  border: solid 1px white;
}
.--ordertable .like i {
  margin-top: 8px;
  font-size: 16px;
}
.--ordertable .like:focus,
.--ordertable .like:hover {
  background-color: #ff0000;
}
.--ordertable .like > .num {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: #ff0000;
  color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  box-shadow: 0 6px 14px 4px rgba(0, 0, 0, 0.17);
}
.--ordertable .liked {
  background-color: #ff0000;
}
.--ordertable .loader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
}
.--ordertable .loader > span {
  color: #666;
  padding-right: 10px;
}
.--ordertable .loader:after {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  animation: rotate 0.6s linear infinite;
  border-radius: 100%;
  border-top: 1px solid #545a6a;
  border-bottom: 1px solid #d4d4db;
  border-left: 1px solid #545a6a;
  border-right: 1px solid #d4d4db;
  content: "";
  opacity: 0.5;
}
.--ordertable .loader.large:after {
  width: 40px;
  height: 40px;
}
.--ordertable .loader.medium:after {
  width: 25px;
  height: 25px;
}
.--ordertable .loader.small:after {
  width: 10px;
  height: 10px;
}
.--ordertable .loader.green:after {
  opacity: 1;
  border-top: 1px solid #42a26e;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #42a26e;
  border-right: 1px solid #fff;
}
@keyframes rotate {
  0% {
    transform: rotateZ(-360deg);
    -webkit-transform: rotateZ(-360deg);
    -moz-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);
  }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
  }
}
.--ordertable .form-control:hover,
.--ordertable .form-control:focus {
  border-color: #ddd !important;
  box-shadow: unset !important;
}

/**
 * Alignment
 */
.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

/**
 * Typo
 */
.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

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

.text-justify {
  text-align: justify;
}

.text-small {
  font-size: 85%;
}

.text-extra-small {
  font-size: 80%;
}

.text-large {
  font-size: 110%;
}

.text-thin {
  font-weight: 100;
}

.text-light {
  font-weight: 300;
}

.text-normal,
.text-regular {
  font-weight: 400;
}

.text-bold {
  font-weight: 600;
}

.text-extra-bold {
  font-weight: 800;
}

.modal-catalog-film .close {
  opacity: 1;
}

.suggestion-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
}

.suggestion-block .promoText {
  font-weight: 500;
  display: inline;
  flex: 1;
  margin-right: 40px;
  font-size: 16px;
  line-height: 1.5;
}

.suggestion-block .social.ff {
  float: right;
  display: inline;
}

.suggestion-block .button {
  padding: 4px 12px !important;
}

@media (max-width: 540px) {
  .suggestion-block {
    flex-direction: column;
  }
  .suggestion-block .promoText {
    margin-right: 0;
    text-align: center;
  }
  .suggestion-block .social.ff {
    float: none;
    display: block;
  }
  .suggestion-block .social.ff ul li {
    text-align: center;
  }
}
.sidebarCart {
  padding: 20px;
  position: fixed;
  margin-top: -65px;
  right: -740px;
  background-color: #fff;
  width: 700px;
  min-height: 150px;
  transition: 0.3s;
  box-shadow: 0px 6px 18px rgba(44, 44, 44, 0.4);
  z-index: 100;
}
.sidebarCart .cartOverlayLoader {
  position: absolute;
}
.sidebarCart .sidebarCartTitle {
  padding-bottom: 20px;
}
.sidebarCart #sidebarCartClose {
  position: absolute;
  right: 25px;
  cursor: pointer;
  font-size: 1.5em;
}
.sidebarCart .sidebarCartBtn {
  position: absolute;
  top: 0;
  right: 100%;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #e3e3e3;
  border: none;
  outline: none;
  align-items: flex-start;
  text-align: center;
}
.sidebarCart .sidebarCartBtn .sidebarCartBtn-cart {
  width: 24px;
  height: 24px;
  padding: 15px 13px;
}
.sidebarCart .sidebarCartBtn .sidebarCartBtn-cart i {
  font-size: 1.5em;
}
.sidebarCart .sidebarCartBtn .count {
  position: absolute;
  top: 4px;
  left: 25px;
  background-color: #ff0000;
  color: #ffffff;
  border-radius: 20px;
  padding: 3px;
  height: 15px;
  width: 15px;
}
.sidebarCart table.table {
  width: 100%;
  border-spacing: 0;
  margin-bottom: 0;
}
.sidebarCart table.table tbody,
.sidebarCart table.table thead tr {
  display: block;
}
.sidebarCart table.table tbody th,
.sidebarCart table.table thead tr th {
  border-bottom: none;
}
.sidebarCart table.table thead tr {
  border-bottom: 1px solid #ddd;
}
.sidebarCart table.table tbody tr:nth-child(1) td {
  border-top: none;
}
.sidebarCart table.table .right {
  text-align: right;
}
.sidebarCart table.table .left {
  text-align: left;
}
.sidebarCart table.table .center {
  text-align: center;
}
.sidebarCart table.table .itemThumbNormalBig {
  width: 70px;
  height: 50px;
}
.sidebarCart table.table tbody {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebarCart table.table .item {
  width: 75px;
}
.sidebarCart table.table .desc {
  width: 355px;
}
.sidebarCart table.table .qty {
  width: 70px;
}
.sidebarCart table.table .qty .quantity-block {
  float: right;
  position: relative;
}
.sidebarCart table.table .qty .quantity-block input[type=number]::-webkit-inner-spin-button,
.sidebarCart table.table .qty .quantity-block input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.sidebarCart table.table .qty .quantity-block input[type=number] {
  -moz-appearance: textfield;
}
.sidebarCart table.table .qty .quantity-block:hover .quantity-arrow-minus {
  display: block;
}
.sidebarCart table.table .qty .quantity-block:hover .quantity-arrow-plus {
  display: block;
}
.sidebarCart table.table .qty .quantity-block .quantity-num {
  height: 22px;
  padding: 0 10px !important;
}
.sidebarCart table.table .qty .quantity-block .quantity-arrow-minus {
  display: none;
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 16px;
  height: 12px;
  border: none;
  padding-bottom: 16px;
  text-align: center;
  background-color: #F9F9F9;
}
.sidebarCart table.table .qty .quantity-block .quantity-arrow-minus:hover {
  background-color: #e8E8E8;
}
.sidebarCart table.table .qty .quantity-block .quantity-arrow-plus {
  display: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 16px;
  height: 12px;
  border: none;
  text-align: center;
  background-color: #F9F9F9;
}
.sidebarCart table.table .qty .quantity-block .quantity-arrow-plus:hover {
  background-color: #e8E8E8;
}
.sidebarCart table.table .price {
  width: 120px;
}
.sidebarCart table.table .remove {
  width: 15px;
}
.sidebarCart table.table .remove .itemRemove {
  margin-top: 2px;
}
.sidebarCart .blockTop {
  vertical-align: top;
}
.sidebarCart .blockRightTop {
  vertical-align: top;
  text-align: right;
}
.sidebarCart .blockRightCenter {
  vertical-align: center;
  text-align: right;
}
.sidebarCart .sidebarCartButtons {
  padding: 10px;
}
.sidebarCart .sidebarCartButtons .simpleButton {
  margin-right: 20px;
}
.sidebarCart.activeSidebarCart {
  right: 0;
}
.sidebarCart .priceTotal {
  margin-top: 20px;
}
.sidebarCart .priceTotal .productPriceTotal {
  text-align: right;
  width: 145px;
}
.sidebarCart .promoBlock .productPrice,
.sidebarCart .promoBlock .productPriceText,
.sidebarCart .sidebarCartPromo .productPrice,
.sidebarCart .sidebarCartPromo .productPriceText {
  width: 145px;
}
.sidebarCart .cartActions {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .sidebarCart {
    display: none;
  }
}
.oauthAuthorize.narrowForm {
  max-width: 600px;
  margin: auto;
}
.oauthAuthorize .asAdminButton button {
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-appearance: none;
  outline: none;
  background-color: #ff0000;
  border: solid 2px #ff0000;
  line-height: 16px;
  box-sizing: border-box;
  color: #fff;
  margin: 0 0 0 0;
  font-weight: 800;
  cursor: pointer;
  padding: 5px 8px;
  border-radius: 3px;
  margin-right: 5px;
}
.oauthAuthorize .asAdminButton button:hover {
  color: #ff0000;
  background-color: #fff;
}
@media (max-width: 768px) {
  .oauthAuthorize .asAdminButton button {
    width: 100%;
    position: relative;
    right: unset;
    top: unset;
    margin-top: 10px;
  }
  .oauthAuthorize .asAdminButton button:hover {
    color: #ff0000;
    background-color: #fff;
  }
}
.oauthAuthorize .chooseEntry {
  text-align: center;
}
.oauthAuthorize .chooseEntry .chooseEntryButtons {
  margin-top: 20px;
}
.oauthAuthorize .chooseEntry .chooseEntryButtons button {
  -webkit-appearance: none;
  outline: none;
  background-color: #ff0000;
  border: solid 2px #ff0000;
  line-height: 16px;
  box-sizing: border-box;
  color: #fff;
  margin: 0 0 0 0;
  font-weight: 800;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 3px;
  margin-right: 5px;
}
.oauthAuthorize .chooseEntry .chooseEntryButtons button:hover {
  color: #ff0000;
  background-color: #fff;
}

#first-april {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  margin: 0 auto;
  display: none;
  z-index: 9999;
}
#first-april .april-popup-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  height: 700px;
  background-image: url("/tpl/tpl-main/img/april/full.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: fixed;
}
#first-april .act-n1 {
  font-size: 66px;
  font-weight: 700;
}
#first-april .april-nope-x1 {
  width: 100px;
  position: fixed;
  height: 100px;
  text-align: center;
  margin-right: 2px;
  margin-bottom: 2px;
}
@media (max-width: 700px) {
  #first-april .april-popup-wrapper {
    top: 0;
    height: 100%;
  }
  #first-april .act-n1 {
    margin: 0 auto;
  }
  #first-april body {
    overflow: hidden !important;
  }
}
#first-april .crs-fl-img {
  position: fixed;
  width: 50px;
  height: 50px;
}

.body-reverse {
  animation: spin 10s linear infinite;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
#menuMultiLevel ul {
  margin: 0;
  padding: 0;
}

#menuMultiLevel .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menuMultiLevel input[type=checkbox],
#menuMultiLevel ul span.drop-icon {
  display: none;
}

.menuMainWrap ul span.drop-icon {
  display: none;
}

#menuMultiLevel li,
#toggle-menu {
  border-width: 0 0 1px;
}

#menuMultiLevel .sub-menu {
  border-width: 1px 1px 0;
  margin: 0 10px;
}

#menuMultiLevel .sub-menu li {
  padding: 5px;
  text-align: left !important;
  text-transform: uppercase;
  border-bottom: 1px solid #e3e3e3;
}
#menuMultiLevel .sub-menu li a .menuTitle {
  display: block;
  padding-right: 15px;
}

#menuMultiLevel .sub-menu li:first-child:hover {
  border-radius: 3px 3px 0 0;
}
#menuMultiLevel .sub-menu li:first-child:hover a {
  border-radius: 3px 3px 0 0;
}

#menuMultiLevel .sub-menu li:last-child:hover {
  border-radius: 0 0 3px 3px;
}
#menuMultiLevel .sub-menu li:last-child:hover a {
  border-radius: 0 0 3px 3px;
}

#menuMultiLevel .sub-menu li:last-child {
  border-width: 0;
}

#menuMultiLevel li,
#toggle-menu,
#menuMultiLevel a {
  position: relative;
  display: block;
}

#toggle-menu label {
  padding: 0.8em;
}

.sub-menu a {
  padding: 1em 1.5em;
}

#menuMultiLevel a {
  transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
}

#menuMultiLevel .sub-menu {
  display: none;
}

#menuMultiLevel input[type=checkbox]:checked + .sub-menu {
  display: block;
}

#menuMultiLevel .sub-menu a {
  text-decoration: none;
  color: #7B7B7B;
  padding: 0 50px 0 0;
}

#menuMultiLevel .sub-menu a:hover .drop-icon {
  color: #ff0000;
}

#toggle-menu .drop-icon,
#menuMultiLevel li div.drop-icon {
  position: absolute;
  right: 0;
  top: 0;
  height: inherit;
  color: #7B7B7B;
  cursor: pointer;
}

#menuMultiLevel div.drop-icon i {
  font-size: 13px;
}

#menuMultiLevel div.drop-icon, #toggle-menu span.drop-icon {
  font-size: 1em;
  text-align: center;
  text-shadow: 0 0 0 transparent;
  color: #ff0000;
  width: 50px;
}

#toggle-menu {
  margin-bottom: unset;
}
#toggle-menu span.drop-icon {
  padding: 10px;
  width: 20px;
}

.menuMainWrap .menuMain label i {
  font-size: 13px;
}

@media only screen and (max-width: 768px) {
  body #menuMainFloatWrap .container ul.nav li {
    width: 100%;
  }
  body #menuMainFloatWrap .container nav.navbar {
    border-radius: unset;
  }
  .menuMainWrap .menuMain i {
    font-size: 25px;
  }
  #toggle-menu {
    padding: 10px;
    background-color: #ebebef;
    font-size: 15px;
    cursor: pointer;
  }
}
@media only screen and (min-width: 769px) {
  .menuMainWrap {
    overflow: unset;
  }
  #menuMultiLevel .main-menu {
    display: block;
  }
  #toggle-menu, #menuMultiLevel .drop-icon {
    display: none;
  }
  #menuMultiLevel ul {
    list-style: none;
  }
  #menuMultiLevel ul.sub-menu .subMenuMain span.drop-icon {
    display: inline-block; /*  display menu icon*/
  }
  #menuMultiLevel li {
    border-width: 0 1px 0 0;
  }
  #menuMultiLevel .sub-menu li {
    float: none;
    border-bottom: unset;
    padding: unset;
  }
  #menuMultiLevel .sub-menu li:hover {
    background-color: #f4f4f4;
  }
  #menuMultiLevel .sub-menu a {
    padding: 1em 1em !important;
    text-transform: uppercase;
  }
  #menuMultiLevel .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    left: 0;
    width: 200px;
    z-index: 3000;
    padding: unset;
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 6px 11px 2px rgba(0, 0, 0, 0.5);
  }
  #menuMultiLevel input[type=checkbox] {
    display: none;
  }
  #menuMultiLevel .sub-menu,
  #menuMultiLevel input[type=checkbox]:checked + .sub-menu {
    display: none;
  }
  #menuMultiLevel .sub-menu li {
    border-bottom: 1px solid #e3e3e3;
  }
  #menuMultiLevel .sub-menu label i {
    font-size: 13px;
  }
  #menuMultiLevel .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }
  #menuMultiLevel .sub-menu .drop-icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
  }
  #menuMultiLevel li:hover > input[type=checkbox] + .sub-menu {
    display: block;
  }
  .showLeft {
    left: auto !important;
    right: 100%;
  }
}
.order-dealer {
  width: 98%;
}
.order-dealer .buttonForm {
  background-color: red;
  border: 2px solid red;
  min-height: 30px;
  min-width: 150px;
  font-size: 15px;
  color: #fff;
  margin: 0 0 8px 0;
  font-weight: 800;
  border-radius: 3px;
  cursor: pointer;
}
.order-dealer .buttonForm:hover {
  background-color: white;
  color: red;
}
.order-dealer .item {
  height: 35px;
}
.order-dealer .item .id {
  font-size: 15px;
}
.order-dealer .item .options-btn {
  font-weight: 800;
  text-decoration: none;
  border: none;
  background-color: #7B7B7B;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 7px center;
  padding-left: 34px;
  background-image: url(../svg/plus-2.svg);
  background-size: 15px;
  margin-left: 5px;
  height: 29px;
}
.order-dealer .item .options-btn:hover {
  background-color: #616161;
}
.order-dealer .item .remove-btn {
  font-weight: 800;
  text-decoration: none;
  border: none;
  background-color: #ff0000;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 7px center;
  padding-left: 34px;
  background-image: url(../svg/x.svg);
  background-size: 15px;
  margin-left: 5px;
  height: 29px;
}
.order-dealer .item .remove-btn:hover {
  background-color: #d50000;
}
.order-dealer .item .qty {
  text-align: center;
  width: 50px;
  height: 100%;
}
.order-dealer .item .product {
  height: 39px;
  width: 50%;
}

.signOutIcon {
  display: none;
}

.languageMobileToggle {
  display: none;
}

@media screen and (max-width: 1200px) {
  .promoBanner {
    width: 50%;
    margin: 0 auto;
  }
}
/* MOBILE */
@media screen and (max-width: 1000px) {
  body {
    border: none;
  }
  .container {
    width: auto;
  }
  .menu {
    display: none;
    height: auto;
  }
  .menuMobile {
    display: block;
  }
  .pageWrap {
    padding: 0 5px;
  }
  .menuActive, .menuInactive {
    display: block;
    float: none;
    position: relative;
    height: 50px;
    line-height: 52px;
    padding: 0 10px;
    font-weight: 700;
    font-size: 17px;
  }
  .menuActive:after, .menuMobileSeparator {
    display: block;
  }
  .newsItemWrap {
    padding: 10px 5px;
  }
  .newsItem, .teamItem {
    padding: 0;
    padding: 5px 0;
  }
  .newsItemImg, .newsItemBody, .teamItemImg, .teamItemBody {
    display: block;
    width: auto;
    padding: 0;
  }
  .newsItemBody, .teamItemBody {
    padding-top: 10px;
  }
  .newsItemImg img, .teamItemImg img {
    float: none;
  }
  .pagesItemWrap {
    padding: 10px 5px;
  }
  .pagesItem, .teamItem {
    padding: 0;
    padding: 5px 0;
  }
  .pagesItemImg, .pagesItemBody, .teamItemImg, .teamItemBody {
    display: block;
    width: auto;
    padding: 0;
  }
  .pagesItemBody, .teamItemBody {
    padding-top: 10px;
  }
  .pagesItemImg img, .teamItemImg img {
    float: none;
  }
  .blockTermine {
    height: auto;
  }
  .blockTermine .blockTermineBg {
    position: static;
  }
  .photoAlbums {
    padding: 10px 0 5px 5px;
  }
  .geoWrap {
    height: auto;
    padding: 0;
  }
  .geoAddr {
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
    border-bottom: solid 5px #fff;
  }
  .sliderBullets, .sliderDraggable, .sliderTopBlock, .promo {
    display: none;
  }
  .sliderWrap, .slideWrap {
    height: auto;
    border: none;
  }
  .infoBlock {
    height: auto;
    padding: 10px;
    margin: 10px 0;
  }
  .photoAlbumNameDescr {
    padding-bottom: 10px;
  }
  .photoAlbum {
    width: auto;
    height: auto;
    padding-bottom: 20px;
    float: none;
  }
  .photoAlbumPreview {
    display: inline-block;
    position: static;
    float: none;
    margin: 0;
    padding: 0;
    border: none;
  }
  .photoAlbumPreview .previewImg {
    width: 50px;
    height: 50px;
  }
  .promoElements {
    height: auto;
    padding: 0;
    margin: 20px 0 15px 0;
  }
  .promoElement {
    display: block;
    width: auto;
    float: none;
    background-repeat: no-repeat;
    background-image: none;
    padding: 0;
    height: 60px;
    margin-bottom: 2px;
  }
  .promoElement p {
    position: relative;
    margin: 0;
    padding: 0;
    height: 60px;
    line-height: 60px;
  }
  .footer {
    height: auto;
  }
  .footer p {
    display: block;
    width: auto;
    float: none;
    padding: 10px;
  }
  .navigationShow {
    display: block;
  }
  .promoBanner {
    width: 60%;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .promoElements .promoElementBg {
    margin: -20px auto 0 auto;
  }
  .promoElements .promoElement:hover .promoElementDescr {
    height: 150px;
    position: absolute;
  }
  .promoElements .promoElementBox .promoElementDescr {
    font-size: 13px;
    height: 150px;
    padding: 5px 5px 5px 5px;
    bottom: 5px;
  }
  .promoElements .promoElementDescr b {
    line-height: 18px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 900px) {
  .promoBanner {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 800px) {
  .promoBanner {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .signOutIcon {
    display: unset;
  }
  .signOutText {
    display: none;
  }
  .languageScreenToggle {
    display: none;
  }
  .languageMobileToggle {
    display: unset;
  }
  .breadcrumbsWrap .container .breadcrumbs .breadcrumbsBody h1 {
    font-size: 1.5em;
    line-height: 25px;
  }
  .promoBanner {
    width: 90%;
    height: 450px;
  }
  .trialPromoBlock {
    height: 80px;
  }
  .trialPromoBlock .bannerText {
    font-size: 7vw !important;
  }
  .promoElementsWide {
    padding: 0 !important;
  }
  .promoElementsWide .promoElementBox {
    display: block;
    padding: 5px !important;
  }
  .promoElementsWide .promoElement {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
    color: #ffffff;
    margin: 0 auto !important;
    fill: #ffffff !important;
  }
  .promoElementsWide .promoElementBg {
    width: 40px !important;
    height: 40px !important;
    background-color: red;
  }
  .promoElementsWide .promoElementDescr {
    padding-left: 60px !important;
    height: 40px !important;
  }
  .promoElementsWide .promoElementDescr b {
    padding: 0 !important;
    line-height: 40px !important;
  }
  .promoElementsWide .promoElement:hover .promoElementDescr b {
    color: red;
  }
  .promoElementsWide .promoElementDescr span {
    display: none;
  }
  .promoElementsWide .promoElement1,
  .promoElementsWide .promoElement2,
  .promoElementsWide .promoElement3,
  .promoElementsWide .promoElement4,
  .promoElementsWide .promoElement5,
  .promoElementsWide .promoElement6,
  .promoElementsWide .promoElement7,
  .promoElementsWide .promoElement8,
  .promoElementsWide .promoElement9,
  .promoElementsWide .promoElement10,
  .promoElementsWide .promoElement11,
  .promoElementsWide .promoElement12 {
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: 30px 30px;
  }
  .promoElementsWide .promoElement1 {
    background-image: url("../img/features/features-0.svg") !important;
  }
  .promoElementsWide .promoElement2 {
    background-image: url("../img/features/features-1.svg") !important;
  }
  .promoElementsWide .promoElement3 {
    background-image: url("../img/features/features-2.svg") !important;
  }
  .promoElementsWide .promoElement4 {
    background-image: url("../img/features/features-3.svg") !important;
  }
  .promoElementsWide .promoElement5 {
    background-image: url("../img/features/features-4.svg") !important;
  }
  .promoElementsWide .promoElement6 {
    background-image: url("../img/features/features-5.svg") !important;
  }
  .promoElementsWide .promoElement7 {
    background-image: url("../img/features/features-6.svg") !important;
  }
  .promoElementsWide .promoElement8 {
    background-image: url("../img/features/features-7.svg") !important;
  }
  .promoElementsWide .promoElement9 {
    background-image: url("../img/features/features-8.svg") !important;
  }
  .promoElementsWide .promoElement10 {
    background-image: url("../img/features/features-9.svg") !important;
  }
  .promoElementsWide .promoElement11 {
    background-image: url("../img/features/features-10.svg") !important;
  }
  .promoElementsWide .promoElement12 {
    background-image: url("../img/features/features-14.svg") !important;
  }
  .promoElements {
    display: table;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  .promoElements .promoElementBox {
    display: table-column;
    vertical-align: middle !important;
    background-color: red;
    width: 20% !important;
    min-width: 20% !important;
    padding: 15px !important;
  }
  .promoElements .promoElementBox:hover,
  .promoElements .promoElementBox:focus {
    background-color: #ff9090 !important;
  }
  .promoElements .promoElementBox:hover .poromoElementBg,
  .promoElements .promoElementBox:focus .poromoElementBg {
    background-color: #ffffff !important;
    fill: #ff0000;
  }
  .promoElements .promoElementBg {
    width: 40px !important;
    height: 40px !important;
  }
  .promoElements .promoElement {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
    color: #ffffff;
    margin: 0 auto !important;
    fill: #ffffff !important;
  }
  .promoElements .promoElementDescr {
    padding-left: 60px !important;
    height: 40px !important;
  }
  .promoElements .promoElementDescr b {
    padding: 0 !important;
    line-height: 40px !important;
  }
  .promoElements .promoElement1,
  .promoElements .promoElement2,
  .promoElements .promoElement3,
  .promoElements .promoElement4,
  .promoElements .promoElement5,
  .promoElements .promoElement6,
  .promoElements .promoElement7,
  .promoElements .promoElement8,
  .promoElements .promoElement9,
  .promoElements .promoElement10,
  .promoElements .promoElement11,
  .promoElements .promoElement12 {
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: 30px 30px;
  }
  .promoElements .promoElement1 {
    background-image: url("../img/features/features-0.svg") !important;
  }
  .promoElements .promoElement2 {
    background-image: url("../img/features/features-1.svg") !important;
  }
  .promoElements .promoElement3 {
    background-image: url("../img/features/features-2.svg") !important;
  }
  .promoElements .promoElement4 {
    background-image: url("../img/features/features-3.svg") !important;
  }
  .promoElements .promoElement5 {
    background-image: url("../img/features/features-4.svg") !important;
  }
  .promoElements .promoElement6 {
    background-image: url("../img/features/features-5.svg") !important;
  }
  .promoElements .promoElement7 {
    background-image: url("../img/features/features-6.svg") !important;
  }
  .promoElements .promoElement8 {
    background-image: url("../img/features/features-7.svg") !important;
  }
  .promoElements .promoElement9 {
    background-image: url("../img/features/features-8.svg") !important;
  }
  .promoElements .promoElement10 {
    background-image: url("../img/features/features-9.svg") !important;
  }
  .promoElements .promoElement11 {
    background-image: url("../img/features/features-10.svg") !important;
  }
  .promoElements .promoElement12 {
    background-image: url("../img/features/features-14.svg") !important;
  }
  body .container .topBlock .menuUpBlockLeft {
    height: 40px;
  }
  body .container .topBlock .menuUpBlockLeft .logo {
    margin: 20px 0 20px 2%;
    width: 120px;
    background-size: 120px;
    float: left;
  }
  body .phoneNumberMobile {
    font-size: 20px;
    padding: 0;
    height: 100px;
    line-height: 100px;
    margin: 0 2% 0 0;
  }
  .sideMenuRight {
    display: none;
  }
  .topBlock .menuUpBlockRight {
    display: table-row;
    float: none;
    padding: 5px 0;
  }
  .topBlock .menuUpBlockRight .container {
    background-color: #F9F9F9;
    margin: 0;
    width: 100%;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightTop {
    text-align: left;
    height: auto;
    padding: 3px 0;
    background: #ebebef;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightTop .mobileTopToggler {
    display: block;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightTop .menuUpBlockRightTopLanguages {
    margin: 0 20px 0 0;
    background-color: unset;
    padding: 11px 0 !important;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightTop .menuUpBlockRightTopCurrencyChanger {
    margin: unset;
    background-color: unset;
    padding: 11px 0 !important;
    float: left;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightTop .menuUpBlockRightTopAuth {
    float: right;
    width: auto;
    padding: 11px 0 !important;
    height: auto;
    line-height: inherit;
    margin: 0;
    background: none;
    display: block;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightTop .menuUpBlockRightTopAuth a:first-child {
    margin-left: 6px;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightBottom {
    width: 96%;
    padding: 3px 0;
    height: 30px;
    text-align: right;
    display: block;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightBottom .menuUpBlockRightBottomItem {
    padding: 5px 7px;
    line-height: 20px;
    display: none;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightBottom .menuUpBlockRightBottomItem .menuUpBlockRightBottomItem:last-child {
    margin-left: 0;
    background: none;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightBottom .menuUpBlockRightBottomItem .menu-gitbranch {
    float: left;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightBottom .menuUpBlockRightBottomItem.cartUpBlockRight {
    display: block;
    background-image: unset;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightBottom .menuUpBlockRightBottomItem.cartUpBlockRight {
    display: block;
    background-image: unset;
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightBottom .menuUpBlockRightBottomItem.cartUpBlockRight.separator {
    background-image: url(../img/nav-divider.png);
  }
  .topBlock .menuUpBlockRight .menuUpBlockRightBottom .menuUpBlockRightBottomItem#myAccount {
    display: block;
    background-image: unset;
  }
  .topBlock .viewedItem {
    display: inline-block;
    width: 31%;
    margin: 0 0;
    padding: 5px 0;
    border: none;
  }
  .topBlock .viewedItem .itemThumbNormalBig {
    width: 90%;
  }
  .topBlock .mainInformersItem {
    display: inline-block;
    width: 32%;
    height: 210px;
  }
  .topBlock .infoBlock .mainInformersItemImage {
    background-size: 90%;
    background-position: center center;
  }
  .topBlock .mainInformersItemHover:hover {
    border: none;
    box-shadow: none;
    top: -10px;
    padding: 0;
  }
  .topBlock .mainInformersItemHover:hover .mainInformersItemHidden {
    display: none;
  }
  .topBlock .mainInformersItemName {
    padding: 5px;
  }
  .topBlock .mainInformersPrice {
    font-size: 24px;
  }
  .topBlock .mainInformersPrice sup {
    font-size: 16px;
  }
  .ffbox-label {
    width: 400px;
  }
}
@media screen and (max-width: 640px) {
  .promoBanner {
    width: 100%;
    height: 420px;
  }
}
@media screen and (max-width: 540px) {
  .promoBanner {
    height: 360px;
  }
}
@media screen and (max-width: 480px) {
  .promoBanner {
    height: 300px;
  }
}
@media (max-width: 392px) {
  body .phoneNumberMobile {
    font-size: 16px;
    line-height: 90px;
  }
  .promoBanner {
    height: 260px;
  }
  .trialPromoBlock {
    height: 50px;
  }
  .trialPromoBlock .bannerText {
    font-size: 6vw !important;
  }
  .mainInformersItem {
    width: 80%;
    margin: 10px auto 0 auto;
    display: block;
    float: unset;
  }
  .mainInformersPrice {
    font-size: 32px;
  }
  .mainInformersPrice sup {
    font-size: 26px;
  }
  .viewedItem {
    width: 96%;
    margin: 0 2%;
    padding: 5px 0;
    border: none;
  }
  .viewedItem .itemThumbNormalBig {
    width: 90%;
    height: 120px;
  }
  #checkoutCart span a::after {
    content: "\a";
    white-space: pre;
  }
  #checkoutCart span a[href*="about/business_terms/"]::after {
    content: "";
  }
  #checkoutCart span {
    height: 36px;
  }
}
.cc-more {
  float: right;
  margin: 0 5px 0 0 !important;
  cursor: pointer;
  padding: 3px 12px !important;
}

.cc-footer {
  background-color: #e7e7e7;
}
.cc-footer .cc-modal-link {
  color: black;
  margin-right: 10px;
  font-weight: 600;
}
.cc-footer .cc-btn {
  font-size: 12px;
  line-height: 8px;
}

.cc-header {
  background-color: #fe3032;
}
.cc-header .cc-logo {
  width: 20%;
  float: left;
}
.cc-header .cc-title {
  display: inline;
  line-height: 50px;
  font-size: 24px;
  margin-left: 5%;
  font-weight: 300;
  color: white;
}
.cc-header .cc-close {
  color: white;
  opacity: unset;
}
.cc-header .cc-close :hover {
  opacity: 50%;
}

.cc-modal-body {
  padding: unset !important;
  background-color: #f9f9f9;
}
.cc-modal-body .colModal {
  padding: unset !important;
  font-size: 14px;
  line-height: normal;
}
.cc-modal-body .cc-row-options {
  display: flex;
  flex-direction: column;
}
.cc-modal-body .cc-row-body {
  display: flex;
  flex-direction: row;
}
.cc-modal-body .tab button {
  background-color: #f9f9f9;
  color: black;
  padding: 16px 16px;
  width: 100%;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #ccc;
  border-left: none;
  border-top: none;
  font-size: 12px;
  font-weight: 600;
}
.cc-modal-body .tab button:hover {
  background-color: #e7e7e7;
}
.cc-modal-body .tab button.active {
  background-color: #e7e7e7;
}
.cc-modal-body .tabContent {
  display: none;
  padding: 15px 12px;
}
.cc-modal-body .tabContent p span {
  font-weight: 600;
  line-height: 32px;
}

@media (min-width: 490px) and (max-width: 768px) {
  .cc-dialog {
    left: 1.5% !important;
  }
}
@media (min-width: 769px) {
  .cc-dialog {
    height: 50px;
    width: 670px !important;
  }
}
.cc-switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 25px;
  float: right;
}

.cc-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderSwitch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.sliderSwitch:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
}

input:checked + .sliderSwitch {
  background-color: #fe3032;
}

input:focus + .sliderSwitch {
  box-shadow: 0 0 1px #fe3032;
}

input:checked + .sliderSwitch:before {
  transform: translateX(26px);
}

.sliderSwitch.round {
  border-radius: 34px;
}

.sliderSwitch.round:before {
  border-radius: 50%;
}

.mobileH {
  display: none;
}

@media (max-width: 490px) {
  .colBtn {
    display: none;
  }
  .colContent {
    width: 99%;
  }
  .cc-header .cc-title {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-left: 0 !important;
  }
  .cc-header .cc-logo {
    width: 30%;
    left: 38%;
    position: relative;
  }
  .cc-modal-body .tabContent {
    display: block !important;
    border-top: solid 1px #e7e7e7;
  }
  .mobileH {
    display: block;
  }
  .modal-open {
    overflow-y: hidden !important;
  }
  .cc-dialog {
    transform: unset !important;
  }
}
.dealer-program__main-banner-content {
  width: 100%;
}

.dealer-program__partnership-features {
  background-size: cover;
  background-image: url("/tpl/tpl-main/img/partnership/world-map-bg.jpg");
  height: 258px;
  padding: 50px;
}

.dealer-program__partnership-features-head {
  margin-bottom: 30px;
}

.dealer-program__partnership-features-title {
  font-size: 25px;
  line-height: 31px;
  font-weight: 600;
  text-align: center;
}

.dealer-program__partnership-features-line {
  margin-top: 25px;
  text-align: center;
}

.dealer-program__partnership-features-items_wide-res,
.dealer-program__partnership-features-items_low-res {
  display: flex;
  justify-content: space-between;
}

.dealer-program__partnership-features-items_low-res {
  display: none;
}

.dealer-program__partnership-features-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 180px;
}

.dealer-program__partnership-features-item-icon {
  width: 50px;
  height: 55px;
}
.dealer-program__partnership-features-item-icon > img {
  width: 100%;
  height: 100%;
}

.dealer-program__partnership-features-item-icon.megaphone {
  transform: rotate(330deg);
}

.dealer-program__partnership-features-item-title {
  margin-top: 25px;
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
  color: #919191;
}

.dealer-program__business-together-block {
  background-size: cover;
  background-image: url("/tpl/tpl-main/img/partnership/business-together-bg.jpg");
  height: 180px;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 188px;
  padding-right: 188px;
}

.dealer-program__business-together-block-title {
  font-size: 28px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
}

.dealer-program__business-together-description {
  margin-top: 25px;
  text-align: center;
  font-size: 22px;
  line-height: 1.5;
}

.dealer-program__cooperation {
  padding-bottom: 60px;
}

.dealer-program__cooperation-title {
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.dealer-program__cooperation-items {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.dealer-program__cooperation-item {
  width: 262px;
  height: 200px;
  border-style: solid;
  border-width: 2px;
  border-color: #e2e2e2;
}

.dealer-program__cooperation-item-content {
  right: 45px;
  position: relative;
  height: 100%;
}

.dealer-program__cooperation-item-content-background {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  height: 75%;
  width: 110%;
}

.dealer-program__cooperation-item-content-icon {
  width: 70px;
}

.dealer-program__cooperation-item-content-title {
  font-size: 24px;
  line-height: 1.2;
  color: #919191;
  margin-left: 10px;
  padding-top: 40px;
}

.dealer-program__form {
  border-style: solid;
  border-width: 2px;
  border-color: #e2e2e2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dealer-program__form-title {
  font-size: 28px;
  line-height: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  width: 71%;
}

.dealer-program__form-fields {
  width: 100%;
}

.dealer-program__form-fields-container {
  width: 800px;
  margin: auto;
}

.dealer-program__form-fields-container > form > ul > li > label {
  padding: 0;
  font-size: 18px;
  line-height: 20px;
}

.dealer-program__form-fields-container > form > ul > li {
  height: 60px;
  padding-right: 15px !important;
}

.dealer-program__form-fields-container > form > ul > li > input {
  height: 40px;
  max-width: 500px !important;
}

.dealer-program__form-fields-container > form > ul > li > div > .inputPhoneNumber > input {
  height: 40px;
}

.dealer-program__form-fields-container > form > ul > li > .inputPhoneWrap > .inputPhoneNumber {
  width: 380px !important;
}

.dealer-program__form-fields-container > form > ul > li > .inputPhoneWrap {
  max-width: 500px !important;
}

.dealer-program__form-fields-container > form > ul > li > #captcha {
  height: 30px;
}

.dealer-program__form-fields-container > form > ul > li > div > button {
  font-weight: 200 !important;
  font-size: 21px !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  padding-right: 27px !important;
  padding-left: 28px !important;
  margin-left: 16% !important;
  margin-bottom: 10px !important;
}

.dealer-program__call-to-action {
  margin-top: 35px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 25px;
  line-height: 33px;
  font-weight: bold;
  color: #ff1c22;
}

@media (max-width: 1256px) {
  .dealer-program__partnership-features-title {
    font-size: 24px;
    line-height: 25px;
  }
  .dealer-program__cooperation-item {
    width: 175px;
    height: 152px;
  }
  .dealer-program__cooperation-item-content-icon {
    width: 80px;
  }
  .dealer-program__cooperation-item-content-title {
    font-size: 15px;
  }
}
@media (max-width: 968px) {
  .dealer-program__partnership-features-items_wide-res {
    display: none;
  }
  .dealer-program__partnership-features-items_low-res {
    display: flex;
  }
  .dealer-program__partnership-features {
    background-image: url("/tpl/tpl-main/img/partnership/world-map-bg-m.jpg");
    height: auto;
  }
  .dealer-program__partnership-features-items_wide-res,
  .dealer-program__partnership-features-items_low-res {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .dealer-program__partnership-features-item {
    margin-top: 40px;
    width: auto;
  }
  .dealer-program__partnership-features-items_wide-res div:first-child,
  .dealer-program__partnership-features-items_low-res div:first-child {
    margin-top: 0px;
  }
  .dealer-program__business-together-block {
    padding-top: 9vw;
    padding-left: 10%;
    padding-right: 10%;
    height: 26vw;
  }
  .dealer-program__cooperation-items {
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .dealer-program__cooperation-item-content-icon {
    width: 115px;
  }
  .dealer-program__cooperation-item-content-title {
    font-size: 18px;
  }
  .dealer-program__cooperation-item {
    width: 262px;
    height: 230px;
  }
  .dealer-program__partnership-features-item {
    margin-top: 40px;
    width: auto;
  }
  .dealer-program__business-together-block-title {
    font-size: 3.5vw;
  }
  .dealer-program__business-together-description {
    font-size: 3vw;
  }
  .dealer-program__cooperation-title {
    font-size: 24px;
  }
  .dealer-program__cooperation-items div:first-child {
    margin-top: 0px;
  }
  .dealer-program__cooperation-item {
    margin-top: 40px;
  }
  .dealer-program__form-title {
    font-size: 22px;
    line-height: 35px;
    width: 90%;
  }
  .dealer-program__form-fields-container {
    width: 100%;
    margin: auto;
  }
  .dealer-program__form-fields-container > form > ul > li > label {
    font-size: 13px;
  }
  .dealer-program__form-fields-container > form > ul > li {
    height: 40px;
  }
  .dealer-program__form-fields-container > form > ul > li > input {
    height: 30px;
    max-width: 500px !important;
  }
  .dealer-program__form-fields-container > form > ul > li > div > .inputPhoneNumber > input {
    height: 30px;
  }
  .dealer-program__form-fields-container > form > ul > li > div > button {
    margin-left: 7% !important;
  }
  .dealer-program__form-fields-container > form > ul > .ff-input-attachments > div > label > div > div > span {
    font-size: 13px !important;
  }
  .dealer-program__call-to-action {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
}
@media (max-width: 500px) {
  .dealer-program__partnership-features {
    padding-left: 20px;
    padding-right: 20px;
  }
  .dealer-program__partnership-features-item-icon {
    width: 90px;
    height: 90px;
  }
  .dealer-program__business-together-block-title {
    font-size: 4vw;
  }
  .dealer-program__business-together-description {
    font-size: 3.4vw;
  }
  .dealer-program__cooperation-item {
    width: 50vw;
    height: 50vw;
  }
  .dealer-program__cooperation-item-content {
    right: 15vw;
    position: relative;
    height: 100%;
  }
  .dealer-program__cooperation-item-content-icon {
    width: 17vw;
  }
  .dealer-program__cooperation-item-content-title {
    font-size: 4vw;
  }
  .dealer-program__form-title {
    font-size: 18px;
    line-height: 23px;
    width: 95%;
    padding-bottom: 10px;
  }
  .dealer-program__form-fields-container > form > ul {
    padding-left: 6px;
    margin-bottom: 12px;
  }
  .dealer-program__form-fields-container > form > ul > li {
    display: block;
    height: auto;
  }
  .dealer-program__form-fields-container > form > ul > li > label {
    text-align: left;
  }
  .dealer-program__form-fields-container > form > ul > li > div > button {
    margin-left: 34% !important;
  }
  .dealer-program__form-fields-container > form > ul > .ff-input-attachments {
    margin-right: 10px;
  }
  .dealer-program__call-to-action {
    font-size: 16px;
  }
}
#form-back-button, #form-finish-button {
  display: none;
}

.required-title {
  padding: 10px 0;
  color: #202020;
  font-weight: 600;
  font-size: 16px;
}

.is-required {
  color: red;
}

.questionnaire-form-block {
  padding: 20px 0;
}
.questionnaire-form-block .questionnaire-form-title {
  padding: 20px 0;
  color: #202020;
  font-size: 20px;
  line-height: 28px;
}
.questionnaire-form-block .questionnaire-form-body {
  padding: 20px 0;
}
.questionnaire-form-block .questionnaire-form-body .questionnaire-form-description {
  color: #202020;
  font-weight: 600;
  font-size: 18px;
  padding: 10px 0;
  line-height: 28px;
}
.questionnaire-form-block .questionnaire-form-body .question-block {
  padding: 20px;
  border: 1px solid #E1E1E1;
  margin: 20px 0;
  border-left-width: 5px;
  border-radius: 5px;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-title {
  color: #202020;
  font-weight: 600;
  font-size: 20px;
  padding: 10px 0;
  line-height: 28px;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-radio-answers .radio-answer {
  padding: 5px 0;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-radio-answers .radio-answer input {
  margin: 0;
  font-size: 14px;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-radio-answers .radio-answer label {
  margin: 0;
  font-size: 14px;
  padding: 0 0 0 10px;
  cursor: pointer;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-basic-answer .basic-answer {
  padding: 5px 0;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-basic-answer .basic-answer input {
  margin: 0;
  font-size: 14px;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-basic-answer .basic-answer label {
  margin: 0;
  font-size: 14px;
  padding: 0 0 0 10px;
  cursor: pointer;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-text-answer input {
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #CACACA;
  width: 100%;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-textarea-answer textarea {
  height: 100px;
  width: 100%;
  resize: none;
  border: 1px solid #CACACA;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-number-answer .number-answer {
  float: left;
  padding: 10px;
  margin: 0 10px 0 0;
}
.questionnaire-form-block .questionnaire-form-body .question-block .question-number-answer .number-answer label {
  font-size: 14px;
  display: block;
  text-align: center;
}
.questionnaire-form-block .questionnaire-form-body .question-block .custom-answer-title {
  font-size: 14px;
  padding: 10px 0 5px 0;
}
.questionnaire-form-block .questionnaire-form-body .question-block .custom-answer-input {
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #CACACA;
  width: 100%;
}
.questionnaire-form-block .questionnaire-form-body .question-block.error {
  border-color: red;
}
.questionnaire-form-block .questionnaire-form-body .question-block.error .text-answer-input, .questionnaire-form-block .questionnaire-form-body .question-block.error .custom-answer-input {
  border-color: red;
}
.questionnaire-form-block .questionnaire-form-buttons {
  padding: 20px 0;
}
.questionnaire-form-block .questionnaire-form-buttons .buttonForm {
  background-color: red;
  border: 2px solid red;
  min-height: 30px;
  min-width: 150px;
  font-size: 15px;
  color: #fff;
  margin: 0 5px 0 0;
  font-weight: 800;
  border-radius: 3px;
}
.questionnaire-form-block .questionnaire-form-buttons .buttonForm:hover {
  background-color: white;
  color: red;
}

.overlayLoader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background-color: rgba(250, 250, 250, 0.5);
  display: flex;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.overlayLoader.show {
  opacity: 1;
  visibility: visible;
}
.overlayLoader .loader {
  position: absolute;
  animation: cartLoader 1s linear infinite;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 6px 0 0 #ff0000;
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

@media screen and (max-width: 540px) {
  .questionnaire-form-block .questionnaire-form-body .question-block .question-number-answer .number-answer {
    padding: 10px 5px;
  }
}
@media screen and (max-width: 390px) {
  .questionnaire-form-block .questionnaire-form-body .question-block .question-number-answer .number-answer {
    padding: 10px 2px;
  }
}
#validate-phone-container .main-trial-wrap {
  background: linear-gradient(90deg, rgb(243, 244, 249) 0%, rgb(255, 255, 255) 100%);
  border: solid 1px #E6E6E6;
  position: relative;
  margin: 10px auto;
  padding: 30px 0;
  width: 100%;
}
#validate-phone-container .main-trial-wrap .trial-form-submit.show {
  display: block !important;
}
#validate-phone-container .main-trial-wrap .phone-input-wrap .phone-label {
  text-transform: capitalize;
}
#validate-phone-container .main-trial-wrap .phone-input-wrap.show {
  display: flex !important;
}
#validate-phone-container .main-trial-wrap .validator-phone {
  display: none !important;
}
#validate-phone-container .main-trial-wrap .validator-phone-code {
  margin: 40px auto 16px !important;
  text-align: center;
  padding: 0;
}
#validate-phone-container .main-trial-wrap .validator-phone-code .code-title {
  padding-bottom: 1rem;
  font-size: 1.05rem;
  text-align: center;
  display: block;
  width: 100%;
}
#validate-phone-container .main-trial-wrap .validator-phone-code .code-fields {
  justify-content: center;
  text-align: center;
  display: flex;
  width: 100%;
}
#validate-phone-container .main-trial-wrap .validator-phone-code .code-fields input {
  border: 1px solid rgb(184, 184, 184);
  background-color: #FFFFFF;
  text-align: center;
  margin-right: 5px;
  font-size: 36px;
  width: 48px;
  height: 48px;
}
#validate-phone-container .main-trial-wrap .validator-phone-code .code-fields input:focus {
  border-color: #FF3333;
  outline: none;
}
#validate-phone-container .main-trial-wrap .validator-phone-code .code-fields input::-webkit-outer-spin-button, #validate-phone-container .main-trial-wrap .validator-phone-code .code-fields input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#validate-phone-container .main-trial-wrap .validator-phone-code .code-renew {
  padding: 16px 0 0;
  min-height: 16px;
  display: block;
  width: 100%;
}
#validate-phone-container .main-trial-wrap .validator-phone-code .code-renew .code-timer {
  color: #7B7B7B;
  display: none;
}
#validate-phone-container .main-trial-wrap .validator-phone-code .code-renew .code-link {
  text-decoration: underline;
  cursor: pointer;
  color: #202020;
  display: none;
}
#validate-phone-container .main-trial-wrap .validator-phone-method {
  justify-content: center;
}
#validate-phone-container .main-trial-wrap .validator-phone-method > div {
  border-right: 2px solid #a1a1a1;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #535353;
  width: 70px;
}
#validate-phone-container .main-trial-wrap .validator-phone-method > div .fa-stack {
  padding: 1rem;
}
#validate-phone-container .main-trial-wrap .validator-phone-method > div .fa-stack i {
  transition: text-shadow 0.5s ease-in-out;
  font-size: 36px;
  color: #ff3433;
  width: 100%;
}
#validate-phone-container .main-trial-wrap .validator-phone-method > div:hover i {
  text-shadow: -1px 1px 3px rgba(55, 55, 55, 0.5);
}
#validate-phone-container .main-trial-wrap .validator-phone-method > div:last-child {
  border-right-color: transparent;
}
@media only screen and (min-width: 339px) and (max-width: 449px) {
  #validate-phone-container .main-trial-wrap .validator-phone-method > div:nth-child(3n) {
    border-right-color: transparent;
  }
}
@media only screen and (max-width: 338px) {
  #validate-phone-container .main-trial-wrap .validator-phone-method > div {
    margin-top: 5px;
  }
  #validate-phone-container .main-trial-wrap .validator-phone-method > div:nth-child(2n) {
    border-right-color: transparent;
  }
}
#validate-phone-container .main-trial-wrap .validate-phone-loader {
  background-color: white;
  position: absolute;
  display: none;
  opacity: 0.75;
  z-index: 100;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
#validate-phone-container .main-trial-wrap .validate-phone-loader::before {
  animation: cartLoader 1s linear infinite;
  box-shadow: 0 6px 0 0 #ff0000;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  position: absolute;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  content: "";
}
#validate-phone-container .main-trial-wrap .validator-phone-view-3, #validate-phone-container .main-trial-wrap .validator-phone-view-2, #validate-phone-container .main-trial-wrap .validator-phone-view-1 {
  display: none !important;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form {
  margin: 0 auto;
  width: 90%;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .trial-input-label, #validate-phone-container .main-trial-wrap .trial-form-wrapper form h4 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  font-size: 36px;
  line-height: 1;
  margin: 0 auto;
  display: block;
  color: #333333;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .trial-input-label i, #validate-phone-container .main-trial-wrap .trial-form-wrapper form h4 i {
  display: none;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul {
  display: inline-table;
  margin: 10px auto;
  width: 100%;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li {
  text-align: center;
  padding: 0;
  width: 80%;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li label {
  text-transform: capitalize;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li:first-child {
  text-align: right;
  width: 20%;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li:first-child label {
  line-height: 40px;
  padding: 0;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li:empty {
  display: none;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li input[type=email],
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li input[type=text] {
  padding: 0 20px 0 10px !important;
  font-size: 18px !important;
  box-shadow: 0 0 4px #aaa;
  height: 40px !important;
  max-width: unset;
  width: 94%;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li > div {
  text-align: center;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li > div button {
  font-weight: 600;
  font-size: 20px;
  height: 36px;
  width: 185px;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li > div button.back {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #333333;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li > div button.back:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}
@media (max-width: 430px) {
  #validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li > div button {
    margin-bottom: 10px;
    width: 94%;
  }
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul .required-text-ui {
  margin: 0 auto;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form ul .required-text-ui .error-list {
  display: contents;
}
@media (max-width: 968px) {
  #validate-phone-container .main-trial-wrap .trial-form-wrapper form ul .required-text-ui {
    margin-top: 10px;
    max-width: 80%;
  }
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .captchaCode {
  display: inline-flex;
  margin: 25px auto 0;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .captchaCode > .ffRefresh {
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  padding: 0 10px;
  color: #CACACA;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .captchaCode > .ffRefresh:hover {
  color: #ff0000;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .captchaCode > img {
  border: solid 1px #ddd;
  border-top: solid 1px #bbb;
  box-shadow: 0 0 4px #aaa;
  border-radius: 1px;
  min-width: 140px;
  height: 40px;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .captchaCode > input {
  padding: 0 10px 0 10px !important;
  border: solid 1px #ddd;
  border-top: solid 1px #bbb;
  box-shadow: 0 0 4px #aaa;
  text-align: center;
  border-radius: 1px;
  max-width: 120px;
  font-size: 18px;
  height: 40px;
}
@media only screen and (max-width: 420px) {
  #validate-phone-container .main-trial-wrap .trial-form-wrapper form .captchaCode {
    display: -ms-inline-grid;
    display: inline-grid;
  }
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .formOverlayLoader {
  background-color: white;
  background-image: unset;
  position: absolute;
  display: none;
  opacity: 0.75;
  z-index: 100;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
#validate-phone-container .main-trial-wrap .trial-form-wrapper form .formOverlayLoader::before {
  animation: cartLoader 1s linear infinite;
  box-shadow: 0 6px 0 0 #ff0000;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  position: absolute;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  content: "";
}
@media only screen and (max-width: 968px) {
  #validate-phone-container .main-trial-wrap .trial-form-wrapper form ul {
    margin: 0 auto;
    display: block;
  }
  #validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li {
    width: 100%;
  }
  #validate-phone-container .main-trial-wrap .trial-form-wrapper form ul li:first-child {
    text-align: center;
    width: 100%;
  }
}
#validate-phone-container .main-trial-wrap input[type=number]::-webkit-outer-spin-button,
#validate-phone-container .main-trial-wrap input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#validate-phone-container .main-trial-wrap input[type=number] {
  -moz-appearance: textfield;
}
#validate-phone-container #form-wrapper-trial-real {
  width: 100%;
  margin: 0;
}
#validate-phone-container #form-wrapper-trial-real .main-trial-wrap {
  background: transparent;
  position: unset;
  padding: 0;
  width: 80%;
}
#validate-phone-container #form-wrapper-trial-real .main-trial-wrap .phone-input-wrap > form {
  margin: auto 182px;
  width: 50%;
}
#validate-phone-container #form-wrapper-trial-real .main-trial-wrap .phone-input-wrap > form > div > h4 {
  display: none;
}

.phone-container .main-trial-wrap {
  background: transparent !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
}
.phone-container .main-trial-wrap .phone-input-wrap > .phone-label {
  width: unset !important;
}
.phone-container .main-trial-wrap .trial-input-label {
  line-height: 24px !important;
  font-size: 24px !important;
  color: #7B7B7B !important;
}
.phone-container .main-trial-wrap .trial-input-label i {
  display: inline !important;
}

.promo-page-complete .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
.promo-page-complete .logo {
  background-image: url("/tpl/tpl-main/img/brands/gray/digital-tv-streaming-platform-logos.png");
  background-repeat: no-repeat;
  display: block;
  margin: 10px;
}
.promo-page-complete #dune-hd-logo,
.promo-page-complete #androidtv-logo,
.promo-page-complete #firetv-logo,
.promo-page-complete #appletv-logo,
.promo-page-complete #roku-logo,
.promo-page-complete #samsung-smart-tv-logo {
  background-position: 0 0;
}
.promo-page-complete #androidtv-logo {
  width: 138px;
  height: 37px;
  background-position: -103px 0;
}
.promo-page-complete #firetv-logo {
  width: 67px;
  height: 37px;
  background-position: -267px 0;
}
.promo-page-complete #appletv-logo {
  width: 90px;
  height: 37px;
  background-position: -350px 0;
}
.promo-page-complete #roku-logo {
  width: 110px;
  height: 37px;
  background-position: -460px 0;
}
.promo-page-complete #samsung-smart-tv-logo {
  width: 200px;
  height: 37px;
  background-position: -597px 0;
}
.promo-page-complete .info-text,
.promo-page-complete .button-container {
  text-align: center;
  margin: 20px 0;
}
.promo-page-complete .learn-more-btn {
  cursor: pointer;
  margin: 15px auto;
  width: 185px;
  height: 36px;
  line-height: 36px;
  background: #F33;
  border: none;
  font-size: 16px;
  font-weight: 500;
  color: snow;
  transition: 0.8s;
  display: block;
  box-shadow: 0 0 4px #aaa;
  border-radius: 3px;
  text-decoration: none;
}
.promo-page-complete .access-container {
  max-width: 702px;
  margin: 40px auto;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.promo-page-complete .greeting,
.promo-page-complete .congrats {
  text-align: center;
  margin-bottom: 20px;
}
.promo-page-complete .credentials-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 20px;
}
.promo-page-complete .credential {
  margin: 10px 0px;
}
.promo-page-complete .credential label {
  margin-bottom: 5px;
  font-weight: 700;
  display: block;
}
.promo-page-complete .credential input {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 0px;
  border: 1px solid #b8b8b8;
  background-color: #FFF;
  text-align: center;
  margin-right: 5px;
  font-size: 30px;
  height: 35px;
}
.promo-page-complete .download-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.promo-page-complete .button-sprite {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 122px;
  height: 36px;
  background-image: url("/tpl/tpl-main/img/devices/app_download_buttons.png");
  background-repeat: no-repeat;
  text-decoration: none;
  color: white;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.promo-page-complete .web-player-button {
  background-position: 0 0;
}
.promo-page-complete .app-store-button {
  background-position: -142px 0;
}
.promo-page-complete .google-play-button {
  background-position: -282px 0;
}
.promo-page-complete .access-container, .promo-page-complete .info-text, .promo-page-complete .logo-container, .promo-page-complete .button-container {
  font-family: "Open Sans", sans-serif;
}
.promo-page-complete .credential .input-group {
  display: flex;
  align-items: center;
}
.promo-page-complete .credential input {
  flex-grow: 1;
}
.promo-page-complete .copy-btn {
  background: transparent;
  border: none;
  color: black;
  cursor: pointer;
  padding-left: 10px;
}
.promo-page-complete .copy-btn:hover {
  color: #d00;
}
.promo-page-complete .copy-link-icon {
  height: 30px;
  margin-top: -20px;
  transition: fill 0.3s ease;
}
.promo-page-complete .copy-btn:hover .copy-link-icon path {
  fill: red;
}
@media (max-width: 768px) {
  .promo-page-complete .access-container {
    max-width: 702px;
    margin: 40px auto;
    padding: 20px;
    box-shadow: 0 0 0px;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 600px) {
  .promo-page-complete .credentials-container {
    flex-direction: column;
    align-items: center;
  }
  .promo-page-complete .credential {
    width: 100%;
  }
  .promo-page-complete .credential input {
    width: calc(100% - 20px);
  }
}
@media (max-width: 480px) {
  .promo-page-complete .store-button {
    padding: 10px;
    font-size: 14px;
  }
  .promo-page-complete .download-buttons {
    flex-direction: column;
  }
}

#recaptchaModal .modal-dialog {
  transform: translate(-50%, -50%);
  height: auto !important;
  max-width: 450px;
  width: auto;
  margin: 0;
  left: 50%;
  top: 50%;
}
#recaptchaModal #recaptchaCode {
  justify-content: center;
  display: flex;
}

/* ===== GAME CONTAINER ===== */
.treasure-container .promo-page-complete h2.greeting {
  font-weight: bold;
  font-size: 28px;
  color: #FF0000;
  text-align: center;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.treasure-container #treasure-game-container {
  position: relative;
  min-height: 400px;
}

/* ===== SUBTITLE ===== */
.treasure-subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #555;
  text-align: center;
  margin-bottom: 20px;
}

/* ===== BOXES CONTAINER ===== */
#boxes-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin: 40px 0;
}

/* ===== INDIVIDUAL BOX ===== */
.box-treasure {
  width: 220px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  background: transparent;
}
.box-treasure:hover {
  transform: translateY(-10px);
}
.box-treasure.opening {
  animation: shake 0.5s ease-in-out, open 0.8s ease-in-out 0.5s;
}

/* ===== GIFT BOX ICON COMPONENTS ===== */
.gift-box-icon {
  width: 100%;
  height: 100%;
  position: relative;
}

.box-top {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 40px;
  background: white;
  border: 4px solid #1a1a1a;
  border-radius: 8px;
  z-index: 2;
}
.box-top::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 8px;
  background: #FF0000;
}

.box-bottom {
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 120px;
  background: #FF0000;
  border: 4px solid #1a1a1a;
  border-radius: 8px;
  z-index: 1;
}
.box-bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 100%;
  background: #1a1a1a;
}

/* ===== BOW COMPONENTS ===== */
.bow {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 35px;
  z-index: 3;
}

.box:hover .bow {
  animation: wiggle 0.5s ease-in-out;
}

.bow-left, .bow-right {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #FF0000;
  border: 3px solid #1a1a1a;
  border-radius: 50% 50% 0 50%;
}

.bow-left {
  left: -5px;
  top: 5px;
  transform: rotate(-45deg);
}

.bow-right {
  right: -5px;
  top: 5px;
  transform: rotate(45deg);
}

.bow-center {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #FF0000;
  border: 3px solid #1a1a1a;
  border-radius: 3px;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
}

.bow-knot {
  position: absolute;
  width: 8px;
  height: 20px;
  background: #FF0000;
  border: 3px solid #1a1a1a;
  border-top: none;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
}

/* ===== BOOTSTRAP MODAL STYLES ===== */
.modal-treasure .modal-body {
  padding: 40px;
}

.modal-title-custom {
  color: #FF0000;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
}

.modal-prize-text {
  color: #FF0000;
  margin-bottom: 20px;
  line-height: normal;
  font-size: 18px;
}

.modal-info-text {
  color: #555;
  font-size: 16px;
  line-height: 1.6;
  margin: 20px 0;
}

.modal-email-text {
  margin-top: 20px;
  color: #888;
  font-size: 16px;
}

/* ===== DISCOUNT BADGE ===== */
.discount-badge {
  background: #FF0000;
  color: white;
  font-size: 48px;
  font-weight: bold;
  padding: 30px;
  border-radius: 15px;
  margin: 20px 0;
  display: inline-block;
  box-shadow: 0 10px 30px rgba(255, 0, 0, 0.4);
  animation: pulse 1.5s infinite;
}

/* ===== FORM ELEMENTS ===== */
.email-input-bootstrap {
  transition: border-color 0.3s;
  padding: 6px 12px;
  margin: 0 -12px;
}
.email-input-bootstrap:focus {
  border-color: #FF0000;
  box-shadow: none;
  outline: none;
}

.submit-button-bootstrap {
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  background-color: #FF0000;
  margin-top: 2rem;
  color: white;
  border: none;
  border-radius: 10px;
  width: 100%;
  transition: all 0.3s;
  padding: 0;
}
.submit-button-bootstrap:hover {
  background-color: #cc0000;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 0, 0, 0.4);
  color: white;
}
.submit-button-bootstrap:active {
  transform: translateY(0);
}
.submit-button-bootstrap:focus {
  outline: none;
  color: white;
}

/* ===== HELPER TEXT ===== */
.help-text {
  font-size: 14px;
  color: #888;
  margin-top: 15px;
}

/* ===== ICONS ===== */
.gift-icon {
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 1;
}

.success-icon {
  font-size: 80px;
  margin-bottom: 20px;
  line-height: 1;
}

/* ===== ERROR STATE ===== */
.has-error {
  border-color: #FF0000 !important;
}

/* ===== ERROR MODAL ===== */
.modal-title-error {
  color: #dc3545 !important;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
}

.modal-error-text {
  color: #555;
  font-size: 16px;
  line-height: 1.6;
  margin: 20px 0;
}

.error-icon {
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 1;
  display: block;
}

/* ===== ANIMATIONS ===== */
@keyframes wiggle {
  0%, 100% {
    transform: translateX(-50%) rotate(0deg);
  }
  25% {
    transform: translateX(-50%) rotate(-10deg);
  }
  75% {
    transform: translateX(-50%) rotate(10deg);
  }
}
@keyframes shake {
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(10deg);
  }
}
@keyframes open {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2) rotate(180deg);
    opacity: 0.5;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideUp {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
  .treasure-container .promo-page-complete h2.greeting {
    font-size: 22px;
  }
  .treasure-subtitle {
    font-size: 16px;
  }
  #boxes-container {
    gap: 20px;
  }
  .box-treasure {
    width: 180px;
    height: 180px;
  }
  .box-top {
    width: 120px;
    height: 35px;
  }
  .box-bottom {
    width: 120px;
    height: 100px;
    top: 55px;
  }
  .discount-badge {
    font-size: 36px;
    padding: 20px;
  }
  .modal-treasure .modal-body {
    padding: 30px 20px;
  }
  .modal-treasure .modal-title-custom {
    font-size: 22px;
  }
  .modal-treasure .modal-prize-text {
    font-size: 16px;
  }
  .email-input-bootstrap,
  .submit-button-bootstrap {
    height: 45px;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .treasure-container .promo-page-complete h2.greeting {
    font-size: 20px;
  }
  .treasure-subtitle {
    font-size: 14px;
  }
  .box-treasure {
    width: 150px;
    height: 150px;
  }
  .box-top {
    width: 100px;
    height: 30px;
  }
  .box-bottom {
    width: 100px;
    height: 80px;
    top: 45px;
  }
  .bow {
    width: 40px;
    height: 28px;
  }
  .bow-left, .bow-right {
    width: 20px;
    height: 20px;
  }
  #boxes-container {
    gap: 15px;
  }
  .modal-treasure .modal-body {
    padding: 20px 15px;
  }
  .modal-title-custom {
    font-size: 20px;
  }
  .modal-prize-text {
    font-size: 14px;
  }
  .modal-info-text {
    font-size: 14px;
  }
  .discount-badge {
    font-size: 32px;
    padding: 15px;
  }
  .gift-icon {
    font-size: 50px;
  }
  .success-icon {
    font-size: 60px;
  }
}
/* Responsive для модального окна ошибки */
@media (max-width: 768px) {
  .modal-title-error {
    font-size: 22px;
  }
  .modal-error-text {
    font-size: 14px;
  }
  .error-icon {
    font-size: 50px;
  }
}
@keyframes bounceBow {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(-10px);
  }
}
@keyframes shakeBox {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  25% {
    transform: translateX(-50%) rotate(-2deg);
  }
  75% {
    transform: translateX(-50%) rotate(2deg);
  }
  100% {
    transform: translateX(-50%) rotate(0deg);
  }
}
@keyframes loadingBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.complete-address__block {
  border-radius: 7px 0 0 7px;
  align-items: flex-start;
  background: #ECF0F1;
  color: #2D3436;
  display: flex;
  padding: 15px;
  flex-grow: 1;
}
.complete-address__dot {
  margin-bottom: 10px;
  text-align: right;
  cursor: pointer;
}
.complete-address__main .menuUpBlockRightBottomItem {
  box-shadow: unset;
  background: unset;
  cursor: pointer;
}
.complete-address__main .menuUpBlockRightBottomItem > .myAccountBody {
  left: unset !important;
  border-color: #ECF0F1;
  right: 0 !important;
  border-radius: 9px;
  top: 34px;
}
.complete-address__main .menuUpBlockRightBottomItem > i {
  line-height: 20px;
  font-size: 16px;
}
.complete-address__wrapper {
  border: #ECF0F1 1px solid;
  background: #FFFFFF;
  border-radius: 9px;
  margin-top: 30px;
}
.complete-address__changes {
  column-gap: 10px;
  display: flex;
}
.complete-address__changes button {
  background-color: unset !important;
  border: unset !important;
  font-size: 18px;
  color: #7F8C8D;
}
.complete-address__changes button:hover {
  color: #2D3436;
}
.complete-address__trash {
  display: none;
  cursor: pointer;
}
.complete-address__change {
  cursor: pointer;
  content: url("/tpl/tpl-main/img/redesign_checkout/complete-address-change.svg");
  transition: 0.3s ease;
}
.complete-address__change:hover {
  content: url("/tpl/tpl-main/img/redesign_checkout/complete-address-change-hover.svg");
}
.complete-address__column {
  border: 2px solid #FFFFFF;
  border-radius: 9px;
  display: flex;
}
.complete-address__content {
  font-family: "Open Sans", sans-serif;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 14px;
  color: #2D3436;
  display: flex;
  width: 100%;
}
.complete-address__add {
  margin-top: 30px;
  float: right;
}
.complete-address__adr {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.complete-address__items, .complete-address__item {
  cursor: pointer;
}

.add-complete-address {
  font-family: "Open Sans", sans-serif;
  justify-content: flex-end;
  display: flex;
}
.add-complete-address__button {
  border: 1px solid transparent;
  transition: all 0.2s linear;
  border-radius: 9px;
  padding: 8px 35px;
  cursor: pointer;
}
.add-complete-address__button:active {
  transform: translateY(2px);
}
.add-complete-address__button:hover {
  border-color: #44BD32;
}
.add-complete-address__btn {
  background-color: unset !important;
  border: unset !important;
  align-items: center;
  line-height: 20px;
  font-weight: 600;
  column-gap: 20px;
  font-size: 12px;
  color: #44BD32;
  display: flex;
  border: none;
}
.add-complete-address__btn i {
  font-size: 20px;
}

.radio-complete__button {
  display: none;
}
.radio-complete__block {
  border-radius: 7px 0 0 7px;
  align-items: flex-start;
  background: #ECF0F1;
  color: #2D3436;
  display: flex;
  padding: 15px;
  flex-grow: 1;
}

.dots-complete-address {
  position: relative;
  padding: 7px 10px;
  display: none;
}
.dots-complete-address__dot {
  text-align: right;
  margin: 0 10px 0 0;
  line-height: 20px;
  cursor: pointer;
  font-size: 16px;
}
.dots-complete-address__edits {
  display: none;
}
.dots-complete-address__deletes {
  display: none;
}
.dots-complete-address .menu {
  border: solid 1px #ECF0F1;
  background-color: #fff;
  right: 0 !important;
  border-radius: 9px;
  position: absolute;
  color: #7F8C8D;
  padding: 5px 0;
  display: none;
  z-index: 100;
  top: 34px;
}
.dots-complete-address .menu .item {
  padding: 5px 20px;
  cursor: pointer;
}
.dots-complete-address .menu .item .far {
  padding-right: 7px;
  height: unset;
  width: unset;
}
.dots-complete-address .menu .item:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #2D3436;
}
.dots-complete-address[aria-expanded=true] .menu {
  display: block;
}

/* MODAL FADE */
.block-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.block-modal-wrapper__content {
  font-family: "Open Sans", sans-serif;
  box-shadow: 0 0 40px 0 rgba(45, 52, 54, 0.4);
  transform: translate(-50%, -60%);
  position: absolute;
  text-align: center;
  padding: 45px 40px 20px 40px;
  border-radius: 9px;
  background: #fff;
  max-width: 500px;
  font-weight: 600;
  font-size: 20px;
  color: #2D3436;
  left: 50%;
  top: 50%;
}
.block-modal-wrapper__content p {
  margin-bottom: 20px;
}
.block-modal-wrapper__content button {
  transition: all 0.3s linear;
  text-transform: uppercase;
  padding: 17px 20px;
  border-radius: 9px;
  cursor: pointer;
  margin: 10px;
  border: none;
}
.block-modal-wrapper__cancel {
  color: #FFFFFF;
  background-color: #7F8C8D;
}
.block-modal-wrapper__cancel:hover {
  background-color: #2D3436;
}
.block-modal-wrapper__confirm {
  background: inherit;
  color: #2D3436;
}

@media (max-width: 767px) {
  .complete-address__wrapper {
    margin-top: 0;
  }
  .complete-address__changes {
    display: none;
  }
  .dots-complete-address {
    display: block;
  }
  .block-modal-wrapper__content {
    max-width: 400px;
    font-size: 16px;
  }
}
/*# sourceMappingURL=maps/main.css.map */