@charset "utf-8";
/*
fixes
*/
.hidden-on-laptop {
    display:  none;
}
.choose-category.empty .btn {
    padding: 2px 15px;
}
.final-controls .final-price:after{
    content: "";
    display: block;
    clear: both;
}
.edit-choises {
    margin-right: -15px;
}
/*
fixes ends
*/
#registration-forms.form-box {
    margin: 0;
}

#registration-forms .switch-box {
    margin-bottom: 54px;
}

#registration-forms .form-policy {
    text-align: center;
    margin-top: 20px;
}

.caption.reg-caption {
    color: #2a2a2a;
    font-size: 0.888888rem;
}

#registration-forms .field-caption,.lk-form .field-caption {
    font-weight: 400;
}

/*.lk-form .custom-file-input .select-file{
    padding: 11px;
    width: 100%;
    text-align: center;
}*/

.col-btn-cont .btn-cont {
    text-align: center;
    margin-top: 30px;
}

.btn.btn-save-user {
    display:  inline-block;
    min-width: 200px;
}

#registration-forms .col-need-be-50, .lk-form .col-need-be-50{
    margin-bottom: 30px;
}

.lk-left-menu {
    width: 275px;
    padding-right: 30px;
    padding-top: 50px;
    float: left;
}

.lk-main-wrapper {
    float:  left;
    width: calc(100% - 275px);
}

ul.lk-menu {
    background: #f3f3f3;
    list-style:  none;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.lk-item svg {
    width: 24px;
    height: 24px;
    fill: #ff6666;
}

ul.lk-menu li a {
    padding: 10px 34px 10px 10px;
    line-height: 20px;
    display: block;
    width: 100%;
    position: relative;
    color: #1c1c1b;
    text-decoration: none;
    font-size: 0.888888rem;
}

.lk-circle-abs {
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    right: 10px;
    border-radius: 50%;
    background:  #fbe3e3;
    color: #ff6666;
    line-height: 23px;
    font-size: 0.888888rem;
    font-weight:  700;
    text-align: center;
}

.lk-item svg {
    margin: -2px 10px -2px 0;
}

.lk-item {
    height: 20px;
    stroke-width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.lk-menu li:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
    position:  relative;
}

.lk-menu li.active, .lk-menu li:hover {
    background:  #eeeeee;
    z-index: 1;
}

/*ul.lk-menu.lk-menu li:not(.active):not(:last-child):not(:hover) {
    border-color: #d2d2d2;
}

/*.lk-menu li.active:after, .lk-menu li:hover:after {
    content:  '';
    position:  absolute;
    display:  block;
    width: 100%;
    height: 1px;
    top: -1px;
    left: 0;
    background:  #eeeeee;
}*/

.lk-menu-wrapper {
    margin-bottom: 40px;
}

.personal-discount {
    border-radius: 5px;
    background: #f3f3f3;
    padding:  15px 5px 18px;
    text-align: center;
    color: #2a2a2a;
    font-size: 0.888888rem;
    font-weight: bold;
    position: relative;
}

.pc {
    font-size: 20px;
}

.personal-discount .discount-content {
    font-weight: 400;
}

.discount-content {
    text-align: right;
    display: inline-block;
}

.personal-discount .discount-size {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
}

.lk-message {
    padding: 22px 24px;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    width: calc(100% - 12px);
    position:  relative;
    color: #7d7d7d;
    font-size: 0.888888rem;
    border-radius: 5px;
}

a.lk-message {
    display: block;
    text-decoration: none;
}

a.lk-message:hover {
    color: #7d7d7d;
}

.lk-message.warning {
    border-color: #ff6666;
    background: #fff2f2;
}

.lk-message.warning:after {
    content: '!';
    position: absolute;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff6666;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.lk-message-tbl {
    width: 100%;
    position:  relative;
}

.lk-message-tbl > * {
    vertical-align: top;
    float: left;
}

.lk-message-tbl .lk-message-preview {
    padding-right:  20px;
    width: calc(100% - 185px);
}

.lk-message-tbl .lk-message-date {
    white-space: nowrap;
    text-align: right;
    width: 185px;
}

.lk-message-tbl .lk-message-preview span {
    display:  block;
    /* width: 100%; */
    white-space:  nowrap;
    text-overflow:  ellipsis;
    max-width: 100%;
    height: 21px;
    overflow:  hidden;
}

a.lk-message .lk-message-tbl .lk-message-preview span {
    white-space: normal;
}

.lk-message.open .lk-message-tbl .lk-message-preview span {
    height: auto;
    white-space: normal;
    text-overflow: initial;
}

.lk-message-tbl:after {
    content: '';
    display:  table;
    clear: both;
}

.lk-message-controls {
    position:  absolute;
    top: -12px;
    right: -12px;
}

.lk-dismiss-this {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position:  relative;
    cursor: pointer;
}

.lk-dismiss-this:hover {
    background: #f66;
}

.lk-dismiss-this:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/trash-small.png) center no-repeat;
}
/*
.lk-dismiss-this:after,.lk-dismiss-this:before {
    position:  absolute;
    width: 80%;
    left:  10%;
    height: 2px;
    background:  #fff;
    content:  '';
    top: calc(50% - 1px);
    transform: rotate(45deg);
}

.lk-dismiss-this:after {
    transform: rotate(-45deg);
}*/

.lk-message.lk-new-message {
    background:  #f3f3f3;
    border-color: #f3f3f3;
    color: #1c1c1b;
}

.lk-message .order-num {
    position: absolute;
    top: -11px;
    left: 24px;
    line-height: 20px;
    padding: 0 8px;
    font-size: 0.89rem;
    background: white;
    color: #7d7d7d;
}

.lk-message .order-status {
    position: absolute;
    top: -13px;
    right: 24px;
    border-radius: 5px;
    line-height: 20px;
    padding: 2px 10px;
    font-size: 0.7rem;
    background: #f3f3f3;
    color: black;
    text-transform: lowercase;
}

.lk-message .order-status::first-letter {
    text-transform: uppercase;
}

.order-list {
    margin-top: 30px;
}

.order-list.status-new {
    border-color: #5623c5;
}
.order-list.status-new .order-status {
    border-color: #5623c5;
    background: #5623c5;
    color: white;
}

.order-list.status-make,
.order-list.status-makeview {
    border-color: #1abc9c;
}
.order-list.status-make .order-status,
.order-list.status-makeview .order-status {
    border-color: #1abc9c;
    background: #1abc9c;
    color: white;
}

.order-list.status-accepted {
    border-color: #3498db;
}
.order-list.status-accepted .order-status {
    border-color: #3498db;
    background: #3498db;
    color: white;
}

.order-list.status-paid,
.order-list.status-sent {
    border-color: #ff6666;
}
.order-list.status-paid .order-status,
.order-list.status-sent .order-status {
    border-color: #ff6666;
    background: #ff6666;
    color: white;
}

.adress-table {
    margin: 40px 0;
}

.lk-single-adress {
    padding: 15px 20px;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    border-radius: 5px;
}

.lk-single-adress.empty-tmpl {
    display: none;
}

.lk-parent-wrapper {
    position: relative;
}

.lk-row.lk-first-row {
    display:  table;
    width: 100%;
    line-height: 30px;
}

.lk-row.lk-first-row .lk-cell {
    display: table-cell;
    vertical-align:  top;
}


.lk-cell.postal-index {
    width: 120px;
    padding-right: 20px;
    min-width: 100px;
    font-weight: 700;
}

.lk-cell.btns-cell .lk-btns-controls {
    white-space: nowrap;
}

.lk-cell.btns-cell .lk-btns-controls .btn {
    display: inline-block;
    vertical-align: top;
}

.lk-cell.postal-city {
    width: 100%;
}

.btn.btn-grey {
    background:  #f3f3f3;
    border: none;
    font-size: 0.888888rem;
    font-weight: 400;
    padding: 6px 10px 5px;
    color: #1c1c1b;
}

.btn.btn-grey:hover {
    background:  #eeeeee;
}

.lk-btns-controls .btn.btn-edit-address {
    margin-right: 20px;
}

.btn.btn-grey-dark,
.btn.btn-middle {
    border: none;
    font-size: 0.888888rem;
    font-weight: 400;
    padding: 6px 10px 5px;
}

.btn.btn-grey-dark {
    background: #d6d6d6;
    color: #fff;
}

.lk-row.lk-second-row {
    line-height: 30px;
}

.btn.btn-edit-address:after {
    content: '';
    width: 20px;
    height: 20px;
    display:  inline-block;
    vertical-align:  middle;
    margin: -1px 0 -1px 10px;
    background:  url(/img/edit.svg) no-repeat center;
    background-size: 100%;
}

.btn.btn-delete-address:after {
    content:'';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 -1px 10px;
    background: url(/img/garbage.svg) no-repeat center;
    background-size: 100%;
}

.lk-title h3 {
    margin-top: 0;
}

.add-adress-form {
    margin-top: 40px;
    margin-bottom: 40px;
}

.add-adress-form .col-btn-cont .btn-cont {
    margin-top: 10px;
}

.btn-save-user, .btn-add-address,.btn-grey-dark,.btn-grey {
    font-family: 'PT Sans', sans-serif;
}

.btn-add-address {
    padding: 10px 26px;
    line-height: 20px;
}

.btn-add-address .btn-icon {
    display:  inline-block;
    width: 20px;
    height: 19px;
    vertical-align:  middle;
    position:  relative;
    margin-right: 10px;
}

.btn-add-address .btn-icon:before,.btn-add-address .btn-icon:after {
    content:  '';
    display:  block;
    width: 80%;
    height:  2px;
    left: 10%;
    position:  absolute;
    top: calc(50% - 1px);
    background:  #fff;
}

.btn-add-address .btn-icon:after {
    transform: rotate(90deg);
}

.add-row-form .btn-add-address {
    display: block;
}

.add-row-form.showForm .btn-add-address {
    display: none;
}

.add-row-form #add-adress-form {
    display: none;
}

.add-row-form.showForm #add-adress-form {
    display: block;
}

.lk-file {
    float:  left;
    width: 80px;
    margin: 0 0 15px 0;
    position: relative;
}

.lk-col-m30 {
    margin-bottom: 30px;
}

.uploaded-files:empty {
    display: none;
}

.uploaded-files {
    margin-bottom: 30px;
}
.adding-logotype .uploaded-files {
    margin-bottom: 10px;
}
.adding-logotype .uploaded-files .lk-file {
    margin-bottom: 15px;
}

.lk-file:last-child {
    margin-right: 0;
}

.lk-blank-file {
    width: 60px;
    height: 80px;
    background: #fff;
	border-radius:5px;
    position:  relative;
    display: block;
    text-decoration: none;
    overflow: hidden;
    transition: background-position-y .3s ease-in;
}

.file-download .lk-blank-file:after {
    content: 'Скачать';
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 20px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: .78rem;
    line-height: 20px;
    text-align: center;
    background: #1abc9c;
    color: white;
    transition: top .3s ease-in;
}

.file-download .lk-blank-file:hover:after {
    top: 0px;
}

.file-download .lk-blank-file:hover {
    background-position-y: 25px;
}

.file-download .lk-blank-file:hover:before {
    top: 20px;
}

.lk-blank-file:before {
    content:  attr(data-mime);
    line-height:  80px;
    display:  block;
    text-align:  center;
    width: 100%;
    font-size: 18px;
    color: #888;
    position: relative;
    top: 0;
    transition: top .3s ease-out;
}

.lk-file-name {
    color: #888;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow:  ellipsis;
    overflow:  hidden;
	font-size:14px;
}

.lk-file .lk-message-controls {
    right: 5px;
}

.lk-grey-border {padding: 30px 30px;border: 1px solid #d6d6d6;margin: 80px 0;position:  relative;}

.lk-order-wrapper .lk-btns-cont {
    position:  absolute;
    top: -30px;
    left: 0;
    z-index: 5;
}

.lk-order-wrapper.disable-view .lk-btns-cont {
    display: none;
}

.lk-hspan + h3 {
    display:  inline-block;
    margin-bottom: 0;
}

.lk-order-wrapper .lk-btns-cont.lk-btns-cont-right {
    left: auto;
    right: 0;
}

.lk-order-wrapper .lk-btns-cont.lk-btns-cont-right>div {
    float: left;
}

.lk-order-wrapper:not(.in-scroll) .lk-btns-cont .btn {
    border-radius: 5px 5px 0 0;
}

.lk-order-wrapper.lk-grey-border .lk-btns-cont {
    left: -1px;
}

.lk-order-wrapper.lk-grey-border .lk-btns-cont.lk-btns-cont-right {
    left: auto;
    right: -1px;
}

.lk-btn-save-message {
    margin-right: 20px;
    display: block;
    /*display: none;*/
}

.lk-order-wrapper.changed .lk-btn-save-message {
    display: block;
    transform-origin: top center;
    animation: scaling 1s ease-in-out;
}

@keyframes scaling {
    40% {transform: translateY(10px)}
}

.lk-order-prop {
    margin-bottom: 20px;
    font-size: 0.888888rem;
    color: #1c1c1b;
    word-spacing: 10px;
}

.lk-prop-name {
    display:  inline-block;
    margin-right: 9px;
    font-weight: bold;
}

.lk-order-prop span {
    display:  inline-block;
    word-spacing:  initial;
}

.lk-order-step {
    display:  table-cell;
    vertical-align: middle;
    position:  relative;
    text-align:  center;
    /* height: 60px; */
    background:  #fff;
    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
    padding: 0 32px;
    font-size: 0.888888rem;
    width: 20%;
    cursor: default;
    color: #7d7d7d;
}

.lk-steps-wrapper {
    display:  table;
    width: 100%;
    /* table-layout:  fixed; */
    height: 60px;
}

.lk-order-step .left-border, .lk-order-step .right-border {
    position:  absolute;
    width: 32px;
    left: -5px;
    top: -1px;
    background:  #fff;
    height: calc(100% + 2px);
    overflow: hidden;
}

.lk-order-step .right-border {
    left: auto;
    right: -6px;
}

.lk-order-step .left-border:before, .lk-order-step .right-border:after {
    content:  '';
    display:  block;
    position:  absolute;
    width: 46px;
    height: 46px;
    border: 1px solid #7d7d7d;
    left: -25px;
    top: calc(50% - 23px);
    transform:  rotate(45deg);
    background:  #fff;
    /* border-color: inherit; */
}

.lk-order-step .left-border {
    border-top: 1px solid #7d7d7d;
    border-bottom: 1px solid #7d7d7d;
    transform: scaleX(0.7);
}

.lk-order-step .right-border {
    transform: scaleX(0.7);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.lk-order-step.lk-order-step-current .left-border,.lk-order-step.lk-order-step-current .right-border {
    border-width: 2px;
    top: -2px;
    height: calc(100% + 4px);
}

.lk-order-step.lk-order-step-current .left-border:before, .lk-order-step.lk-order-step-current .right-border:after {
    border-width: 2px;
}

.lk-order-step.lk-order-step-current .right-border {
    border-width: 0;
}

.lk-order-step:last-child .right-border{
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: inherit;
    background: inherit;
}

.lk-order-step.lk-order-step-current:last-child  .right-border{
    border-width: 2px;
}

.lk-order-step.lk-order-step-done {
    border-color: #1abc9c;
    background: #1abc9c;
    color: #fff;
    font-weight: bold;
}

.lk-order-step.lk-order-step-done .left-border, .lk-order-step.lk-order-step-done .right-border:after {
    border-color: #1abc9c;
    background:  #1abc9c;
}

.lk-order-step.lk-order-step-done .left-border:before, .lk-order-step.lk-order-step-done .right-border:after {
    border-color: transparent;
}

.lk-order-step.lk-order-step-current {
    background: #f66;
    color: white;
    font-weight: bold;
    border-color: #f66;
    border-width: 2px;
}

.lk-order-step.lk-order-step-current .left-border:before {
    border: none;
    left: -26px;
}
.lk-order-step.lk-order-step-current .left-border,.lk-order-step.lk-order-step-current .right-border:after {
    background: #f66;
    border-color: #f66;
}

.lk-order-step:first-child:not(.lk-order-step-current) .left-border:before,
.lk-order-step:last-child .right-border:after {
    opacity: 0;
}

.lk-order-step-name {
    display:  inline-block;
}

i.currency {
    font-style: normal;display: inline-block;
}

.lk-order-step-warning {
    margin-top: 20px;
    text-align: center;
    font-size: 0.888888rem;
    color: #1abc9c;
}

.lk-textarea textarea {
    border-radius: 0;
    border: 1px solid #1abc9c;
    min-height: 180px;
    padding: 15px;
    font-size: 0.888888rem;
    resize: vertical;
}

.lk-textarea {
    margin-bottom: 30px;
}

.lk-textarea-controls {
    display: table;
    width: 100%;
}

.lk-textarea-controls .lk-controls {
    display: table-cell;
    vertical-align: middle;
}

.lk-controls.lk-controls-submit {
    text-align: right;
}

.btn.btn-send-message {
    display: inline-block;
    padding: 10px 30px;
}

.btn.btn-send-message .lk-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 15px;
    background: url(/img/send.svg) no-repeat center;
    background-size: 100%;
}

.lk-tt-open {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.6;
}
.lk-tt-open:hover,.lk-tt-open:active{
    opacity: 1;
}

.lk-tt-open.smile-btn {
    background-image: url(/img/smile.svg);
}

.lk-tt-open.add-to-message-btn {
    background-image: url(/img/paper-clip.svg);
}

.smiles-tooltip .smile {
    display: inline-block;
    margin: 5px;
    width: 25px;
    height: 25px;
}

.lk-controls .lk-tooltip:before {
    content: '';
    position: absolute;
    left: 10px;
    bottom: -19px;
    display: block;
    border: 10px solid transparent;
    border-top: 10px solid #b2b2b1;
}

.lk-controls.lk-controls-btns {
    padding-left: 15px;
}

.lk-tooltip-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.lk-tooltip-menu li img {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.lk-tooltip-menu li {
    padding: 5px 10px;
    border-radius: 5px;
}

.lk-tooltip-menu li:hover {
    background: #7d7d7d;
}

.lk-tooltip-menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 0.888888rem;
    display: inline-block;
    white-space: nowrap;
}

.lk-controls .lk-tooltip {
    background: #b2b2b1;
    padding: 5px;
    min-width: 100px;
    max-width: 240px;
    border-radius: 5px;
    margin-left: -8px;
    position: absolute;
    left: -25px;
    bottom: 10px;
}

.smiles-tooltip .smile {
    display: inline-block;
    margin: 5px;
    width: 25px;
    height: 25px;
}

.lk-controls.lk-controls-btns {
    padding-left: 15px;
}

.lk-header-container {
    display: inline-block;
    float: right;
    padding: 5px 0;
    margin-left: 20px;
    text-decoration: none;
}

.lk-header-container .lk-icon-cart {
    display: inline-block;
    vertical-align: middle;
}

.lk-header-container .lk-link-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
}

.lk-link-cont .lk-link {
}

.lk-svayt {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lk-icon-cart.icon-cart {
    line-height: 0px;
    position: relative;
    overflow: visible;
}

.lk-icon-cart .lk-circle-abs {
    width: 20px;
    height: 20px;
    top: -8px;
    right: -6px;
    background: #FF6666;
    color: #ffffff;
    line-height: 18px;
    font-size: 0.7rem;
}

.change-password-box {
    position: relative;
}

.change-password-box .changePass {
    position: absolute;
    z-index: 7;
    top: 50%;
    left: 50%;
    margin-top: -21px;
    margin-left: -85px;
    width: 170px;
    text-align: center;
    display: none;
}

.change-password-box.disable-view .changePass {
    display: block;
}

.lk-order-wrapper.removed .lk-order-details-wrapper,
.lk-order-wrapper.removed .col-lk-order-steps,
.lk-order-wrapper.removed .btn-lk-delete-order {
    display: none;
}

.lk-order-wrapper.removed h3 {
    color: #ff6666;
}