*, *::before, *::after, body { box-sizing: border-box; outline: none; padding: 0; margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
html{font-size:100%; font-family: arial;}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
b,strong{font-weight:bold}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}
button,input{line-height:normal}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


.clears{
  clear:both;
}
@font-face {
    font-family: 'Museo Sans';
    src: url('../../fonts/MuseoSansCyrl_0.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Museo Sans';
    src: url('../../fonts/MuseoSansCyrl_1.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../../fonts/MuseoSansCyrl_2.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../../fonts/MuseoSansCyrl_3.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: "Museo Sans", Arial, Helvetica, sans-serif;

}
.clears{
  clear: both;
}
.info-after-send {
    background: #ffe492;
    margin-bottom: 25px;
    padding: 13px;
    border-radius: 8px;
    margin-right: 15px;
    line-height: 23px;
}
.info-after-send strong{
        font-size: 20px;
    font-weight: 600;
    display: block;
}
.infos {
font-size: 14px;
    padding: 5px 10px 5px 25px;
    border-radius: 12px;
    background-image: url(http://lk.rdshop.ru/skladfr/img/inf.png);
    background-repeat: no-repeat;
    background-position: 2px 7px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 5px;
    color: #666666;
    font-weight: 400;
}
h1 {
    font-size: 35px;
    margin: 30px 0 20px;
    font-weight: 600;
    text-align: left;
    line-height: 45px;
    padding: 0;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
#boxs{
      width: 1450px;
    margin: 20px auto;
}
#boxs-menu{
      float: left;
    width: 17%;
}
#boxs-menu ul{
      border-right: 1px solid #d0d0d0;
    padding: 20px 0;
}
#boxs-menu ul li{
  
}
#boxs-menu ul li a{
  line-height: 30px;
    font-size: 15px;
    font-weight: 400;
    display: block;
    padding-left: 10px;
    color: #111;
    text-decoration: none;

}
#boxs-menu ul .act-li-sklad {
    color: #ffffff;
    text-decoration: none;
    background-color: #3dc3ff;

}
#boxs-content{
}
.uplds{
  display: inline-block;
    vertical-align: top;
    line-height: 34px;
    height: 36px;
    font-family: "Museo Sans", Arial, Helvetica, sans-serif;
    padding: 0px 23px;
    border: 0;
    border-radius: 5px;
    font-size: 19px;
    cursor: pointer;
    font-weight: 600;
    background: #686868;
    color: #fff;
    margin-top: 10px;position: relative;
}
.uplds:hover{
    cursor: pointer;
    background: #000;
}

.upload_button input:hover{
    cursor: pointer;
    background: #000;
}

.itm-frm{
  margin-bottom: 40px;
}
.itm-frm label{
      font-size: 21px;
    font-weight: 600;
    line-height: 32px;
}
.itm-frm input[type='text'],
.itm-frm input[type='date'] {
      font-family: "Museo Sans", Arial, Helvetica, sans-serif;
    padding: 8px 7px;
    line-height: 24px;
    border: 1px solid #8d8d8d;
    border-radius: 5px;
    width: 300px;
    font-size: 20px;
}
.itm-frm input[type='text'].invalid,
.itm-frm textarea.invalid {
    border-color: red;
    background: rgba(255, 0, 0, 0.1);
}
.itm-frm .invalid_message {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: red;
}
.tmcall{
    margin: 10px 0;
/*    height: 16px;*/
}
.itm-frm input[type='submit']{
      display: inline-block;
    vertical-align: top;
    line-height: 39px;
    height: 47px;
    font-family: "Museo Sans", Arial, Helvetica, sans-serif;
    padding: 0px 30px;
    border: 0;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
    font-weight: 600;
    background: #17b52b;
    color: #fff;
    border-bottom: 5px solid #327c1a;
}
.itm-frm select{
      font-family: "Museo Sans", Arial, Helvetica, sans-serif;
    padding: 7px 7px;
    line-height: 24px;
    border: 1px solid #8d8d8d;
    border-radius: 5px;
    width: 300px;
    font-size: 20px;
}
.itm-frm textarea{
      font-family: "Museo Sans", Arial, Helvetica, sans-serif;
    padding: 3px 7px;
    line-height: 24px;
    border: 1px solid #8d8d8d;
    border-radius: 5px;
    width: 300px;
    font-size: 20px;
    height: 100px;
}
.right-logo{
      float: left;
    width: 472px;
    color: #444;
    background: #eee;
    padding: 27px;
    border-radius: 15px;
    margin: 0 0 16px 0;
}
.right-logo img{
  
}
.right-logo p{
      margin: 10px 0;
/*    text-indent: 10px;*/
}
.right-logo h2{
      margin: 20px 0 7px;
    font-weight: 600;
    font-size: 21px;
}
.left-forma{
    float: left;
    width: 714px;
    margin-right: 65px;
}
.left-forma >p{
  margin: 0 0 20px;
    line-height: 20px;
}
.statusy-th{
display: block;
    float: none;
    padding: 0;
    margin: 20px 0;
    list-style: none;
    line-height: 36px;
    text-align: left;
    margin-right: 20px;
    border-bottom: 1px solid #d0d0d0;
    height: 37px;
    font-size: 19px;
    padding: 0;
}
.statusy-th li{
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    margin-right: 4px;
}
.statusy-th li.selct-stat a{
    background: #fff;
    height: 36px;
    display: inline-block;
    border-radius: 5px 5px 0px 0;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    color: #000 !important;
    text-decoration: none;
    font-weight: 600;
}
.statusy-th li a{
    display: inline-block;
    color: #111;
    padding: 0px 21px;
    padding-left: 41px;
    background-repeat: no-repeat;
    background-position: 8px;
    color: #434343;
    border-radius: 5px 5px 0px 0;
    padding: 0 20px 0 20px;
    text-decoration: none;
    font-weight: 600;
   background: #b7eb7f;
}
.statusy-th li a span{
        font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-left: 7px;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    line-height: 19px;
    text-align: center;
    margin-top: 8px;
    border: 1px solid #c7c7c7;
}
#frms{
    margin-bottom: 45px;
}
.bor-img{
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}
.upload_button {
    position: relative;
}
.upload_button input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
ul.files {
    margin-top: 24px;
}
ul.files:empty {
    display: none;
}
ul.files li {
    width: 128px;
    height: 128px;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    position: relative;
}
ul.files li.loader {
    background: url(/images/loader.svg?v=2) no-repeat center center, rgba(0, 0, 0, 0.5);
    background-size: 64px;
    border-radius: 6px;
}
ul.files li img {
    object-fit: cover;
    width: 128px;
    height: 128px;
    border-radius: 6px;
}
ul.files li video {
    object-fit: cover;
    width: 128px;
    height: 128px;
    border-radius: 6px;
}
ul.files li a.remove {
    border-radius: 16px;
    position: absolute;
    top: 8px;
    right: 8px;
    text-decoration: none;
    width: 16px;
    height: 16px;
    background: #fff;
    text-align: center;
    line-height: 16px;
    color: #000;
}

.item-data-zaya{
      margin-bottom: 20px;
    font-size: 20px;
}
.item-data-zaya b{
  font-weight: 600;
    display: block;
    margin-top: 5px;
}
.item-data-zaya span{
  
}
.status-green{
    font-weight: 700 !important;
    color: #028913;
}

.comments {

}
.comments > .comment:not(:last-child) {
    margin-bottom: 16px;
}
.comments .comment {
    padding: 24px;
    border-radius: 15px;
}
.comments .comment .from {
    font-weight: 600;
    margin-bottom: 8px;
}
.comments .comment .from span {
    font-weight: normal;
}
.comments .comment .text {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 23px;
}
.comments .comment .text b {
    font-weight: 500;
}
.comments .comment .text .images {
    margin-top: 16px;
}
.comments .comment .text .images a {
    width: 72px;
    height: 72px;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    position: relative;
}
.comments .comment .text .images a.video {
    background: url(/images/play.svg) no-repeat center center, rgba(0, 0, 0, 0.7);
    background-size: 24px;
    border-radius: 6px;
}
.comments .comment .text .images img {
    object-fit: cover;
    width: 72px;
    height: 72px;
    border-radius: 6px;
}
.comments .comment .date {
    text-align: right;
    font-size: 14px;
}

.item-data-zaya .images {
    margin-top: 16px;
}
.item-data-zaya .images a {
    width: 72px;
    height: 72px;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    position: relative;
}
.item-data-zaya .images a.video {
    background: url(/images/play.svg) no-repeat center center, rgba(0, 0, 0, 0.7);
    background-size: 24px;
    border-radius: 6px;
}
.item-data-zaya .images img {
    object-fit: cover;
    width: 72px;
    height: 72px;
    border-radius: 6px;
}


@media (min-width: 768px) and (max-width: 1450px) {
#boxs {
    width: auto;
    margin: 20px;
}
}


@media (min-width: 966px) and (max-width: 1450px) {
h1 {
    padding: 0;
}
.right-logo {
    width: 40%;
    padding: 2%;
}
.left-forma {
    float: left;
    width: 50%;
    margin-right: 5%;
}
}

@media (min-width: 320px) and (max-width: 370px) {
.itm-frm input[type='text'], .itm-frm textarea, .itm-frm select {
    width: 90%;
}

}


@media screen and (max-width: 768px){

#boxs {
    width: auto;
    margin: 8px auto;
}
.statusy-th {
    display: block;
    float: none;
    padding: 0;
    margin: 8px 0;
    list-style: none;
    line-height: 36px;
    margin-right: 0;
    border-bottom: 1px solid #d0d0d0;
    height: 37px;
    font-size: 16px;
    padding: 0;
    text-align: center;
}
.statusy-th li {
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    margin-right: 4px;
}
.statusy-th li a {
    display: inline-block;
    color: #111;
    padding: 0px 21px;
    padding-left: 41px;
    background-repeat: no-repeat;
    background-position: 8px;
    color: #434343;
    border-radius: 5px 5px 0px 0;
    padding: 0 10px 0 10px;
    text-decoration: none;
    font-weight: 600;
    background: #b7eb7f;
}
.statusy-th li {
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    margin-right: 4px;
}
#boxs-content {
    margin: 0 20px;
}
h1 {
    font-size: 24px;
    margin: 12px 0 13px;
    font-weight: 600;
    text-align: left;
    line-height: 29px;
    padding: 0;
}

.left-forma {
    float: none;
    width: auto;
    margin-right: 0;
}
.left-forma >p {
    margin: 0 0 17px;
    line-height: 19px;
    font-size: 13px;
}
#frms {
    margin-bottom: 45px;
}
.right-logo {
    float: none;
    width: auto;
    color: #444;
    background: #eee;
    padding: 16px;
    border-radius: 15px;
}
.right-logo img {
    width: 100%;
}

}



/* DROPDOWN SELECT + COUNTRY MASKS For Phone Inputs */

.info-after-send{ display: none;}
.itm-frm, form, .country-list ul {display: flex; flex-flow: column; width: 100%;} 
.itm-frm { gap: .5rem; margin: 0;}
form { gap: 2rem; width: 100%; max-width: 36rem;}
.infos {
    padding: 0 0 0 1.5rem;
    background-position: top left;
    line-height: 1.25;
    border-radius: 0;
}
.itm-frm input[type="text"], .itm-frm input[type="tel"], .itm-frm input[type="date"], .itm-frm select, .itm-frm textarea {
    font-family: "Museo Sans", Arial, Helvetica, sans-serif;
    line-height: 24px;
    border: 1px solid #8d8d8d;
    width: 100%;
    margin: 0;
    padding: .5rem;
    max-width: 22rem;
    font-size: 1rem;
    border-radius: .25rem;
}
.country-select-wrap {
    --button-size: 5rem;
    display: flex;
    flex-flow: row;
    max-width: 22rem;
    position: relative;
}
.country-select {
    display: flex;
    height: auto;
    width: var(--button-size);
    background: transparent;
    max-height: 100%;
    border: 1px solid #8d8d8d;
    border-radius: .25rem 0 0 .25rem;
    border-right: none;
    position: relative;
    z-index: 1;
    transition: .15s;
    cursor: pointer;
    background: url(https://lk.rdshop.ru/assets/2f8ace4c/select2.png) no-repeat 60px 7px;
    background-size: 4rem;
}
.country-select:hover {
    background: #eee url(https://lk.rdshop.ru/assets/2f8ace4c/select2.png) no-repeat 60px 7px;
    background-size: 4rem;
}
.country-select img {
    display: flex;
    margin: auto auto auto .5rem;
    width: auto;
    height: 1.5rem;
    border: 1px solid #eee;
    border-radius: .3rem;
}
.country-select-wrap input[type="text"], .country-select-wrap input[type="tel"] {
    max-width: calc(100% - var(--button-size));
    border-radius: 0 .25rem .25rem 0;
    position: relative;
    z-index: 1;
}
.country-list {
    display: flex;
    position: absolute;
    width: 100%;
    flex-flow: column;
    padding-top: 2.5rem;
    background: white;
    font-size: .9rem;
    border-radius: .5rem;
    overflow: hidden;
    border: 1px solid #eee;
    
    z-index: -1;
    opacity: 0;
    transform: translateY(-4rem) scale(1,.1);
    transition: .1s;
    box-shadow: 0 .5rem .01rem rgba(0,0,0,.1);
}
.country-list.--active {
    z-index: 0;
    opacity:1;
    transform: translateY(0) scale(1,1);
    box-shadow: 0 .5rem .5rem rgba(0,0,0,.1);
}
.country-list ul, .country-list .country-search {
    opacity: 0;
    transition: .4s;
}
.country-list.--active ul, .country-list.--active .country-search {
    opacity: 1;
}
.country-list ul {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 10rem;
}
.country-list ul li {
    display: flex;
    transition: .1s;
    transform: scale(1);
    opacity: 1;
}
.country-list ul li.--disable {
    transform: scale(.1);
    opacity: 0;
    position: absolute;
    left: -100%;
}
.country-list .country-option {
    width: 100%;
    display: flex;
    flex-flow: row;
    gap: .5rem;
    padding: .25rem .5rem;
    border-top: 1px solid #eee;
    transition: .15s;
    cursor: pointer;
}
.country-list .country-option img {
    width: auto;
    height: 1rem;
    border-radius: .3rem;
}
.country-list ul li:first-child .country-option { border-top: none;}
.country-list .country-option:hover { background: #eee;}
.country-search {
    display: flex;
    padding: 1rem;
    border-bottom: 1px solid #eee;
}
.country-select-wrap .country-search input[type="text"] {
    width: 100%;
    max-width: none;
    border-radius: .25rem;
    padding: .25rem .5rem;
    font-size: 1rem;
    line-height: 1;
    background: url(https://lk.rdshop.ru/assets/2f8ace4c/select2.png) no-repeat 100% -24px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background-size: 4rem;
}
.itm-frm input[type='submit'] { max-width: 22rem;}
@media screen and (max-width: 734px) {
    .country-list .country-option { font-size: 1.25rem; padding: .5rem;}
    .country-list .country-option img { height: 1.5rem;}
}

.right-logo.timeline .item-data-zaya.history {
    margin-bottom: 12px;
}
.right-logo.timeline .item-data-zaya.item-data-subtitle {
    margin-bottom: 10px;
}
.right-logo.timeline .item-data-zaya.history span {
    font-size: 14px;
    opacity: 0.8;
}
.right-logo.timeline .item-data-zaya.history b {
    font-size: 16px;
}
.right-logo.timeline .item-data-zaya .item-data-delivery {
    margin: 4px 0 0 0;
}
.right-logo.timeline .item-data-zaya .item-data-delivery span {
    color: #878787;
    font-size: 14px;
    opacity: 1;
    display: block;
    line-height: 16px;
}
.right-logo.timeline .item-data-zaya .item-data-delivery > span:not(:last-child) {
    margin: 0 0 4px 0;
}
.right-logo.timeline .item-data-zaya .item-data-delivery span b {
    font-size: inherit;
    display: inline-block;
}

p.comment_disabled {
    margin: 0;
    font-style: italic;
    line-height: 18px;
    text-align: center;
    opacity: 0.5;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}
.checkbox input {
    width: 16px;
    height: 16px;
}
.checkbox label {
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: underline;
}
.remodal {
    border-radius: 10px;
}

.product_preview {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 22rem;
}
.product_preview img {
    width: 72px;
    border: 1px solid #8d8d8d;
    border-radius: .25rem;
    height: auto;
}
.product_preview span {
    font-size: 18px;
    line-height: 24px;
}