#bidth-panel{
  font-family: 'Open Sans';
    font-size: 13px;
    text-align: center;
    padding: 7px;
    margin-top: 20px;
    border-radius: 4px;
    line-height: 19px;
    background: #f3d4fa;
}
#bidth-panel b{
 font-weight:600;
}
header.retailrocket-widgettitle{
      margin-bottom: 15px !important;
    text-align: center;
    font-family: 'Open Sans' !important;
    font-size: 17px;
    margin-top: 20px;
}
.box-cost-new {

    color: #e20202;
    }
#about-services{
  margin: 30px 0px 20px;
    text-align: center;
}
#about-services li{
  display: inline-block;
    vertical-align: top;
    width: 378px;
    margin: 10px;
    padding: 10px;
    text-align: left;
    border-radius: 0px;
    border: 1px solid #d0caca;
}
#about-services li a{
      display: block;
    color: #111;
    text-decoration: none;
}
#about-services .l-about-services{
  float: left;
    width: 127px;
    text-align: center;
}

#about-services .r-about-services{
      float: right;
    width: 249px;
    padding-top: 13px;
    font-family: 'Open Sans';
    line-height: 21px;
    font-weight: 600;
    vertical-align: middle;
    font-size: 16px;
}

.a-to-py{
      display: inline-block !important;
    vertical-align: top;
    font-size: 12px;
    border-radius: 4px;
    background: #f08205;
    color: #fff !important;
    padding: 0px 4px;
    line-height: 20px;
    margin-top: 3px;
}
.a-kredits{
  background: #0b8ed4;
}
.samv{
  color: #0096d2;
  font-weight:600;
}

#best-day{
  margin: 15px;
    border: 3px solid #ffdd32;
}
#best-day-h{
  font-family: 'Open Sans';
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    font-size: 17px;
    background: #fff;
}
#best-day-p{
      font-family: 'Open Sans';
    font-size: 14px;
    text-align: center;
}
.p-ak-lk{
    font-size: 13px;
    font-family: 'Open SAns';
    color: #1a1a1a;
    height: auto;
    overflow: hidden;
    line-height: 17px;
    margin-bottom: 5px;
}
.title-tv-lk{
      font-size: 16px;
    margin-bottom: 7px;
    font-family: 'Open Sans';
    letter-spacing: -0.5px;
    font-weight: 600;
    line-height: 19px;
    color: #333;
}
.w82 {
    width: 82px;
}
.box-cost-skidka {
    font-family: 'Trebuchet MS';
    color: #ffffff;
    font-size: 13px;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 5px;
    background: #ff483a;
    vertical-align: top;
    margin-bottom: 5px;
}
.span-otzyv {
    font-size: 13px;
    font-family: 'Open SAns';
    color: #A6A6A6;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}
.span-otzyv a {
    color: #212121;
}

.a-t-prod{
    text-decoration: none;
}


.it-order{
  font-size: 14px;
    font-family: 'Open Sans';
    line-height: 35px;
    padding-bottom: 5px;
    font-weight: 600;
box-shadow: rgb(193, 193, 193) 0px 3px 5px;
    margin-bottom: 20px;
}

.order-id{float: left;
      width: 87px;
    text-align: center;
    font-size: 14px;
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position: 2px 8px;
    background-size: 14px;
}

.order-status{
float: left;
    width: 115px;
    font-size: 13px;
    margin-left: 0px;
}

#about-bidth{
        font-family: 'Open Sans';
    font-size: 13px;
    line-height: 15px;
    margin-top: 6px;
}

.line-type{
      position: relative;
    text-align: center;
    width: 102px;
}

.order-status img{
     display: inline-block;
    vertical-align: top;
}

.b-itogo{
width: 145px;
    float: left;
    font-size: 16px;
    color: #151515;
    font-family: 'Open Sans';
    text-align: right;
    line-height: 30px;
}

.it-order a{
text-decoration: none;
color: #5E5E5E;
display: block;
}

.order-create{
    float: left;
    width: 95px;
    text-align: center;
}
.order-name{
float: left;
width: 220px;
margin-left: 14px;
font-size: 14px;
}
.order-phone{
float: left;
width: 138px;
text-align: center;
}

.order-type{
    width: 290px;
    padding-left: 10px;
    line-height: 34px;
    margin-top: 0;
    float: left;
    font-size: 13px;
    padding-top: 7px;
}
.line-type{
    width: 96px;
    float: left;
    padding-left: 5px;
    line-height: 15px;
}

.line-type span{
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    font-size: 13px;
    line-height: 35px;
}

.line-type img{
height: 25px;
margin-top: 9px;
}
.sorter{
display:none;
}
.itm-tovar{
       line-height: 17px;
    margin-bottom: 5px;
    font-weight: 400;
}
 .b-itogo span{
    display: inline-block;
    padding: 2px 4px;
    border-radius: 5px;
    background: #ffe876;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    vertical-align: top;
    color: #141414;margin-top: 6px;
  }
h1{

    font-size: 27px;
    color: #333;
    line-height: 40px;
    text-align: center;
    padding-top: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}
#info-after-order{
    text-align: left;
    font-family: 'Open SAns';
    line-height: 20px;
    font-size: 14px;
    margin: 10px 0px;
    font-weight: 400;
    color: #363636;
    background: #fff3b8;
    padding: 6px 10px;
    border-radius: 4px;
}

#info-after-order b{
font-weight: 600;
    font-size: 16px;
    color: #0096d2;
    display:block;
}

#i-content-bxr{
      margin: 0px 0px;
    position: relative;
}
#left-account-menu{
  float: left;
    width: 177px;
    margin-right: 20px;
}
#right-account-menu{
  float: right;
    width: 862px;
    position: relative;
}

#mess-profile {
    font-family: 'Open Sans';
    font-size: 14px;
    padding: 10px;
    border: 1px solid #f5d848;
    margin-top: 20px;
    border-radius: 4px;
}


#emp-main-ac{
  text-align: center;
    margin-top: 20px;
    font-family: 'Open Sans';
    font-size: 14px;
    padding: 10px;
    background: #eee;
}
#box-podpisi{
    color: #ababab;
    text-align: left;
    font-size: 14px;
    text-transform: initial;
    font-weight: 600;
    font-family: 'Open Sans';
    width: 100%;
    padding-bottom: 0;
    margin-top: 20px;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
}
#box-podpisi-1{
  display: inline-block;
    width: 87px;
    text-align: center;
}
#box-podpisi-2{
      display: inline-block;
    width: 105px;
    text-align: center;
}
#box-podpisi-3{
  display: inline-block;
    width: 108px;
    text-align: left;
}
#box-podpisi-4{
      display: inline-block;
    width: 103px;
    text-align: center;
}
#box-podpisi-5{
      display: inline-block;
    width: 274px;
    text-align: left;
    padding-left: 50px;
}
#box-podpisi-6{
      display: inline-block;
    width: 103px;
    text-align: center;
}
#sklad-form{
      padding: 10px;
    width: 340px;
    margin: 0 auto;
    text-align: center;
}
#sklad-form .row{
      margin: 15px;
}
#sklad-form .row label{
  display: block;
    padding-right: 0;
    font-family: 'Open Sans';
    color: #151515;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
}
#sklad-form .row input[type='text']{
      width: 94%;
    padding: 3%;
    border: 1px solid #8E8E8E;
    font-family: 'Open Sans';
    font-size: 14px;
    text-align: center;
}
#sklad-form .row input[type='submit']{
  text-decoration: none;
    font-size: 21px;
    font-family: 'Open Sans';
    padding: 8px 0px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    background-color: #fff;
    letter-spacing: -0.5px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #FFF;
    background: #f3b117;
    width: 100%;
}

.after-otpravka{
      padding: 0px 10px 0px;
    border-top: 1px solid #e8e8e8;
    font-weight: 400;font-size: 13px;
}
.after-otpravka-1{
float: left;
    width: 210px;
}
.after-otpravka-2{
    float: left;
    width: 170px;
    text-align: center;
}
.after-otpravka-3{
float: right;
    width: 455px;
    text-align: right;
}
.after-otpravka-3 form{
    display: inline-block;
    margin-left: 10px;
}
.after-otpravka-1 span{
      font-weight: 600;
}
.after-otpravka-2 span{
      font-weight: 600;
}
.after-otpravka-3 span{
      font-weight: 600;
}
.sub-dpd{
      display: inline-block;
    background: #e87339;
    border: 0;
    border-radius: 3px;
    line-height: 22px;
    padding: 0px 20px;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
#tracing_standart_btn{
    display: inline-block;
    background: #e87339;
    border: 0;
    border-radius: 3px;
    line-height: 22px;
    padding: 0px 20px;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #fff;
    text-decoration: none; margin-left: 10px;
}
.sub-dpd:hover{
      background: #e8540a;
}
#green-status{
    color:green;
}

@media screen and (max-width: 600px){
#left-account-menu {
    display: none;
}
#right-account-menu {
    float: none;
    width: 94%;
    position: relative;
    margin: 3%;
}
#box-podpisi {
    display: none;
}

#info-after-order {
    padding: 8px;
    font-family: 'Open SAns';
    line-height: 19px;
    font-size: 13px;
    background: #fffbc1;
    margin: 5px 0px;
    text-align: left;
    border-radius: 4px;
    border: 1px solid #ffffff;
    font-weight: 400;
    color: #040404;
}
h1 {


    font-size: 24px;
    color: #333;
    line-height: 40px;
    text-align: center;
    padding-top: 0px;
    font-weight: 600;
    margin-bottom: 10px;
}
#mess-profile {
    display: none;
}
.it-order {
    font-size: 14px;
    font-family: 'Open Sans';
    line-height: 28px;
    padding-bottom: 5px;
    font-weight: 600;
    box-shadow: 0 0 black;
    margin: 10px 10px 14px;
    border-radius: 4px;
    border: 1px solid #dadada;
}
.order-id {
    float: none;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position: 2px 8px;
    background-size: 14px;
}
.order-id {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 14px;
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position: 2px 8px;
    background-size: 14px;
}
.order-create {
    float: right;
    width: 50%;
    text-align: center;
}
.order-status {
    float: none;
    width: 100%;
    font-size: 13px;
    margin-left: 0px;
    text-align: center;
    clear: both;
}
.order-status img {
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    margin-left: 5px;
}
.line-type {
    width: 100%;
    float: none;
    padding-left: 5px;
    line-height: 15px;
}
.order-type {
    width: 100%;
    padding-left: 0;
    line-height: 35px;
    margin-top: 0;
    float: none;
    font-size: 14px;
    text-align: center;
}
.b-itogo {
    width: 100%;
    float: none;
    font-size: 16px;
    color: #151515;
    font-family: 'Open Sans';
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #dadada;
}
#sklad-form {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.after-otpravka-1 {
    width: 100%;
    text-align: center;
}
.after-otpravka-2 {
    float: none;
    width: 100%;
    text-align: center;
}
.after-otpravka-3 {
    float: none;
    width: 100%;
    text-align: center;
}
}





@media screen and (max-width: 600px){
  #about-services {
    margin: 25px 0px 20px;
    text-align: center;
}
#about-services li {
    display: block;
    vertical-align: top;
    width: 92%;
    margin: auto;
    padding: 2%;
    text-align: left;
    border-radius: 0;
    border: 0px solid #d0caca;
}
#about-services li a {
    display: block;
    color: #111;
    text-decoration: underline;
}
#about-services .l-about-services {
    float: none;
    text-align: center;
    display: none;
}
#about-services .r-about-services {
    float: none;
    width: auto;
    padding-top: 0;
    font-family: 'Open Sans';
    line-height: 20px;
    font-weight: 400;
    vertical-align: middle;
    font-size: 14px;
}
#best-day-p {
    font-family: 'Open Sans';
    font-size: 13px;
    text-align: center;
    line-height: 17px;
    background: #ffdd32;
    padding: 5px 0;
}
#best-day-h {
    font-family: 'Open Sans';
    text-align: center;
    line-height: 21px;
    font-weight: 600;
    font-size: 16px;
    background: #fff;
    padding: 6px 20px;
}
#best-day {
    margin: 15px 5px;
    }
}





.roulette {
font-family: 'Work Sans', sans-serif;
    display: block;
    position: relative;
    width: 400px;
    height: 400px;
    float: left;margin-bottom: 30px;

}
.roulette .shadow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  box-shadow: 0 0.3em 0 rgba(0, 0, 0, 0.25) inset;
}
.roulette .markers {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  overflow: hidden;
  border-radius: 100%;
}
.roulette .markers .marker {
  position: absolute;
  width: 0;
  height: 0;
  top: -200px;
  left: 200px;
  -webkit-transform-origin: 0% 400px;
          transform-origin: 0% 400px;
  border: 0 solid transparent;
}
.roulette .markers .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 0 1em 1em;
  border-color: transparent transparent transparent #007bff;
  position: absolute;
  border-left-color: #FFF;
  top: 50%;
  left: -1px;
  margin-top: -1em;
  -webkit-filter: drop-shadow(0 0.25em 0 rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0.25em 0 rgba(0, 0, 0, 0.25));
}
.roulette .spinner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  /*performance boost*/
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.roulette .spinner .item {
  position: absolute;
  width: 0;
  height: 0;
  top: -200px;
  left: 200px;
  -webkit-transform-origin: 0% 400px;
          transform-origin: 0% 400px;
  border: 0 solid transparent;
}
.roulette .spinner .item .label {
  display: block;
  position: absolute;
  color: #FFF;
  font-weight: 800;
  top: 0;
  left: 0;
  white-space: nowrap;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  font-size: .8em;
}
.roulette .spinner .item .label i, .roulette .spinner .item .label .text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 1em;
  text-indent: 0;
}
.roulette .spinner .item .label i {
  margin-right: 0.1em;
}
.roulette .button {
  width: 10em;
  height: 10em;
  line-height: 10em;
  top: 50%;
  left: 50%;
  margin-left: -5em;
  margin-top: -5em;
  font-weight: 800;
  z-index: 998;
  position: absolute;
  background: #FFF;
  border: none;
  border-radius: 100%;
  color: #999;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: 0 0.4em 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background-image: url(/images/dedrulet1.jpg);
  background-repeat: no-repeat;
}
.roulette .button:hover {
  background-image: url(/images/dedrulet2.jpg);
  background-repeat: no-repeat;
}
.roulette .button span {
  font-size: 1.6em;
  letter-spacing: -0.05em;
}
.roulette.busy .button {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  box-shadow: 0 0.15em 0 rgba(0, 0, 0, 0.25);
  color: #999;
  cursor: default;
}

/* CUSTOM LABELS */
.roulette .spinner .item[data-type="quiz"] .label {
  font-size: 1.5em;
}
.roulette .spinner .item[data-type="question"] .label {
  font-size: 1.3em;
  font-weight: 600;
}
.roulette .spinner .item[data-type="replay"] .label .text {
  font-size: .6em;
  white-space: initial;
  width: 1em;
  text-align: center;
  line-height: 1.2;
}
.roulette .spinner .item[data-type="replay"] .label i {
  font-size: 1.5em;
}
.roulette .spinner .item[data-type="time"] .label i {
  font-size: 1.5em;
}
.roulette-button{
  float: left;
    width: 300px;
    margin-top: 43px;
    text-align: center;
}
.roulette-button button{
      display: inline-block;
    text-align: center;
    width: 200px;
    border-radius: 5px;
    line-height: 40px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 21px;
    color: #2a2a2a;
    background: #f5d848;
    cursor: pointer;
    border: 1px solid #e7c311;
}
.roulette-button button:hover{
     color: #ffffff;
    background: #e6471d;
    cursor: pointer;
    border: 1px solid #e6471d;
}
h1{
    font-family: 'Open Sans','Trebuchet MS','PT Sans';
    color: #333;
    font-size: 26px;
    line-height: 43px;
    margin-top: 25px;
    font-weight: 600;
}
.p-rul{
  font-family: 'Open Sans';
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    margin: 14px 0 30px;
}
.p-rul span{
display: inline-block;
    line-height: 20px;
    padding: 0 4px;
    border: 1px solid #f7a416;
}
.rltt{
  display: inline-block;
    vertical-align: top;
}
.p-rul b{
font-weight: 600;
}
#letters_r{
  text-align: center;
    margin-bottom: 28px;
}
.letter_rou{
      font-family: 'Open Sans';
    font-weight: bold;
    display: inline-block;
    font-size: 46px;
    padding: 0px 8px;
    background: #efefef;
    line-height: 66px;
    color: #acacac;
    border-radius: 4px;
    width: 32px;border: 1px solid #fff;
}
.l_nbsp{
      background: #fff;
    width: 5px;
}
.activ_luck, .ugadal{
  color: #f7a416;
    background: #fff;
    border: 1px solid #f7a416;
}
#tomor{
display: inline-block;
    font-family: 'Open SAns';
    font-weight: 600;
    padding: 0 30px;
    background: #eee;
    line-height: 40px;
    border-radius: 3px;
}
#tomor-p{
  font-family: 'Open SAns';
    margin-top: 7px;
    font-size: 14px;
}
#tomor-n{
      font-weight: 600;
}
#box-congrat{
  
}
#box-congrat p{
  float: left;
    width: 69%;
    font-family: 'Open Sans';
    line-height: 21px;
    font-size: 14px;
    padding: 10px;
    background: #fffbb4;
}
#box-congrat p b{
      font-weight: 600;
}
#voznag{
      float: right;
    width: 24%;
    display: block;
    line-height: 97px;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 53px;
    text-align: center;
    color: #60b236;
}

#box-congrat a{
      color: red;
}
#messa{
  display: inline-block;
    margin-top: 10px;
    padding: 0 20px;
    font-family: 'Open Sans';
    color: #272727;
}
#messa b{
font-weight: 600;
}
#vii { display: none;
    margin: 20px 0;
    text-align: center;
    padding: 10px;
    font-family: 'Open Sans';
    border: 1px solid #f7a416;
    border-radius: 4px;
}
#vii span{
  display: block;
}
@media screen and (max-width: 600px){

  header{
        display: none;
  }
  #right-account-menu {
    margin: 1%;
}
h1 {
    font-family: 'Open Sans';
    color: #333;
    font-size: 26px;
    line-height: 43px;
    margin-top: 5px;
    font-weight: 600;
}
.p-rul {
    font-family: 'Open Sans';
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    margin: 9px 0 17px;
}
#letters_r {
    text-align: center;
    margin-bottom: 16px;
}
.letter_rou {
    font-family: 'Open Sans';
    font-weight: 400;
    display: inline-block;
    font-size: 21px;
    padding: 0px 4px;
    background: #efefef;
    line-height: 28px;
    color: #acacac;
    border-radius: 4px;
    width: 12px;
    border: 1px solid #fff;
    margin-bottom: 10px;
}
.l_nbsp {
    background: #fff;
    width: 0px;
}
.roulette-button {
    float: none;
    width: auto;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 12px;
}
.roulette {
    font-family: 'Work Sans', sans-serif;
    display: block;
    position: relative;
    width: 400px;
    height: 400px;
    float: none;
    margin: 20px auto;
}
#box-congrat p {
    float: none;
    width: auto;
    font-family: 'Open Sans';
    line-height: 21px;
    font-size: 14px;
    padding: 10px;
    background: #fffbb4;
}
#box-congrat span{
  display: none;
}
.activ_luck, .ugadal {
    color: #f7a416;
    background: #fff;
    border: 1px solid #f7a416;
}
}