/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
/* Vars */
html,
body {
  padding: 0;
  margin: 0;
}
body {
  width: 100%;
  background: #e6e6e6;
  color: #323538;
  min-width: 960px;
  font-family: Tahoma, Arial;
  font-size: 14px;
}
/* Common classes */
.full-width {
  width: 960px;
}
.blue {
  color: #0ca1c9 !important;
}
.text-color {
  color: #323538 !important;
}
.gray {
  color: #666 !important;
}
.blue-gradient {
  background: #069ac2;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0587b8), color-stop(1, #07b0cc));
  background: -webkit-linear-gradient(bottom, #0587b8, #07b0cc);
  background: -o-linear-gradient(bottom, #0587b8, #07b0cc);
  background: -ms-linear-gradient(bottom, #0587b8, #07b0cc);
  background: -moz-linear-gradient(center bottom, #0587b8 0%, #07b0cc 100%);
}
.values-form label,
.values-form .label {
  display: block;
}
.values-form label span:first-child,
.values-form .label span:first-child,
.values-form label span.label-text,
.values-form .label span.label-text {
  display: inline-block;
  float: left;
  width: 20%;
  color: #595d5f;
}
.values-form label input[type="text"],
.values-form .label input[type="text"],
.values-form label input[type="password"],
.values-form .label input[type="password"],
.values-form label select,
.values-form .label select,
.values-form label span.input,
.values-form .label span.input,
.values-form label textarea,
.values-form .label textarea {
  float: right;
  width: 70%;
}
.values-form label textarea,
.values-form .label textarea {
  min-height: 70px;
}
.values-form label .range input,
.values-form .label .range input {
  float: none;
  width: 45%;
}
.values-form .captcha-field {
  color: #595d5f;
}
.values-form .captcha-field img.captcha {
  float: left;
}
.values-form .captcha-field .enter {
  float: left;
  margin-left: 10px;
}
.values-form .captcha-field .enter input {
  margin-top: 5px;
  float: none;
  width: 70px;
}
.buttons-group {
  display: inline-block;
  background: #069ac2;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0587b8), color-stop(1, #07b0cc));
  background: -webkit-linear-gradient(bottom, #0587b8, #07b0cc);
  background: -o-linear-gradient(bottom, #0587b8, #07b0cc);
  background: -ms-linear-gradient(bottom, #0587b8, #07b0cc);
  background: -moz-linear-gradient(center bottom, #0587b8 0%, #07b0cc 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*
.delimiter {
  display: inline-block;
  width: 1px;
  height: 26px;
  background: #037bab;
  border-top: 0px solid #0ac8df;
  border-bottom: 0px solid #07a6d1;
  border-right: 1px solid #0ac8df;
}
*/
}
.buttons-group .button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.buttons-group .button:first-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.buttons-group .button:last-child {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.buttons-group .delimiter {
  display: inline-block;
  width: 1px;
  height: 26px;
  vertical-align: top;
  margin: 3px 0;
  background: #037bab;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #02679e), color-stop(1, #0391b6));
  background: -webkit-linear-gradient(bottom, #02679e, #0391b6);
  background: -o-linear-gradient(bottom, #02679e, #0391b6);
  background: -ms-linear-gradient(bottom, #02679e, #0391b6);
  background: -moz-linear-gradient(center bottom, #02679e 0%, #0391b6 100%);
}
.buttons-group .delimiter:after {
  content: '';
  position: relative;
  left: 1px;
  display: inline-block;
  width: 1px;
  height: 26px;
  background: #08b6d8;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #07a6d1), color-stop(1, #0ac8df));
  background: -webkit-linear-gradient(bottom, #07a6d1, #0ac8df);
  background: -o-linear-gradient(bottom, #07a6d1, #0ac8df);
  background: -ms-linear-gradient(bottom, #07a6d1, #0ac8df);
  background: -moz-linear-gradient(center bottom, #07a6d1 0%, #0ac8df 100%);
}
.text-link {
  color: #323538;
  text-decoration: none;
}
.text-link:hover {
  text-decoration: underline;
}
/* Content */
section {
  padding: 13px;
  margin: 0 0 26px 0;
  background: #f7f7f7;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
section .quarter {
  width: 185px;
  float: left;
}
section .quarter + .quarter {
  margin-left: 13px;
}
section .right-side {
  position: relative;
  float: right;
  margin-left: 13px;
  padding-left: 13px;
  border-left: 1px solid #cacaca;
  width: 210px;
}
section .left-side {
  float: left;
  padding-right: 13px;
  border-right: 1px solid #cacaca;
  width: 585px;
}
section .left-side + .right-side {
  border: none;
  padding-left: 13px;
  margin-left: -1px;
  border-left: 1px solid #cacaca;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0 0 5px 0;
  font-weight: normal;
}
.banner:empty {
  display: none;
}
/* Index */
.big-number {
  display: inline-block;
  font-size: 48px;
  margin-bottom: 15px;
}
.events-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.events-list li {
  display: block;
  margin-bottom: 13px;
}
.events-list li .title {
  margin-bottom: 13px;
}
.events-list li .description a {
  color: #323538;
  text-decoration: none;
}
.events-list li .description a:hover {
  text-decoration: underline;
}
.events-list li + li {
  border-top: 1px dashed #323538;
  padding-top: 13px;
}
.car-title {
  font-size: 16px;
  margin: 0 0 13px 0;
}
.car-title .blue {
  display: inline-block;
  position: relative;
  top: 1px;
}
.car-title a,
.car-title span.gray {
  display: inline-block;
  margin-left: 13px;
  font-size: 12px;
}
/* Make */
.make-name {
  color: #0ca1c9 !important;
  font-size: 16px;
}
.make-description {
  margin-top: 13px;
  display: table;
}
.make-description .logo {
  display: table-cell;
  width: 180px;
  text-align: center;
  padding-right: 13px;
  vertical-align: top;
}
.make-description .description {
  display: table-cell;
  vertical-align: top;
}
.vector-preview {
  margin-bottom: 5px;
}
.vector-preview .preview {
  display: block;
  position: relative;
  text-decoration: none;
  outline: 1px solid #eaeaea;
}
.vector-preview .preview .price {
  display: block;
  position: absolute;
  left: -6px;
  top: 6px;
  font-size: 12px;
  line-height: 17px;
  padding: 0 8px;
  padding-bottom: 6px;
  background: url('../images/price-background.png') left no-repeat;
  color: #fff;
}
.vector-preview .preview .price:after {
  content: '';
  background: none;
  display: block;
  background: rgba(0, 0, 0, 0.14);
  width: 1px;
  height: 17px;
  position: absolute;
  right: -1px;
  top: 1px;
}
.vector-preview .preview .price.big {
  left: -12px;
  top: 6px;
  font-size: 24px;
  line-height: 34px;
  padding: 0 16px;
  padding-bottom: 12px;
  background-image: url('../images/price-background-big.png');
}
.vector-preview .preview .price.big:after {
  height: 34px;
}
.vector-preview .name {
  margin-top: 8px;
  color: #323538;
  text-decoration: none;
  display: inline-block;
}
.vector-preview .name:hover {
  text-decoration: underline;
}
.vector-preview .add-to-cart {
  display: inline-block;
  margin: 8px 0;
  padding-left: 20px;
  line-height: 14px;
  background: url('../images/icon-cart.png') left no-repeat;
}
.vector-preview .views .view {
  font-weight: normal !important;
  color: #cccccc;
}
.vector-preview .views .view.active {
  color: #666;
}
/* Blueprint */
.blueprint-description .name {
  color: #0ca1c9 !important;
  font-size: 16px;
}
.blueprint-description .preview {
  margin-top: 13px;
}
.blueprint-description .share {
  display: inline-block;
  width: 150px;
  height: 20px;
  padding: 15px 13px;
  vertical-align: top;
}
.blueprint-description .description {
  display: inline-block;
  height: 50px;
  vertical-align: top;
}
.vector-description span.name {
  color: #0ca1c9 !important;
  font-size: 16px;
}
.vector-description .preview {
  margin-top: 13px;
}
.vector-description .share {
  display: inline-block;
  width: 150px;
  height: 20px;
  padding: 15px 13px;
  vertical-align: top;
}
.vector-description .description {
  display: inline-block;
  height: 50px;
  vertical-align: top;
}
.enlarge {
  color: #323538;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  padding-left: 17px;
  background: url('../images/icon-enlarge.png') left no-repeat;
}
.enlarge:hover {
  text-decoration: underline;
}
.report-form input[type="text"],
.report-form select {
  margin-top: 5px;
  width: 100%;
}
.report-form p {
  margin-bottom: 8px;
}
.report-form input[type="checkbox"] {
  margin: 0;
  vertical-align: middle;
}
.table-list {
  display: table;
  list-style: none;
  margin: 0;
  padding: 0;
}
.table-list > li {
  display: table-row;
}
.table-list > li > li {
  display: table-cell;
}
/* Vectors */
.make-vectors-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.make-vectors-list li {
  margin: 20px 30px;
  padding: 0;
  display: inline-block;
  text-align: center;
  width: 135px;
  height: 135px;
}
.make-vectors-list li a {
  color: #323538;
  text-decoration: none;
}
.make-vectors-list li a:hover {
  text-decoration: underline;
}
.make-vectors-list li img {
  margin-bottom: 6px;
}
.vectors-table {
  width: 585px;
  border: none;
}
.vectors-table td {
  width: 33%;
  vertical-align: top;
}
.vectors-table td + td {
  padding-left: 13px;
}
.vectors-table td .preview img {
  width: 100%;
}
/* Search */
.search-form {
  white-space: nowrap;
}
.search-form p {
  position: relative;
  width: 210px;
}
.search-form .hint,
.search-form .add-tag {
  position: absolute;
  left: 220px;
  top: 3px;
  white-space: nowrap;
}
.search-form .tags {
  display: block;
  margin: 5px 0px 13px 64px;
  white-space: normal;
  width: 520px;
}
.search-form .tags .tag {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.search-form .tags .tag .delete-tag {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../images/icon-delete-tag.png') center no-repeat;
}
/* Submit */
.main-submit-form #file {
  width: 200px;
}
.main-submit-form .submit-form {
  margin: 10px 0;
}
.main-submit-form .submit-form .photo {
  margin-right: 10px;
}
.main-submit-form .submit-form label span {
  width: 28%;
  text-align: right;
  vertical-align: middle;
}
.voting {
  background: url('../images/vote-counter.png') left no-repeat;
  display: inline-block;
  border: none;
  border-right: 1px solid #797979;
  font-size: 10px;
  line-height: 13px;
  padding-left: 25px;
  padding-right: 6px;
  text-align: center;
  text-decoration: none !important;
  color: #666 !important;
}
.suggestion-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.suggestion-list li {
  display: block;
  margin-bottom: 13px;
}
.suggestion-list li .title {
  margin-bottom: 13px;
}
.suggestion-list li .description a {
  color: #323538;
  text-decoration: none;
}
.suggestion-list li .description a:hover {
  text-decoration: underline;
}
.suggestion-list li + li {
  border-top: 1px dashed #323538;
  padding-top: 13px;
}
.suggestion-list .answer {
  margin-top: 13px;
  border-top: 1px dashed #a8b6b9;
  padding-top: 13px;
}
.m-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.f12 {
  font-size: 12px;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #f7f7f7;
  color: #453e3a;
}
input,
select {
  font-size: 14px;
}
input:active,
select:active,
input:focus,
select:focus {
  outline: 0;
}
a {
  color: #4285f4;
}
a:hover {
  text-decoration: none;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
img {
  max-width: 100%;
}
h2 {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 8px;
}
h3 {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 8px;
}
input,
select,
textarea {
  height: 34px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  color: #000;
}
table {
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  border-spacing: 0;
}
table tbody tr:hover {
  background-color: #fff;
}
table td,
table th {
  line-height: 22px;
}
table tr + tr td {
  border-top: 1px solid #e2e2e2;
}
.color-cyan {
  color: #4285f4;
}
.link__color-default {
  color: #453e3a;
}
.link__undecoration {
  text-decoration: none;
}
.link__undecoration:hover .icon-vector-request {
  text-decoration: underline;
}
:focus::-webkit-input-placeholder {
  color: transparent;
}
.d-table {
  display: table;
}
.d-table-row {
  display: table-row;
}
.d-table-cell {
  display: table-cell;
}
.btn {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #f28d4f;
  border-radius: 4px;
  color: #f28d4f;
  text-decoration: none !important;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
}
.btn.ok-close {
  padding: 0 39px;
}
.btn.large {
  height: 40px;
  padding: 5px 16px;
  border-radius: 6px;
}
.btn:hover,
.btn.hover,
.btn-active,
.btn.invert-colors {
  background: #f28d4f;
  color: #fff;
}
.btn.hover:hover,
.btn-active:hover,
.btn.invert-colors:hover {
  background-color: #ffbc53;
  border-color: #ffbc53;
}
.btn.violet {
  border-color: #753353;
  color: #753353;
}
.btn.violet.hover,
.btn.violet:hover {
  background-color: #753353;
  color: #fff;
}
.btn.violet.hover:hover {
  background-color: #ffbc53;
  border-color: #ffbc53;
}
.btn.brown {
  border-color: #736357;
  background-color: #736357;
  color: #fff;
}
.btn.brown:hover {
  background-color: #423A36;
  border-color: #423A36;
}
.orange {
  color: #f28d4f;
}
.ui-view_unactive {
  color: #cccccc;
}
.bg-grey {
  background: #f5f5f5;
}
#header-logo {
  display: inline-block;
  margin-right: 24px;
}
.bordered {
  border: 1px solid #e2e2e2;
  padding: 16px;
}
.list-default {
  border: 1px solid #e2e2e2;
  border-radius: 3px;
}
.list-default li + li {
  border-top: 1px solid #e2e2e2;
}
.list-default .list-item {
  display: block;
  height: 34px;
  line-height: 34px;
  width: 100%;
  padding: 0 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  background-color: #fff;
  color: #453e3a;
}
.list-default .list-item:hover {
  background-color: #f5f5f5;
}
#header-stripe {
  position: fixed;
  top: 28px;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#header-stripe .container_12 {
  margin: 0 auto;
  display: table;
}
#header-stripe .container_12 .tc {
  display: table-cell;
  padding: 10px 5px;
  white-space: nowrap;
}
#header-stripe .container_12 .tc * {
  vertical-align: middle;
}
#main-menu {
  margin-left: 8px;
}
#main-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#main-menu ul li {
  display: inline-block;
  border-radius: 5px;
}
#main-menu ul li.active,
#main-menu ul li:hover {
  background-color: #453e3a;
}
#main-menu ul li.active a,
#main-menu ul li:hover a,
#main-menu ul li.active div,
#main-menu ul li:hover div {
  color: #fff;
}
#main-menu ul li a,
#main-menu ul li div {
  width: 100%;
  padding: 0 12px;
  display: block;
  color: #323538;
  font-size: 14px;
  text-decoration: none;
  line-height: 38px;
}
.search_header {
  display: inline-block;
  vertical-align: middle;
  width: 370px;
  height: 36px;
  padding: 0 8px;
  margin: 0;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.search_header.cut {
  width: 320px;
}
.search_header.cut .input {
  width: 273px;
}
.search_header .icon {
  display: block;
  margin: 10px 4px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-image: url("/nox-themes/default/images/ui_search-header_icon.png");
  border: 0;
  float: right;
  cursor: pointer;
}
.search_header .input {
  display: block;
  height: 36px;
  padding: 0 0 0 8px;
  background-color: transparent;
  border: 0;
  float: left;
  width: 323px;
}
.search_header .input:focus {
  outline: 0;
}
.search_header .input::-webkit-input-placeholder {
  color: #000;
}
.search_header .input:focus::-webkit-input-placeholder {
  color: transparent;
}
h1 {
  font-size: 21px;
  font-weight: bold;
}
.fakeh1 {
  font-size: 21px;
}
.pre-content {
  min-height: 98px;
  background-color: #eee;
  padding: 16px 0;
}
.pre-content .container_12 {
  height: inherit;
  position: relative;
}
.pre-content .caption {
  margin-top: 34px;
}
.pre-content .caption .small {
  display: inline-block;
  padding-right: 24px;
  font-size: 14px;
  font-weight: normal;
}
.pre-content .breadcrumbs {
  margin-top: 16px;
  font-size: 14px;
  list-style-type: none;
  padding-left: 0;
}
.pre-content .breadcrumbs li {
  display: inline-block;
}
.pre-content .breadcrumbs li:after {
  content: ' / ';
}
.pre-content .breadcrumbs + .caption {
  margin-top: 4px;
}
.container-row {
  overflow: auto;
}
.container-row > div {
  float: left;
  width: 100%;
}
.container-row:before,
.container-row:after {
  content: '';
  display: table;
  clear: both;
}
footer {
  margin-top: 12px;
  font-size: 14px;
  color: #303030;
}
footer .footer-row {
  border-top: 1px solid #e2e2e2;
}
footer .footer-nav-column {
  width: 19.999999%;
  padding: 10px 0 20px;
}
footer .footer-nav-title {
  font-weight: bold;
  line-height: 50px;
}
footer .footer-nav-item {
  display: block;
  color: #303030;
  line-height: 30px;
  text-decoration: none;
}
footer .footer-nav-item:not(.oper):hover {
  text-decoration: underline;
}
footer .footer-nav-item img {
  margin-top: 4px;
}
footer .footer-info {
  padding: 28px 0 32px;
  overflow: auto;
}
footer .footer-info .footer-info-left {
  float: left;
}
footer .footer-info .footer-info-right {
  float: right;
  padding-top: 6px;
}
footer .fb-wrap {
  text-align: center;
  padding: 24px 0 12px;
}
footer .fb-wrap .fb-like {
  margin-top: 12px;
}
.top-cars-cont {
  padding: 12px 0 28px;
}
.top-cars-cont[data-mode="all"] {
  display: none;
}
.top-cars-oper {
  border-top: 1px solid #e2e2e2;
  padding: 16px;
  text-align: center;
}
.top-cars-oper .btn {
  padding: 0 12px 0 24px;
}
.top-cars-col {
  display: block;
  width: 16.666666% !important;
}
.top-cars-col a {
  display: block;
  padding-left: 16px;
  color: #303030;
  line-height: 30px;
  text-decoration: none;
}
.top-cars-col a:hover {
  text-decoration: underline;
}
.top-cars-col[top="0"] {
  display: none;
}
.top-cars-item a {
  padding-left: 16px;
  color: #303030;
  line-height: 30px;
  text-decoration: none;
}
.top-cars-item a:hover {
  text-decoration: underline;
}
.top-cars-item[top="0"] {
  display: none;
}
.a30 {
  color: #303030;
  text-decoration: none;
}
.a30:hover {
  text-decoration: underline;
}
.main-top-cars-cont {
  margin-bottom: 16px;
  border-bottom: 1px solid #e2e2e2;
}
.top-top-cars-cont {
  display: none;
  padding-top: 16px;
  background: #fff;
}
[cars-main="all"] .top-cars-cont[data-mode="all"] {
  display: block;
}
[cars-main="all"] .top-cars-cont[data-mode="top"],
[cars-main="all"] .main-top-cars-cont .top-cars-oper {
  display: none;
}
#top-cars-cont {
  display: none;
}
#top-cars-cont:hover {
  display: block !important;
}
[cars-top="show"] #top-cars-cont {
  display: block;
}
#make-cars-btn {
  cursor: pointer;
}
#header-top-cars {
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: transparent;
}
#header-top-cars .container_12 {
  margin: 0 auto;
}
.line-normal {
  line-height: normal;
}
.content {
  padding: 16px 0;
}
/**
  * Поиск
*/
form .form-item + .form-item {
  margin-top: 6px;
}
form .form-item + .form-item-submit {
  margin-top: 16px;
}
form .form-item:focus + .form-item.hint {
  display: block;
}
form .form-item .input {
  display: block;
  width: 100%;
}
form .form-item .input:focus + .hint {
  display: block;
}
form .form-item input[type='radio'] {
  position: absolute;
}
form .form-item input[type='radio'] + label {
  display: block;
  padding-left: 25px;
}
form .form-item .hint {
  margin: 6px 0;
  font-size: 12px;
  display: none;
}
#shadow {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .3;
  filter: alpha(opacity=30);
  z-index: 5000;
}
.window {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10000;
  display: none;
  width: 262px;
}
.window input:not([type=submit]) {
  background-color: #e2e2e2;
}
.window .title {
  height: 52px;
  line-height: 52px;
  padding: 0 16px;
  background-color: #f5f5f5;
  font-size: 18px;
}
.window .title .note {
  font-size: 14px;
}
.window .content {
  padding: 16px;
  background-color: #fff;
}
.window .content .note {
  font-size: 14px;
}
.window .close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  width: 14px;
  height: 13px;
  background: url("/nox-themes/default/images/ui_popup_close.png");
}
.hr {
  margin: 16px 0;
  height: 1px;
  background-color: #e2e2e2;
  text-align: center;
  line-height: 2px;
}
.hr.with-title {
  margin: 20px 0;
}
.hr .hr-title {
  display: inline-block;
  background-color: #fff;
  position: relative;
  top: -1px;
  height: 4px;
  padding: 0 6px;
  color: #7f7f7f;
}
#shadow.visible,
.window.visible {
  display: block;
}
.ui_facebook_login_wrap {
  text-align: center;
  padding-bottom: 8px;
}
.ui_google_login_wrap {
  text-align: center;
  box-sizing: content-box !important;
}
.print_likes {
  padding-top: 16px;
  text-align: center;
}
.print_likes > * {
  vertical-align: top;
}
.block-content:hover .popup-form,
.block-content.hover .popup-form {
  top: 0;
}
.popup-form {
  position: absolute;
  top: -9999px;
  width: 100%;
  height: 100%;
  line-height: 208px;
  background-color: rgba(243, 240, 235, 0.35);
  text-align: center;
  white-space: nowrap;
}
.popup-form .full-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.popup-form .btn.invert-colors {
  border: 1px solid #fff !important;
}
.blueprint-popup {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 338px;
  height: 100px;
  padding: 16px;
  background-color: #fff;
  border-radius: 5px;
  line-height: normal;
  text-align: left;
  box-shadow: 0 0 8px 1px #999999;
}
.one-str {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.js-linker tbody tr {
  cursor: pointer;
}
.text-color-note {
  color: #a4a4a4;
}
.request-photo-empty {
  line-height: 200px;
  text-align: center;
  padding: 40px 0;
}
.request-preview {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}
.request-preview-text {
  float: left;
  width: 236px;
  padding-left: 24px;
}
.request-preview-icon {
  float: left;
  width: 64px;
}
.icon-vector,
.icon-vector-fill,
.icon-free {
  display: inline-block;
  border-radius: 4px;
  font-weight: 400;
  font-size: 11px;
  line-height: normal;
  padding: 2px;
  margin-bottom: 2px;
  vertical-align: baseline;
}
.icon-vector {
  color: #f28d4f;
  border: 1px solid #f28d4f;
}
.icon-vector-fill {
  color: #fff;
  background-color: #f28d4f;
  border: 1px solid #f28d4f;
}
.icon-free {
  color: #a4a4a4;
  border: 1px solid #a4a4a4;
}
.icon-vector-request {
  display: inline-block;
  position: relative;
  color: #a4a4a4;
  font-size: 11px;
  vertical-align: baseline;
  line-height: normal;
  padding: 3px 2px 3px 16px;
  margin-bottom: 2px;
  font-weight: 400;
}
.icon-vector-request:before {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  left: 2px;
  top: 3px;
  background: url('/nox-themes/default/images/print_requested.png') no-repeat right center;
}
.force-page-ready-vector .icon-vector-fill {
  font-size: 14px;
  padding: 2px 4px;
}
.js_column-scroll.column-fixed .scroll-wrapper {
  position: fixed;
  top: 74px;
  width: inherit;
}
.cursor-help {
  cursor: help;
}
.free-vector {
  margin-top: 8px;
}
.block {
  display: block;
  border: 1px solid transparent;
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
}
.block.block-wide-padding {
  padding: 10px;
}
.block14 {
  display: block;
  padding: 14px;
  background-color: #fff;
}
.bulk-wrap {
  margin-top: 24px;
  padding-top: 32px;
  position: relative;
}
.bulk-wrap .info-cont {
  padding: 16px 0;
}
.bulk-wrap .bulk-img {
  position: absolute;
  top: 0;
  left: 16px;
}
.popup-wrapper,
.popup-substrate {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.popup-substrate {
  background: #000;
  opacity: .3;
}
.popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  width: 14px;
  height: 13px;
  background: url("/nox-themes/default/images/ui_popup_close.png");
}
.modal-dialog {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1010;
  width: 262px;
  background: #fff;
}
.modal-dialog .container_12 {
  width: 100%;
  padding: 0;
}
.modal-dialog-title {
  padding: 8px 30px 8px 16px;
  background-color: #f5f5f5;
  font-size: 17px;
  white-space: nowrap;
}
.modal-dialog-body {
  padding: 16px;
}
.modal-dialog .note {
  font-size: 11px;
}
.btn {
  white-space: nowrap;
}
/* KAF styles */
p.features > strong:before {
  content: "★ ";
  color: #f28d4f;
}
.vector-mark {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  height: 70px;
  width: 70px;
  background-image: url("data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjg1NUEyRkUwMUIwMTFFNzlENjI5MDExRENCQjUwMDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjg1NUEyRkYwMUIwMTFFNzlENjI5MDExRENCQjUwMDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODU1QTJGQzAxQjAxMUU3OUQ2MjkwMTFEQ0JCNTAwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyODU1QTJGRDAxQjAxMUU3OUQ2MjkwMTFEQ0JCNTAwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmQqjsQAAAb3SURBVHja7Jp3bNVV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");
}
.crumb {
  color: #7e7e7e;
  text-decoration: none;
}
.crumb:hover {
  text-decoration: underline;
}
#log-panel {
  background-color: #f5f5f5;
}
#log-panel > div {
  margin: 0 auto;
  padding: 5px 15px;
  width: 960px;
  height: 86px;
}
.btn.blue.hover {
  border-color: #4285f4;
  background-color: #4285f4;
  color: #fff !important;
  font-size: 14px;
}
.btn.blue.hover:hover {
  background-color: #3b79db;
  border-color: #3b79db;
}
#console {
  position: fixed;
  z-index: 16000002;
  cursor: pointer;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  font-size: 13px;
  padding: 10px;
  border: 1px solid #f00;
  background-color: #f00;
  color: #f00;
  overflow: hidden;
}
#console.full {
  width: 400px;
  height: auto;
  max-height: 500px;
  background-color: #fff;
  color: #000;
  overflow-y: scroll;
}
#console div {
  margin-bottom: 3px;
}
.vector-block-preview {
  position: relative;
  overflow: hidden;
  font-size: 12px;
}
.vector-block-preview .cont {
  position: relative;
  display: block;
  color: #453e3a;
  height: 237px;
  overflow: hidden;
}
.vector-block-preview .cont img {
  width: 208px;
  height: auto;
  margin-top: -35px;
}
.vector-block-preview.large .cont {
  height: 514px;
}
.vector-block-preview.large .cont img {
  width: 448px;
  margin-top: 0;
}
.vector-block-preview .back {
  position: relative;
  display: block;
  color: #453e3a;
  height: 237px;
  background-size: 208px auto;
  background-position: center -35px;
  background-color: #f3f0eb;
  background-repeat: no-repeat;
}
.vector-block-preview .btn.js-popup {
  font-size: 14px;
}
.vector-block-preview .vector-mark {
  display: none;
}
.vector-block-preview .full-card {
  background-color: #fff;
  opacity: 0.3;
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.vector-block-preview .makeTopView {
  display: none;
}
.vector-block-preview.waitTop .makeTopView {
  display: block;
}
.info {
  text-align: left;
  padding: 4px;
  background-color: #fff;
}
.info .period {
  color: #7e7e7e;
}
.info .name,
.info .subname {
  font-size: 14px;
}
.info .name + .subname {
  min-height: 17px;
}
.info.bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.vector-block-preview:hover .popup,
.vector-block-preview.hover .popup {
  bottom: 5px !important;
}
.vector-block-preview:hover .vector-mark,
.vector-block-preview.hover .vector-mark,
.vector-block-preview:hover .full-card,
.vector-block-preview.hover .full-card {
  display: block;
}
.popup {
  position: absolute;
  z-index: 200;
  padding: 4px;
  left: 5px;
  right: 5px;
  bottom: 9999px !important;
  background-color: #fff;
}
.popup .info {
  padding: 4px 0 8px;
}
.popup vector-pay {
  font-size: 14px;
}
.popup .full-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.popup .btn.invert-colors {
  border: 1px solid #fff !important;
}
.pages {
  text-align: left;
  font-size: 100%;
  margin: 0;
}
.pages .active {
  font-weight: normal;
}
.pages span:first-child:before {
  content: "Pages: ";
}
.pages-wrap {
  position: relative;
  padding: 16px 0;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
}
.pages-wrap a {
  text-decoration: none;
}
.pages-wrap .page {
  display: inline-block;
  background: #fff;
  margin: 0 1px;
  padding: 5px;
}
.pages-wrap .page.active {
  font-weight: bold;
}
.pages-wrap .pages-cont {
  position: relative;
  display: inline-block;
}
.pages-wrap .pages-cont a {
  color: #f28d4f;
}
.pages-wrap .pages-cont a:hover {
  color: #fff;
  background: #f28d4f;
}
.pages-wrap .page-prev,
.pages-wrap .page-next {
  color: #cecece;
}
.pages-wrap .page-prev a,
.pages-wrap .page-next a {
  color: #453e3a;
}
.pages-wrap .page-prev {
  float: left;
}
.pages-wrap .page-next {
  float: right;
}
.brouser-like-chrome .for-not-like-chrome,
.brouser-not-like-chrome .for-like-chrome {
  display: none;
}
.msg:not(:empty) {
  margin-bottom: 16px;
}
.options-cont {
  padding: 0;
}
.cheсkbox-cont label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  line-height: 20px;
}
.cheсkbox-cont label input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  height: 20px;
  width: 20px;
}
.cheсkbox-cont label .name {
  font-weight: bold;
}
.cheсkbox-cont label .details {
  color: #7e7e7e;
}
.for-vectors-without-top {
  display: none;
}
[vector-with-top] .for-vectors-without-top {
  display: block;
}
.block-gr-br {
  display: block;
  position: relative;
  width: 612px;
  padding: 67px;
  border: 1px solid #67625e;
  border-radius: 5px;
  background: linear-gradient(to bottom, #736357, #423A36);
}
.block-dbr {
  display: block;
  position: relative;
  width: 460px;
  height: 460px;
  border: 1px solid #67625e;
  border-radius: 5px;
  background: #67625e;
}
.block-request {
  background-image: url("/nox-themes/default/images/request-icon100.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.block-prepay {
  background-image: url("/nox-themes/default/images/prepay-icon100.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.cart-empty {
  padding: 20px 0 100px;
}
.cart-empty img {
  margin: 20px auto;
}
.cart-empty .cart-empty-header {
  font-size: 120%;
  padding: 10px 0;
}
.guest-only,
.auth-only {
  display: none;
}
[data-user-mode="guest"] .guest-only,
[data-user-mode="auth"] .auth-only {
  display: block;
}
.print-like-cont {
  padding: 14px 14px 9px;
}
.print-like-cont div {
  margin-right: 10px;
  display: inline-block;
}
.print-like-cont a {
  display: flex;
  align-items: center;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
}
.print-like-cont a img {
  margin: 2px 4px;
}
.has-hint {
  cursor: help;
}
.prepay-link-cont .prepay-image-hover,
.prepay-link-cont:hover .prepay-image {
  display: none;
}
.prepay-link-cont .prepay-image,
.prepay-link-cont:hover .prepay-image-hover {
  display: block;
}
#_pageScrollTo {
  color: #4285f4;
  border-bottom: 1px dashed #4285f4;
  cursor: pointer;
}
.collect-link-cont a {
  color: #4285f4;
  font-size: 15px;
  text-decoration: none;
}
.collect-link-cont a:hover {
  text-decoration: underline;
}
#country-cont {
  position: absolute;
  display: none;
  background: #fff;
  padding: 0 15px;
}
.country-item {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
}
.country-item img {
  margin: 0 !important;
}
.country-item div {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}
.country-item-wrap {
  line-height: 40px;
}
.country-item-wrap a.country-item {
  border-top: 1px solid #f7f7f7;
  color: #303030;
  text-decoration: none;
}
.country-item-wrap a.country-item:hover div {
  text-decoration: underline;
}
.start-card {
  padding: 20px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  border-top-style: solid;
  border-top-width: 10px;
}
.start-card .start-tag {
  font-size: 11px;
  color: #a4a4a4;
}
.start-card .start-header {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}
.start-card .start-text {
  min-height: 90px;
  font-size: 15px;
}
.start-card a {
  font-size: 15px;
}
.start-card.start-blueprints {
  border-top-color: #cdcdcd;
}
.start-card.start-vectors {
  border-top-color: #f28d4f;
}
.start-card.start-requests {
  border-top-color: #f9b256;
}
