/* CLEARFIX */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
img { display: block; }

/* BASE */
.lp-container--fullwidth { background-color: #fff; overflow: hidden; }
.lp-container { width: 100%; max-width: 1480px; margin: 0 auto; position: relative; padding: 0 20px; box-sizing: border-box; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-container-medium { max-width: 1200px; margin: 0 auto; }
.lp-desktop {  }
.lp-mobile { display: none; }

/* BILLBOARD */
.lp-billboard { margin: 40px auto 0; }
.lp-billboard img { width: 100%; }


/* HEAD */
.lp-head { max-width: 690px; margin: 60px auto; text-align: center; color: #000;  }
.lp-head__title { display: none; font: 500 25px/29px 'Roboto'; margin-bottom: 25px; }
.lp-head__descr { font: normal 16px/19px 'Roboto'; }
.lp-re { font: 500 24px/28px 'Roboto'; }

/* ROW */
.lp-row { margin-top: 20px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;  }
.lp-row--big { margin-top: 60px; }
.lp-row:first-child { margin-top: 0; }
.lp-col {}

/* TAB SECTION */
.tab-pane { display: none; }
.tab-pane.active { display: block; }
.lp-section-tabs__caption { text-align: center; font-size: 0; margin: 0; }
.lp-section-tabs__caption li { font: 400 16px/20px 'Roboto'; display: block; margin: 0; text-align: center; color: #444; cursor: pointer; transition: all 0.3s; position: relative; background-color: #F2F2F2; overflow: hidden;  border-radius: 5px;  }
.lp-section-tabs__caption li a { display: block; padding: 10px 20px; box-sizing: border-box; color: #444; }
.lp-section-tabs__caption li.active { font: 500 16px/20px 'Roboto'; }
.lp-section-tabs__caption li.active a { background-color: #FF6900; color: #fff; }

.lp-nav-main-container { margin-bottom: 60px; }
.lp-nav-main { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; }

/* DECOR */
.lp-decor { max-width: 704px; margin: 60px 0 0 auto; }

/* SHOPS */
.lp-shops-container { }
.lp-shops-group { min-height: 100px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
.lp-shops { flex: 1 1 240px; max-width: 240px; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }
.lp-shops__name { font: 500 14px/16px 'Roboto'; }
.lp-shops__metro { font: 400 12px/14px 'Roboto'; margin-top: 5px; }
.lp-shops__address { font: 400 12px/14px 'Roboto'; margin-top: 5px; }







@media (max-width: 1200px) { }

@media (max-width: 1024px) { }

@media (max-width: 980px) { }

@media only screen and (max-width: 768px) {
    .lp-desktop { display: none; }
    .lp-mobile { display: block; }
    /* BILLBOARD */
    .lp-billboard { margin: 0 -20px; }
    /* HEAD */
    .lp-head { margin: 0 auto 30px; text-align: left; }
    .lp-head__title { font: 500 20px/23px 'Roboto'; margin-bottom: 10px; }
    .lp-head__descr { }
    .lp-re { font: 500 20px/23px 'Roboto'; }
    /* TAB SECTION */
    .lp-nav-main-container { margin: 30px 0; }
    /* SHOPS */
    .lp-shops-container { background-color: #F8F8F8; border-radius: 10px; padding: 40px 20px 0 40px; box-sizing: border-box; margin-bottom: 30px; }
    .lp-shops-group {}
    /* DECOR */
    .lp-decor { max-width: 304px; margin: 30px 0 0 auto; }
}

@media only screen and (max-width: 480px) { }