.cw {
    padding: 0;
    font-family: 'Roboto', Tahoma, Arial;
}

.lm.menu_col {
    display: none;
}

.ya-map {
    width: 100%;
    height: 600px;
}

.ya-map > ymaps {
    position:absolute;
}

.lo-map-legend.mobile {
    flex-wrap: wrap;
    flex-flow: column;
}


@media (min-width: 768px) {
    .lo-map-legend.mobile
    {
        flex-flow: row;
    }
}

.lo-map-legend {
    padding: 0 0 10px 0;
    background: #F5F7FB;
    font: normal 14px 'Roboto', Arial;
    display: flex;
}

.lo-map-legend img {
    vertical-align: middle;
    float: left;
}

.lo-map-legend .header {
    color:#5782DF;
    margin: 20px 0 8px 0;
    text-transform: uppercase;
    font: bold 14px 'Roboto', Arial;
}

.lo-point-type {
    color: #9c9ca1;
    padding: 5px;
    width: 145px;
    font-size: 13px;
    cursor: pointer;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #CBCBCB;
    margin: 8px 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    display: table; float: left;
}

.lo-point-type img {
    display: table-cell;
}

.lo-point-type span {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.lo-point-type:hover {
    color: #ff6633;
}

.lo-point-type.active {
    background: #ffedbf;
    color: #ff6633;
}

.legend-point-type {
    padding: 5px;
    width: 240px;
    cursor: pointer;
    background: #FFF;
    border-radius: 5px;
    margin: 10px 5px;
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.point-type-name {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.legend-point-type img {
    height: 45px;
    margin-right: 10px;
}

.point-type-desc {
    color: #9c9ca1;
    font-size: 13px;
}

.legend-point-type:hover {
    color: #ff6633;
}

.legend-point-type.active {
    background: #ffedbf;
    color: #ff6633;
}

.lo-point-info {
    margin: 10px;
}

.lo-point-info .lo-point-type-name {
    font-size: 24px;
}

.lo-point-info .lo-point-name {
    font-size: 24px;
}

.lo-point-info .lo-point-desc {
    font: normal 14px 'Roboto', Arial;
    text-align: justify;
    margin: 5px 0;
}

.lo-point-info  .expand .lo-point-desc {
    display: block;
}

.lo-point-info .lo-point-dost {
    font-size: 24px;
}

#map-point-desc, .map-point-desc {
    color: #333;
    display: none;
    padding: 10px;
    font: normal 15px 'Roboto', Arial;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

#map-point-desc .shop-mark,
.map-point-desc .shop-mark {
    margin: 0;
    float: left;
}


.tabs {
    margin: 10px 0 0 0;
}

.tabs .tabs-content > div {
    display: none;
}

.tabs .tabs-content div.active {
    display: block;
}

.tabs .head span.active {
    color: #000; height: 48px;
    border-bottom: 2px solid #000;
}

.tabs .head {
    height: 50px;
    padding: 0 60px;
    margin: 0 -35px;
    border-bottom: 1px solid #F0F0F0;
}

.tabs .head span {
    display: inline-block;
    text-transform: uppercase;
    font: 500 13px 'Roboto', Arial;
    line-height: 50px; color: #003D93;
    cursor: pointer; padding: 0 6px; margin: 0 25px 0 0;
}

@media only screen and (max-width: 600px) {
  .tabs .head span {
      display: inline-block;
      text-transform: uppercase;
      font: 500 11px 'Roboto', Arial;
      line-height: 50px; color: #003D93;
      padding: 0 6px;
      margin: 0;
  }
}

.tabs .tabs-content {
    padding: 20px;
    font-size: 14px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
}

h1 {
    padding: 0;
    color: #000;
    text-align: left;
    font: normal 25px 'Roboto', Arial;
}
.shop-additional{
    font-size: 14px;
    display: block;
    margin-left: 15px;
    margin-bottom: 10px;
}
.dost-tab-content {
    padding: 25px 35px;
}

/*.dost-tab-content h2 {
    font-family: 'Roboto', Arial;
    text-align: left;
    font-weight: 400;
}*/

.dost-types {
    color: #9c9ca1; height: 100px;
    font: normal 15px 'Roboto', Arial;
    background: url('/i5/dost_courier.svg') no-repeat 20px #f5f7fb;
    padding: 20px 0 0 100px;
    box-sizing: border-box;
    margin: 25px 0 0 0;
    line-height: 20px;
}

.dost-types div {
    text-transform: uppercase;
    font: bold 22px 'Roboto', Arial;
}

.dost-big-size {
    height: auto;
    padding-bottom: 15px;
    background-image: url('/i5/dost_truck.svg');
}

.shop-desc {
    font: normal 14px 'Roboto', Arial;
}

.shop-desc > div {
    margin: 10px 0;
    font: normal 15px 'Roboto';
}

.shop-desc img {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.shop-name h1 {
    padding: 0;
    display: inline-block;
}

.shop-name > span {
    position: relative;
}

.shop-name h1 span {
    position: relative;
    border-bottom: 1px dashed #212992;
    background: url('/i5/header_arrow.svg') right 14px no-repeat;
    padding: 0 20px 0 0;
}

.location-qr-code {
    position: absolute;
    bottom: 0;
    right: 0;
}

.region-row {
    width: 33%;
    float: left;
}

.region-row a {
    display: block;
    font-size: 14px;
    font-family: 'Roboto', Arial;
}

.dost-types .vendor-select {
    color: #000;
    margin: 15px 0 0 0;    
    text-transform: none;
    font: normal 15px 'Roboto', Arial;
}

.dost-types .vendor-select .help-popup {
    z-index: 5;
    position: absolute;
    background: #FFF;
    padding: 15px 20px;
    border: 1px solid #cbcbcb;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
    font: normal 15px 'Roboto', Arial;
    text-transform: none;
    margin: 10px 0 0 190px;
}

.dost-types .vendor-select .help-popup:before {
    content: url('/i5/dost_triangle.svg');
    position: absolute;
    top: -9px; left: 0; right: 0;
    margin: auto; width: 20px;
    z-index: 10;
}

.dost-types .vendor-select select {
    font: normal 15px 'Roboto', Arial;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    padding: 0 0 0 10px;
    margin: 0 0 0 20px;
    height: 35px;
}

.dost-table {
    width: 100%;
    border-collapse: collapse;
}

.dost-table td {
    height: 30px;
    padding: 10px;
    text-align: left;
    font: normal 20px 'Roboto', Arial;
}

.dost-table tr td:nth-child(even) {
    background-color: #f5f5f5;
}

.dost-table .dost-name {
    padding: 0 0 0 30px;
    font-weight: 500;
}

.dost-table .dost-name a {
    color: #5782df;
    text-decoration: none;
    border-bottom: 1px dotted #5782df;
}

.dost-table .dost-doplata {
    padding: 0 0 0 30px;
    font-size: 18px;
}


.dost-table tr:nth-child(even)
{
    border: 1px solid #f0f0f0;
    border-left: none;
    border-right: none;
}

#table_div table {
    width: 100%;
    border-collapse: collapse;
}

#table_div td {
    text-align: center;
    font: normal 16px 'Roboto', Arial;
}

#table_div th {
    font: 500 16px 'Roboto', Arial;
}

#table_div th, 
#table_div tr:nth-child(even)
{
    background-color: #f7f7f7;
    border: 1px solid #f0f0f0;
    border-left: none;
    border-right: none;
}


.advantages {
    text-align: center;
}

.advantages a {
    color: #000;
    display: block;
    text-align: center;
    width: 150px; text-decoration: none;
    font: normal 16px 'Roboto', Arial;
}

.advantages ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.advantages a img {
    width: 64px;
    display: block;
    margin: auto;
}

.metro-name {
    background: url(/i/metropoint.svg) left top no-repeat;
    font: 500 14px 'Roboto', Arial;
    display: inline-block;
    height: 29px; line-height: 29px;
    padding: 0 15px 0 35px;
    margin: 5px 0;
    color: #FFF;
}

.shop-label {
    margin: 10px 0;
    display: block;
    position: relative;
    text-transform: uppercase;
    font: bold 16px 'Roboto', Arial;
}

.shop-label img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

#dost-desc .row div {
    box-sizing: border-box;
}

#dost-desc .row {
    font: normal 15px 'Roboto', Arial;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 0;
    margin: 0;
}

#dost-desc .row .header {
    text-transform: uppercase;
    font: normal 19px 'Roboto', Arial;
}

#dost-desc table {
    margin: 10px 0;
    border-collapse: collapse;
}

#dost-desc table, #dost-desc th, #dost-desc td {
    border: 1px solid #f0f0f0; padding: 5px;
    font: normal 15px 'Roboto', Tahoma, Arial;
}

.point-ex-info {
    margin: 10px;
    font-size: 14px;
}

#user-city {
    padding: 0 0 0 15px;
    border-radius: 3px;
    border: 1px solid #CBCBCB;
    font: normal 15px 'Roboto', Arial;
    margin: 0 0 0 10px;
    width: 240px;
    height: 35px;
    line-height: 35px;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    background: url('/i5/region_select_arrow.svg') no-repeat 230px center;
    overflow: hidden;
}

.user-city-container {
    margin: 25px 35px;
    font: normal 25px 'Roboto', Arial;
}

/* TABS */

.dost-tab-header {
    padding: 20px;
    height: 62px;
    box-sizing: border-box;
    border-bottom: 2px solid #F2834D
}

.dost-tab-header > a {
    margin: 0 10px;
    color: #203f8f;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font: 500 15px 'Roboto', Arial;
}

.dost-tab-header > a.active {
    color: #FF6633;
}

.dost-tab-header > a:hover {
    color: #FF6633;
}

.dost-tab-header > a.active:after {
    content: url('/i5/up_or.svg');
    position: absolute;
    top: 32px;
    left: 40%;
}

/* END TABS */

.dost-price-label {
    margin: 0 0 5px 0;
    font: 500 16px 'Roboto', Arial;
}

.dost-price-value {
    margin: 0 0 5px 0;
    font: normal 15px 'Roboto', Arial;
}

.dost-price-value span {
    font: bold 16px 'Roboto', Arial;
}

.point-desc {
    margin: 0 0 0 25px;
}

.point-icon {
    float: left;
}

.point-desc-type {
    font-weight: bold;
}

.courier-block {
    height: 150px;
    background: #f5f7fb;
    border: 1px solid #CCC;
    border-left: none;
    border-right: none;
    
    margin: 20px -35px 0 -35px;
    padding: 10px 0 0 55px;
    box-sizing: border-box;
    border-bottom: 0px;
}

.courier-block > img {
    float: left;
}

.courier-desc {
    margin: 0 0 0 150px;
}

.courier-desc-label {
    margin: 15px 0 10px 0;
    font: 500 16px 'Roboto', Arial;
    color: #5782df; text-transform: uppercase;
}

.courier-desc-info {
    font: normal 15px 'Roboto', Arial;
}

.courier-desc-info a {
    color: #5782df;
    text-decoration: none;
    border-bottom: 1px dotted #5782df;
}

.courier-desc-info span {
    font: 500 21px 'Roboto', Arial;
}

.dellin-desc {
    margin: 15px 0 15px 30px;
    font: normal 16px 'Roboto', Arial;
}

.shop-ico {
   color: #9c9ca1;
    padding: 5px;
    width: 150px;
    font-size: 13px;
    cursor: pointer;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #CBCBCB;
    margin: 8px 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
}

.shop-ico > img {
    float: left;
}

.shop-ico > span {
    width: 13px;
    height: 13px;
    display: block;
    border-radius: 12px;
    position: absolute;
    left: 17px;
    top: 13px;
}

span.shop-ico 
{
    color: #FFF;
    background: #FB5;
}

.shop-mark {
    margin: -35px 0 0 -18px;
    position: relative;
}

.shop-mark > span {
    width: 13px;
    height: 13px;
    display: block;
    border-radius: 12px;
    position: absolute;
    z-index: 10;
    left: 12px;
    top: 8px;
}

.shop-goods a {
    margin: 0 0 0 10px;
    line-height: 150%;
    color: #203f8f;
    text-decoration: none;
    border-bottom: 1px dotted #203f8f;
}

.shop-goods h3{
    margin-top: 10px;
}

.shop-goods .shop-goods-vendor h4{
    margin: 10px 0 5px 0;
}

.shop-goods-vendor
{
    margin-left: 10px;
}

.pickpoints-bot-info {
    font: normal 14px 'Roboto', Arial;
    background: #f5f7fb;
    border: 1px solid #CCC;
    border-left: none;
    border-right: none;
    margin: 0 -35px 0 -35px;
    padding: 5px 55px 0 55px;
    box-sizing: border-box;
    border-top: 0px;
}

.phone-link {
    color: #203f8f;
    text-decoration: none;
    border-bottom: 1px dotted #203f8f;
}

.region-list {
    padding: 10px 0;
}

.region-list a {
    display: inline-block;
    color: #0073B8;
    text-decoration: none;
    border-bottom: 1px dotted #0073B8;
}

.region-list b {
    margin: 3px 0;
    font-size: 15px;
    display: block;
}

.region-list .big-city {
    font-weight: 500;
}

.org-info {
    margin: 10px;
    font: normal 16px 'Roboto', Arial;
}


#pp-popup-modal img {
  margin: 5px 0;
}


.shop-desc-img-block
{
    display: flex;
    flex-wrap: wrap;
}

.shop-desc-img
{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    width: 50%;
    box-sizing: border-box;
}

.shop-desc-img > img
{
    max-width: 100%;
    width: auto;
}

.dost-info-size-container
{
    background-color: #f5f5f5;
    border-radius: 8px;
    max-width: 390px;
    margin: auto auto 10px;
}

.dost-info-size
{
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dost-info-size-title
{
    margin: 10px auto;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.dost-info-size-title > h3
{
    margin: 0;
}

.dost-info-size-title > span
{
    margin: auto;
    display: block;
    color:#9c9ca1;
}

.dost-info-size-text-container
{
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    max-width: 400px;
}

.dost-info-size-text-title
{
    font-size:16px;
}

.dost-info-size-text
{
}

.dost-info-size-title > div
{
    color: black;
    font: 28px 'Roboto', Arial;
    text-decoration: none;
}

@media (min-width: 768px) {
    .dost-info-size-text-container
    {
        max-width: unset;
    }

    .dost-info-size-container
    {
        max-width: 50%;
        width: 50%;
        margin: 5px 5px 10px;
    }

    .dost-types-container
    {
        display: flex;
    }
}

.dost-table-price
{
    margin-right: 5px;
}

.dost-city-selector.dost-page
{
    margin: 10px auto;
}

.dost-city-selector.dost-page > a
{
    border: 1px solid #eee;
}

.shops-legend-container
{
    display: flex;
    flex-wrap: wrap;
}

.shop-legend-info-container
{
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background-color: #f5f5f5;
    margin: 5px 10px;
    padding: 15px;
    position: relative;
    cursor: pointer;
}

.shop-legend-info-container:hover
{
    cursor: pointer;
}

@media (min-width: 768px) {
    .shop-legend-info-container
    {
        max-width: 50%;
        flex: 1;
    }
    
    .shops-legend-container .shop-legend-info-container:nth-child(even)
    {
        margin-right: 0;
    }
    .shops-legend-container .shop-legend-info-container:nth-child(odd)
    {
        margin-left: 0;
    }
}

.shop-legend-title
{
    font-size: 18px;
}

.shop-legend-text
{
    color: #898989;
}

.shop-legend-address
{
    color: #5263db;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
}

.shop-legend-info-container > div
{
    max-width: calc(100% - 50px);
}

.shop-legend-info-container::after
{
    content: '';
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIGhlaWdodD0iMTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB3aWR0aD0iMTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yOS41Niw5Ny4xMzdDMjguOTg0LDk3LjcxNCwyOC4yMjksOTgsMjcuNDc1LDk4cy0xLjUxLTAuMjg2LTIuMDg1LTAuODYzYy0xLjE1Mi0xLjE1Mi0xLjE1Mi0zLjAxOCwwLTQuMTY5TDY4LjM1Niw1MCAgTDI1LjM5LDcuMDMxYy0xLjE1Mi0xLjE0OS0xLjE1Mi0zLjAxNSwwLTQuMTY5YzEuMTUyLTEuMTUsMy4wMTgtMS4xNSw0LjE3LDBMNzQuNjEsNDcuOTE3YzEuMTUyLDEuMTUsMS4xNTIsMy4wMTUsMCw0LjE3ICBMMjkuNTYsOTcuMTM3eiIvPjwvc3ZnPg==) no-repeat;
    position: absolute;
    right: 10px;
    top: calc(50% - 17px);
    font-size: 44px;
    width: 34px;
    height: 34px;
    background-size: 34px;
}

.shop-title
{
    font-size: 20px;
    font-weight: 500;
}

.shop-desc .ya-nav-links-shop-container
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


@media (min-width: 768px) {
    .good-list-blocks
    {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .good-list-blocks > div
    {
        flex: 1;
    }
}

#about_showroom > div > ul
{
    padding-inline-start: 20px;
    margin-top: 10px;
}

.ya-nav-links-shop-rating-badge
{
    margin-top: 10px;
}

.dost-title
{
    padding: 0;
    color: #000;
    text-align: left;
    font: normal 24px 'Roboto', Arial;
    margin: 10px 15px;
}

.shop-baloon-content
{
    display: flex;
}

.shop-images-container
{
    margin-top: 10px;
    outline: none;
}

.shop-images
{
    display: flex;
}

.shop-images img
{
    border: 1px solid transparent;
}

.shop-youtube-video-container:hover,
.shop-images img:hover
{
    border: 1px solid #19408F;
}

.shop-youtube-video-container
{
    display: block;
    position: relative;
    min-width: 106px;
    margin-right: 5px;
    border: 1px solid transparent;
}

.shop-desc .ya-nav-links-shop-container > div
{
    margin: 10px 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.shop-desc .ya-nav-links-btn
{
    margin-right: 10px;
    margin-bottom: 10px;
}

.shop-additional-info-block
{
    display: none;
}

@media (min-width: 992px) {
    .shop-additional-info-block
    {
        display: block;
    }

    .shop-after-map-info
    {
        display: none;
    }
}

.shop-default-url
{
    color: #203f8f;
    text-decoration: none;
    border-bottom: 1px dotted #203f8f;
}


.shop-default-url:hover, .shop-default-url:focus
{
    text-decoration: none;
}