.modal_form {
width: 346px;
border-radius: 5px;
border: 3px #000 solid;
background: #fff;
position: fixed;
top: 45%;
left: 50%;
margin-top: -150px;
margin-left: -150px;
display: none;
opacity: 0;
z-index: 101;
padding: 20px 10px;
}
#to-all-otz-mob{
  display: none;
  text-align: center;
}
.modal_form .modal_close {
width: 25px;
height: 24px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: #DFDFDF;
display: block;
background-image: url('/images/uu.png');
background-repeat: no-repeat;
}
/* Подложка */
#overlay {
    z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
    position: fixed; /* всегда перекрывает весь сайт */
    background-color: #000; /* черная */
    opacity: 0.8; /* но немного прозрачна */
    width: 100%; 
    height: 100%; /* размером во весь экран */
    top: 0; 
    left: 0; /* сверху и слева 0, обязательные свойства! */
    cursor: pointer;
    display: none; /* в обычном состоянии её нет) */
}
.in-cart{
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Open SAns';
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    letter-spacing: 0px;
    background-color: #fff;
    text-shadow: none;
    border: 1px solid #a9a9a9;
    background: #fff;
    color: #111;
}
.in-cart:hover{
    background: #f3b117;
    color: #ffffff;
    border: 1px solid #FFF;
}

@media screen and (min-width: 601px){
  ul{
  list-style:none;
  margin:0;
  padding:0;
}

.list-tovar{
  text-align: center;
}
.list-tovar li{
  display: inline-block;
width: 214px;
vertical-align: top;
padding: 15px 10px;
margin: 20px 10px;
position: relative;
}
.list-tovar li:hover h3{
color: #1577CF;
}

.list-tovar li p{
  font-size: 13px;
font-family: 'Open SAns';
color: #666;

}
.list-tovar li h3, .title-tv{
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Open Sans';
    letter-spacing: -0.5px;
    font-weight: 600;
}

.box-img{
  height: 150px;
overflow: hidden;
}

.box-img img{
  height: 130px;
}
.box-cost{
  margin: 5px 0px;
}

.box-img2{
  height: 180px;
overflow: hidden;
}

.box-img2 img{
height: 145px;
}


.box-cost-old{
    font-family: 'Trebuchet MS';
    color: #9B9B9B;
    font-size: 18px;
    letter-spacing: -0.5px;
    display: inline-block;
    margin-right: 4px;
    text-decoration: line-through;
}

.box-cost-new{
    font-family: 'Open Sans', 'Trebuchet MS';
    color: #060606;
    font-size: 20px;
    letter-spacing: -0.5px;
    display: inline-block;
}

.in-detail{
text-decoration: none;
color: #979797;
font-weight: bold;
font-size: 18px;
font-family: 'PT Sans Narrow';
padding: 5px 10px;
border-radius: 3px;background-color: #fff;
display: inline-block;
border: 1px solid #BDBCBC;
margin-top: 1px;
margin-top: 10px;
}
.in-detail:hover{
background: #1B6ECD;
background: -moz-linear-gradient(top,#fc8533 0,#fc8533 50%,#fb6700 51%,#fb6700 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fc8533),color-stop(50%,#fc8533),color-stop(51%,#fb6700),color-stop(100%,#fb6700));
background: -webkit-linear-gradient(top,#fc8533 0,#fc8533 50%,#fb6700 51%,#fb6700 100%);
background: -o-linear-gradient(top,#fc8533 0,#fc8533 50%,#fb6700 51%,#fb6700 100%);
background: -ms-linear-gradient(top,#fc8533 0,#fc8533 50%,#fb6700 51%,#fb6700 100%);
background: linear-gradient(to bottom,#339AFC 0,#2780D5 50%,#1065AF 51%,#217FC4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fc8533',endColorstr = '#fb6700',GradientType = 0);
color: #fff;
border: 1px solid #FFF;
text-shadow: 0px 0px 1px #333;
}


.toin{
text-decoration: none;
font-weight: bold;
font-size: 17px;
font-family: 'PT Sans Narrow';
padding: 1px 7px;
width: 71px;
color: #FFF;
text-shadow: 1px 1px 2px #000;
border-radius: 3px;
border: 1px solid #FBB300;
line-height: 27px;
display: inline-block;
background-color: #fff;
background: #DB0F0F;
background: -moz-linear-gradient(top,#F7EC25 0,#F7EC25 50%,#fb6700 51%,#fb6700 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F7EC25),color-stop(50%,#F7EC25),color-stop(51%,#fb6700),color-stop(100%,#fb6700));
background: -webkit-linear-gradient(top,#F7EC25 0,#F7EC25 50%,#fb6700 51%,#fb6700 100%);
background: -o-linear-gradient(top,#F7EC25 0,#F7EC25 50%,#fb6700 51%,#fb6700 100%);
background: -ms-linear-gradient(top,#F7EC25 0,#F7EC25 50%,#fb6700 51%,#fb6700 100%);
background: linear-gradie;
}

.yyy{

padding: 3px 5px;
font-family: 'Open Sans';
border: 1px solid #FDFDFD;
border-radius: 3px;
width: 148px;
}
.toin:hover{
opacity:.8;
}
.errorMessage{
width: 235px;
margin-top: 20px;
text-align: left;
color: #D81C1D;
font-size: 13px;
font-family: 'Roboto Slab';
}
.isnb{
text-align: center;
margin-top: 15px;
font-family: 'Open Sans';
font-style: italic;
}
.rubl{
  font-size: 21px;
  color: #575757;
  font-weight: normal;
  display: inline-block;
  line-height: 7px;
  text-transform: uppercase;
  border-bottom: 1px solid #575757;
}
#box-h1-p-region h1, #box-h1-p-region  p{
  display: inline !important;   
}
#box-h1-p-region{
   display: block; margin-top: 10px;
}
#list-region-contacts{
      line-height: 40px;
    text-align: left;
    font-family: 'Open Sans';margin-top: 10px;
}
#list-region-contacts div{
      line-height: 40px;
    font-size: 15px;
}

#list-region-contacts div span{
      display: inline-block;
    width: 34%;
    text-align: right;
    margin-right: 7px;
    color: #000000;
}
#list-region-contacts p{
  margin: 20px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Open Sans';
}
#list-region-contacts p a{
     color: #0580DA;
}

#box-delivery-region{
  
}

#box-delivery-region a{
  color: #0580DA;
}
#box-delivery-region b{
      font-weight: bold;
    font-family: 'Open SAns';
    letter-spacing: -0.5px;
    font-size: 14px;
}
#box-h-phone-region{
margin-top: -7px;
}
#box-h-phone-region-own{

}
#box-h-phone-region-own p{
 line-height: 12px;
    color: #666;
    font-size: 13px;
    font-weight: normal;
}
#box-h-phone-region-own span{
   display: block;
    font-size: 23px;
}
#box-h-phone-region-common{
  
}
#box-h-phone-region-common p{
      line-height: 12px;
    font-size: 13px;
    font-weight: normal;
    color: #fe8e04;
}
#box-h-phone-region-common span{
      display: block;
    font-size: 19px;
    color: #fc8e06;
}

footer #box-h-phone-region-own p{
 color:#111;
}

footer #box-h-phone-region-common p{
color:#111;
}

footer #box-h-phone-region-own span{
color:#111;
}

footer #box-h-phone-region-common span{
color:#111;
}

#map-city{
      margin: 25px 0px;
}
.left-map-city{
    float: left;
    width: 500px;
    margin-left: 25px;
}
.right-map-city{
float: right;
    width: 500px;
    margin-right: 25px;
}
.map-city-h{
      font-family: 'Open Sans';
    font-size: 19px;
    color: #313131;
    font-weight: bold;    margin-bottom: 15px;
    text-align: center;
}
.mycity-p{
  margin: 10px 20px;
    font-family: 'Open Sans';
    font-size: 15px;
    line-height: 22px;
    color: #343434;
}
#map-region, #map-region3{
  height:450px; 
  width:100%;
}
.metro-m-lay{
      display: block;
    padding-left: 20px;
    background-image: url(../images/metro-m.png);
    background-repeat: no-repeat;
    text-align: left;
    background-size: 15px;    margin-top: 2px;
}
.open-all-recc-tov{
  display: none !important;
}
.mobile-akt-img{
  display: none !important;
}
#recepts-block-mobile{
   display:none;
}
#video-for-mob{
  display:none;
}
}


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

.modal_form {
    width: 88%;
    border-radius: 0px;
    border: 0;
    background: #fff;
    position: fixed;
    top: 3% !important;
    left: 3%;
    margin-top: 0;
    margin-left: 0;
    display: none;
    opacity: 0;
    z-index: 101;
    padding: 3%;
}
#bcs-carts, .modal_form_div{
  text-align: center;
    font-family: 'Open Sans';
}
#bcs-carts-h, .modal_form_h{
      font-weight: 600;
    line-height: 40px;
    font-family: 'Open Sans';
}
#bcs-carts-img img, .left-pn-carts img{
  width: 80%;
}
#hsr-hor-a, .isbrock{
      font-weight: 600;
    line-height: 20px;
    font-family: 'Open Sans';
    margin: 10px 0px 4px;
    font-size: 15px;
}
#hsr-hor-b{
  font-size: 14px;
}
#hsr-hor-c, .isbrock-sl{
  line-height: 50px;
    font-size: 21px;
    font-weight: 600;
}
#hsr-hor-c .rubl, .isbrock-sl .rubl {
    font-size: 21px;
    color: #212121;
    font-weight: normal;
    display: inline-block;
    line-height: 7px;
    width: 11px;
    text-transform: uppercase;
    border-bottom: 1px solid #575757;
}
#tv-descr{
  display: none;
}
#tosite{
  width: 100%;
    display: block;
    line-height: 32px;
    border-radius: 3px;
    margin-bottom: 10px;
    color: #fff;
    background: #1aaaff;
    cursor: pointer;
}
#bx-newxt a, #tocrts{
      width: 100%;
    display: block;
    line-height: 32px;
    border-radius: 3px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #fff;
    background: #f3b117;
}
#to-all-otz-mob{
  display: block;
}
#to-all-otz-mob a{
text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Open SAns';
    padding: 0px 10px;
    border-radius: 3px;
    display: inline-block;
    letter-spacing: 0px;
    background-color: #fff;
    text-shadow: none;
    border: 1px solid #a9a9a9;
    background: #fff;
    color: #111;
    width: auto;
    margin: 10px 0;
    line-height: 32px;
}
}