html {width:100%;margin:0 auto;position:relative}
header {position: relative;box-shadow:0px 5px 7px 0px rgba(22, 55, 78, .05);background-color: #fff;}
body {font-family:'Lab Grotesque',Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;letter-spacing:.15px;margin:0 auto;overflow-y:scroll;display:flex;flex-flow:column;min-width:310px;height:100vh;justify-content:space-between;width: 100%;background-color: #fafafa;}
main {z-index:0;margin:10px auto 0;display:block;flex-grow:1;width: 100%;}
footer {margin:50px auto 0;position:relative;z-index:3;width:100%;box-shadow:0px -5px 7px 0px rgba(22, 55, 78, .05);background-color: #fff;}
.pmw {width:1140px!important;margin-left:auto!important;margin-right:auto!important;position:relative}
/* уведомление */
.head-warning-wrapper {position:relative;}
.head-warning-unit {position:relative;padding:15px 45px;background-color:#C61212;width:100%;border-radius:15px;margin:15px 0 5px;}
.head-warning-text p {color:#fff;margin:0;text-align:center;font-weight:500}
.head-warning-text a {color:#fff}
.head-warning-close {position:absolute;right:20px; top:calc(50% - 6px)}
.head-warning-close a {display:block;width:12px;height:12px;background-image:url(../fonts/close-white.svg);background-position:center center;background-repeat:no-repeat;background-size:12px}
/* шапка */
/* нулевая линия */
.header-zero-line {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items:center;padding:25px 0 0;}
/* телефоны 2 */
.header-commun {display:flex;flex-flow:row nowrap; justify-content:flex-start;}
.header-commun>div {display: flex;flex-flow: row;align-items: center;margin-right: 25px;}
.header-commun-phone {font-weight:600;font-size:14px;padding-left:15px}
.header-commun-country {padding-left:35px;background-position: left center -1px;background-size: 16px;background-repeat: no-repeat;}
.header-commun-russia {background-image: url(../fonts/ru.svg);}
.header-commun-china {background-image: url(../fonts/cn.svg);}
/* первая линия */
.header-first-line>div {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding-top:25px;}
/* логотип 1 */
.header-logo {text-align:left;pointer-events:auto;margin-right: 40px;}
.header-logo img {width:220px}
.header-logo>a {display:block}
/* поиск по трек номеру 1 */
.header-search {flex-grow:1;padding-right:0px;}
.header-search form {display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:stretch;flex-direction:row-reverse;background-color:#fafafa;border:1px solid #f3f4f5;border-radius:30px;padding:7px 20px;transition:background-color .2s ease-in-out}
.header-search input {padding:7px 0 7px 25px;margin-left:5px;width:100%;background:transparent}
.header-search button {width:22px;background:url(../fonts/search-location-solid.svg) center center no-repeat;background-size:20px}
/* калькулятор 1*/
.header-interaction {display:flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;}
.header-interaction a {display: flex;flex-flow: column;padding-left: 35px;margin-left:40px;background-position: left top;background-size: 21px;background-repeat: no-repeat;}
.header-interaction-name {font-size: 16px;color: #000;font-weight: 500;}
.header-interaction-desc {font-size: 12px;color:#000;margin-top: 5px;font-weight: 500;}
.header-interaction-calc {background-image: url(../fonts/calculator-solid-red.png);}
.header-interaction-point {background-image: url(../fonts/route.svg);}
.header-interaction-order {background-image: url(../fonts/envelope-open-text-solid-red.png);}
.d-flex {display:flex;}
/* меню 3 */
.header-first-line .main-menu ul {justify-content: flex-end;}
.header-first-line .main-menu ul li:last-child {margin-right: 0!important;}
.main-menu ul {display:flex;justify-content:flex-start;align-items:center;flex-flow:row nowrap}
.main-menu ul>li {margin-right:35px;}
.main-menu a {color:#000;display:block;font-size:16px;font-weight:600;transition:.2s color ease-in-out}
.main-menu a:hover {color:#666}
.main-menu-catalog {background-color:#9b38dc;border-radius:30px;color:#fff!important;padding:15px 30px;}
/* вторая линия */
.header-second-line {padding:25px 0 ;}
.header-second-line>div {display: flex;flex-flow:row nowrap;justify-content: flex-start;align-items: center;}
/* кнопка доставка грузов 1 */
.header-delivery {width:220px;margin-right:40px;display: flex;align-items: center;justify-content: center;}
.header-delivery a {width: 100%;flex-grow: 1;color:#fff;font-size:15px;font-weight: 600;display: block;border-radius: 30px;text-align: center;border:1px solid #9b38dc;background: #9b38dc url(../fonts/bars-wh.svg);background-size: 14px;background-position: left 16px center;background-repeat: no-repeat;padding: 15px 0 15px 10px;transition: none;}
.header-menu-line {position: relative;}
.header-modal-active {background-color: #fff!important;background-image: url(../fonts/close-blue.svg)!important;border:1px solid #9b38dc!important;color: #9b38dc!important;}
.header-modal-menu {display: none;background:#fff;z-index: 1000;width: 100%;position: absolute;top:0px;margin-bottom:0px;padding:0 0 40px;box-shadow:0px 7px 7px 0px rgba(22, 55, 78, .15);}
.header-modal-menu>div {display: flex;flex-flow:column;}
.header-modal-name {font-size: 16px;font-weight: 600;margin-top:25px;display: none;}
.header-modal-line {display: flex;flex-flow: row;}
.header-modal-pos {display: flex;flex-flow: column;align-items: center;width: calc(20.25% - 15px);background-color:#fff;border:1px solid #f3f4f5;border-radius: 10px;padding:0 0 15px 0;margin: 15px 15px 0 0;}
.header-modal-pos:nth-child(5n+5) {margin-right: 0;}
.header-modal-image {margin-right: 0;flex:none;width:100%}
.header-modal-image img {border-radius: 10px 10px 0 0;overflow: hidden;width: 100%;}
.header-modal-desc {font-weight: 600;margin-top:15px;}
/* третья линия с мобильным меню*/
.header-third-line {display: none;}
/* футер первая линия */
.footer-first-line {padding-top:40px;}
/* остались вопросы */
.footer-questions {display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch}
.footer-questions-desc {flex-grow: 1;}
.footer-question-name {font-size:19px;font-weight:600;margin-top:10px;}
.footer-question-text {margin-top:15px;line-height:1.6em;font-size:14px;font-weight:400}
/* логотип */
.footer-logo {border: 1px solid #f3f4f5;border-radius:10px;display:flex;align-items:center;margin-right: 40px;}
.footer-logo img {width:280px;padding:25px}
/* варианты связи */
.footer-commun {display:flex;flex-flow:row nowrap; justify-content: space-between;align-items: center;margin-top:20px;width: 100%;}
.footer-commun>div {width: 24%;display:flex;flex-flow:column;}
.footer-commun-phone {font-weight:600;font-size:16px;margin-top:10px}
.footer-commun-country {padding-left:30px;background-position: left center -1px;background-size: 16px;background-repeat: no-repeat;}
.footer-commun-russia {background-image: url(../fonts/ru.svg);}
.footer-commun-china {background-image: url(../fonts/cn.svg);}
.footer-commun-mess {display: flex;flex-flow:row nowrap; align-items: center;justify-content: center;border:1px solid #f3f4f5; border-radius: 7px;padding:10px;}
.footer-commun-whatsapp {background-image: url(../fonts/whatsapp-brands.svg);background-size: 30px;background-repeat: no-repeat;background-position: left center;width:40px;height:30px;}
.footer-commun-wechat {background-image: url(../fonts/wechat-brands.svg);background-size: 30px;background-repeat: no-repeat;background-position: left center;width:40px;height:30px;}
/* футер вторая линия с меню */
.footer-second-line {margin-top:25px}
.footer-second-line>div {padding:15px 0 0px}
/* футер третья линия */
.footer-third-line {margin-top:25px}
.footer-third-line>div {display:flex;justify-content:flex-start;align-items:center;padding-top:15px;padding-bottom:40px}
/* все права */
.footer-name p {padding:0;margin:0;line-height:1.6em;text-align:left}
/* скотсети */
.footer-social {margin-right:30px;display:flex;flex-flow:row nowrap}
.footer-social a {background-color:#f3f4f5;border-radius:10px;width:35px;height:35px;margin-left:15px;background-repeat:no-repeat;background-position:center center;background-size:16px;transition:opacity .2s ease-in-out}
.footer-social a:nth-child(1) {margin-left:0}
.footer-social a:hover {opacity:.7}
.soc-vk {background-image:url(../fonts/brands-vk.svg)}
.soc-in {background-image:url(../fonts/brands-in.svg)}
.soc-ok {background-image:url(../fonts/brands-ok.svg);background-size:8px 16px!important}
.soc-fb {background-image:url(../fonts/brands-fb.svg);background-size:8px 16px!important}
.soc-yt {background-image:url(../fonts/brands-yt.svg)}
/* фиксированное меню мобильной версии */
.footer-mobile-fixed {display:none}
/* кнопка прокрутки наверх */
#topbutton {z-index:15;width:60px;height:100%;background:#223342;text-align:center;position:fixed;bottom:0;right:0;cursor:pointer;display:none;opacity:.25;transition:opacity .2s ease-in-out}
#topbutton span {margin-top:30px;display:block;background-image:url(../fonts/top-chevron.svg);background-repeat:no-repeat;background-position:center top;background-size:12px}
#topbutton:hover {opacity:1}
@media screen and (max-width:1440px) {
#topbutton {width:100px;height:30px;top:5px;right:calc(50% - 50px);left:auto;border-radius:3px;padding-top:2px;z-index:5000}
#topbutton span {margin-top:5px;font-size:12px}
}
@media screen and (max-width:1200px) {
main {margin:0px auto}
.pmw {width:100%!important;padding:0 15px}
.row {display:block}
/* шапка */
.header-zero-line {display: none;}
.header-second-line {box-shadow:0px 5px 7px 0px rgba(22, 55, 78, .05);background-color: #fff;}
.header-first-line>div {padding-top:20px;padding-bottom:20px;}
.header-logo img {width:200px}
.header-delivery,
.header-commun,
.header-interaction,
.header-search {display:none}
.header-third-line {display: block;position: relative;width: 100%;}
/* мобильное меню */
.show-in-mobile {display:block!important}
.mobile-menu {display:flex;pointer-events:auto}
.mobile-header-icon {display:block;cursor:pointer;width:32px;height:32px;background-repeat:no-repeat;background-position:center center}
.mobile-menu-open {background-image:url(../fonts/bars.svg);background-size:18px 18px;display:block;pointer-events:auto}
.mobile-menu-close {display:none;background-image:url(../fonts/close.svg);background-size:14px 14px;pointer-events:auto}
.header-second-line {display: none;}
.main-menu {z-index:201;background:#fff;height:100%;height:calc(var(--vh, 1vh) * 100);margin:0;width:100%;overflow-y:scroll;pointer-events:auto;padding:20px 0 100px;display:none}
.main-menu ul {flex-flow:column;padding:0}
.main-menu>ul {width:100%}
.main-menu ul li {margin-right:0;border-bottom:1px solid #f3f4f5;width:100%}
.main-menu ul li:last-child{border-bottom:0}
.main-menu ul li a {color:#000;width:100%;border-top:none;text-align:left;padding:18px 0 18px 20px;display:block;font-size:15px}
.main-menu ul li a:hover{color:#000}
.main-menu-catalog {background:transparent;color:#000!important}
.main-menu-addition {margin-top:20px;margin-bottom: 100px;}
.main-menu-addition a {margin-top:15px; color:#fff!important;font-size:15px!important;background-color: #005196;border-radius: 5px;width: 100%;font-weight: 500;text-align: center!important;padding:12px 0!important}
/* футер */
.footer-first-line>div {padding-top:0;border-top:none}
.footer-logo {justify-content:center;margin-right: 0;}
.footer-logo img {width:200px;padding:20px 0}
.footer-questions {display:block}
.footer-questions-desc {margin-top:25px}
.footer-second-line {display:none}
/* фиксированное снизу мобильное меню
.footer-mobile-fixed {position:fixed;bottom:0px;left:0;pointer-events:auto;width:calc(100% - 28px);padding:3px 0;margin:0 14px;display:flex;justify-content:center;align-items:center;background:#fff;border-top:1px solid #f3f4f5;z-index:5000}
.footer-mobile-fixed a {display:block;width:45px;height:40px;margin:0 25px;background-repeat:no-repeat;background-position:center center;pointer-events:auto;background-size:18px 18px}
.footer-mobile-call {background-image:url(../fonts/phone.svg)}
.footer-mobile-search {background-image:url(../fonts/search.svg)}
.footer-mobile-order {background-image:url(../fonts/mail.svg)}
*/
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:1024px) {
.footer-commun {flex-flow:column;margin-top:0;}
.footer-commun>div {width:100%;margin-top:20px;}
}
@media screen and (max-width:649px) {
.header-logo img,
.footer-logo img {width:160px;}
.footer-question-name {font-size:17px;text-align: center;}
.footer-question-text {text-align: center;}
.footer-third-line {margin-top:25px}
.footer-third-line>div {align-items:flex-start}
.footer-social {margin-right:25px;align-items:flex-start;flex-flow:column}
.footer-social a {margin:0 0 15px}
.footer-commun {text-align: center;}
.footer-commun-country {background: none;padding-left: 0;}
.footer-commun-mess {border:none;padding:0}
.footer-commun>div {border:1px solid #f3f4f5;border-radius: 5px;padding:20px;}
}
@media screen and (max-width:374px) {
}