html{font-size:16px;}
 
body{
    font-family: 'Roboto', sans-serif;
    background: #fff;
    min-width: 320px;
}
img{max-width: 100%;height: auto;}
.btn{outline:none}
a{color:#08918a}
a:hover{color:#0d6b66}
h2, .h2{
    font-size: 1.5rem;
    font-weight: 500;
}

/* main header */
header.main{
    padding:0 0 30px;
}
.header-top{
    background-color: #fc3;
    border-bottom: 4px solid #ffefbf;
}
.header-top .row{
    height: 52px;
    padding: 4px 16px;
}
.selected-city{cursor: pointer;display: flex;align-items: center;color:#444;margin-right: 20px;}
.selected-city:hover{color:#000;}
.selected-city span{border-bottom:1px dashed;margin-left: 5px;line-height: 1.1;font-size: 0.875rem;}
.header-top a{color:#000;font-size: 14px;}
.header-top a.nav-link{padding: .5rem 0.4rem}
.header-top a.nav-link:hover{color:#08918a}

.header-top__right, .sign-in-container{display: flex;align-items: center;}
.sign-in-container .btn{outline:none}
.btn.sign-up{
    background: #ffefbf;
    border-radius:2px;
}

.header-middle{padding:16px 0;border-bottom: 1px solid #ebedf8;}
.header-middle__row{justify-content: space-between;}
.header-middle__left-side{
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.logo{
    margin-right: 32px;
    width: 115px;
    color: #08918a;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
}
.logo a{color: #08918a;text-decoration: none;}
.catalog-btn{margin-right: 12px;}
.catalog-btn .btn{
    background-color: #fc0;
    padding: 0.27rem 1.75rem;
}
.header-catalog-menu a{font-size: 14px;color: #000;}

.search-container{flex:1;margin-right: 32px;max-width: 550px;}
.header-phone{font-weight: 500;display: flex;align-items: center;}
.header-phone .phone-item + .phone-item{margin-left: 20px;}
.header-phone a{color:#333;text-decoration: none;}
.header-phone a:hover{color:#000}

.header-icons{
    display: flex;
    align-items: center;
}
.header-icon-container{padding: 0 10px;}
.header-icon-container a{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}
.header-icon-container .icon{color:#222;position: relative;}
.header-icon-container .ft-icon{font-size: 1.43rem;display: block;}
.header-icon-container .icon__counter{
    background-color: red;
    position: absolute;
    font-size: 10px;
    line-height: 14px;
    z-index: 2;
    top: -10px;
    left: calc(100% - 9px);
    padding: 0 4px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    border-radius: 18px;
    border: 2px solid #fff;
}
.header-icon-container a .text{color: #666;font-size: 12px;}

.header-bottom{
    border-bottom: 1px solid #ebedf8;
    padding:12px 0;
}
.flex{display: flex;flex-wrap: wrap;}
.page-title-container{
    margin-bottom:40px;
    align-items: end;
}
.page-title{
    font-size: 32px;
    font-weight: 400;
    margin: 15px 0 0;
}

.ft-icon {
    display: inline-block;
    font-family: icon-font;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.icon-lg {
    font-size: 1.33333rem;
    line-height: .75rem;
    vertical-align: -.0667rem
}
.icon-xs {font-size: .75rem}
.icon-sm {font-size: .875rem}
.icon-1x {font-size: 1rem}
.icon-2x {font-size: 2rem}
.icon-3x {font-size: 3rem}
.icon-4x {font-size: 4rem}
.icon-5x {font-size: 5rem}
.icon-6x {font-size: 6rem}
.icon-7x {font-size: 7rem}
.icon-8x {font-size: 8rem}
.icon-9x {font-size: 9rem}
.icon-10x {font-size: 10rem}

.index-top-banner{
    margin-bottom: 30px;
    background: #e4e5e7;
    height: 110px;
}

.benefits{margin-bottom: 60px;}
.benefit-item{display: flex;text-decoration: none;color:#333;}
.benefit-item__text{max-width: 190px;margin-left: 15px;font-size: 0.77rem;}

.tns-controls{position: relative;display: flex;justify-content: end;margin-top: -36px;width: 100%;}
.tns-controls button{
    padding:5px;
    border:2px solid #ddd;
    line-height: 1;
    background: none;
    border-radius: 2px;
    display: flex;
}
.tns-controls button:hover{
    background: #aaa;
    border-color:#aaa;
    color: #fefefe;
}
.tns-controls button+button{margin-left:10px;}

/*catalog*/
.products-slider, .products-slider2{display: flex;padding:15px 0 45px;}
.slider-item{padding:0 6px;}
.product-item__icons{
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    position: relative;
    z-index: 100;
}
.product-item__icons button, .btn-container button{
    background: none;
    border:0;
    cursor: pointer;
    padding:0;
}
.itserw_wishlist_added{color:red}
.added{color:red}



/*contacts*/
.under-map-buttons{
    display: flex;
    margin: 0 -10px;
    padding-top: 6px;
}
.under-map-buttons a{
    line-height: 44px;
    height: 44px;
    display: inline-flex;
    margin: 0 0 6px 10px;
    padding: 0 15px;
    background: #e6e6e6;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    border-radius:3px;
}
.show-more-phone .show-btn{margin-left:10px;cursor: pointer;color:#d43f3a;border-bottom:1px dashed #d43f3a}
.show-more-phone .show-btn:not(.hide) + .show-more-content{display: none;}
.show-more-phone .show-btn.hide{display: none;}

.contacts-block{
    padding: 30px 0;
}
.contacts-block > div{
    margin-bottom: 8px;
    display: flex;
}
.contacts-block > div:before{
    content: '';
    width: 20px;
    flex:0 0 20px;
    height: 20px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: 50%;
}
.contacts-block a{text-decoration: none;}
.contacts-block .phones a{white-space: nowrap}
.contacts-block .site:before{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.385 14.087c.364-.56.728-1.28.99-2.203.603.232 1.018.509 1.272.727a6.545 6.545 0 01-2.29 1.476h.028zm-7.04-1.483a4.85 4.85 0 011.28-.728c.27.931.619 1.651.99 2.211a6.56 6.56 0 01-2.255-1.483h-.015zm8.51-5.331a14.618 14.618 0 00-.197-1.935c.8-.29 1.382-.64 1.79-.96a6.51 6.51 0 011.025 2.895h-2.618zm-7.179-3.36a4.75 4.75 0 01-1.185-.64 6.56 6.56 0 012.124-1.36 7.909 7.909 0 00-.946 2h.007zm5.71-2c.79.31 1.51.772 2.123 1.36a4.834 4.834 0 01-1.185.64 7.665 7.665 0 00-.946-2h.007zm-.146 3.782c.073.48.145.996.16 1.578H5.6a13.77 13.77 0 01.145-1.578c1.484.267 3.004.267 4.488 0h.007zM8 4.436a12.13 12.13 0 01-1.913-.145C6.67 2.5 7.571 1.78 8 1.527c.415.255 1.324.982 1.905 2.764A12.06 12.06 0 018 4.436zm-5.455-.058c.415.32.997.677 1.797.96a14.71 14.71 0 00-.197 1.935H1.498a6.504 6.504 0 011.055-2.895h-.008zm-1.04 4.35h2.64c.03.625.073 1.2.16 1.723-.67.23-1.294.575-1.847 1.018a6.487 6.487 0 01-.96-2.742h.007zM8 9.89c-.873 0-1.622.073-2.276.189-.064-.449-.105-.9-.124-1.353h4.8c-.022.488-.058.946-.116 1.353A12.314 12.314 0 008 9.884v.007zm0 4.582c-.436-.262-1.396-1.04-1.978-2.982A11.273 11.273 0 018 11.345c.764 0 1.418.051 1.985.146-.581 1.964-1.541 2.72-1.978 2.982H8zm5.542-3.011a6.11 6.11 0 00-1.847-1.018c.072-.51.145-1.091.16-1.717h2.647a6.487 6.487 0 01-.96 2.735zM8 0a8 8 0 100 16A8 8 0 008 0z' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.contacts-block .location:before{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.89 7.002c0-3.866 3.184-7 7.111-7 3.927 0 7.111 3.135 7.111 7 0 2.755-1.615 5.137-3.964 6.28-1.535.785-2.434 1.605-2.748 2.46-.057.157-.232.262-.399.262s-.344-.105-.401-.262c-.314-.855-1.21-1.675-2.746-2.46C2.506 12.138.89 9.756.89 7.002zm7.111 2c1.122 0 2.032-.895 2.032-2s-.91-2-2.032-2c-1.122 0-2.032.896-2.032 2 0 1.106.91 2 2.032 2z' fill='%23000'/%3E%3C/svg%3E");
}
.contacts-block .metro:before{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10.041L6.72 4l-3.516 9.249H2v2.001h5v-2.001h-.481l.881-2.498L10 15.27l2.6-4.519.881 2.498H13v2.001h5v-2.001h-1.205L13.279 4 10 10.041z'/%3E%3C/svg%3E");
}
.contacts-block .phones:before{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.746 1.136c-2.705 2.453-.266 7.018 2.916 10.2 3.181 3.181 7.753 5.626 10.206 2.921.17-.188.458-.6.862-1.233a1 1 0 00-.307-1.38l-2.436-1.4a1 1 0 00-1.323.304 5.43 5.43 0 01-.635.787c-1.343 1.337-3.04.146-4.776-1.59-1.737-1.737-2.921-3.427-1.584-4.77.203-.204.465-.416.786-.635a1 1 0 00.304-1.324L4.36.58A1 1 0 002.98.274c-.634.404-1.045.69-1.234.862z' fill='%23000'/%3E%3C/svg%3E")
}
.contacts-block .work-time:before{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(2 2)'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='%23000' d='M7 4h1.5v5H7z'/%3E%3Cpath fill='%23000' d='M7 8h5v1.5H7z'/%3E%3C/g%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E");
}
.contacts-block .transport:before{
    background-image: url("../images/icons/transport.png");
}
.contacts-block .email:before{
    background-image: url("../images/icons/letter.png");
    margin-top: -2px;
}
.map-container{position: relative;border:1px solid #ccc;border-radius:3px;margin-top: 20px;}
.route-comments{
    position: absolute;
    top: 0;
    left: 0;
}
#alert-info{
    display: none;
    background:#adb0b3;
    color: #fff;
    margin:10px 0 0 10px;
}
.metro span{display: inline-flex;align-items: center}
.metro span:before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius:50%;
    background: #0a6f20;
    margin-right: 4px;
}
.metro span:first-child:before{background: #99cc33;}

footer.main{
    padding:40px 0 60px;
    background: #ababab;
}
footer.main a{
    color: #555;
}
.footer-columns{
    display: flex;
    justify-content: space-between;    
}
.footer-columns .column{
    padding:0 15px;
}

.mobile-sidepanel{
    position:fixed;
    width: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, .4);
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    transition: transform .2s;
    transform: translate(-105%);
    z-index: 10200;
    padding: 27px 10px 20px;
}
.mobile-sidepanel__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.mobile-sidepanel__header .sign-in-container .btn{font-size: 0.8rem;}
.mobile-sidebar-close{
    position: absolute;
    right: 8px;
    top: 2px;
    padding:2px;
    font-size: 0.8rem;
}
.show-menu{overflow: hidden;height: 100%;}
body:after{
    position: fixed;
    right: 0;bottom: 0;
    top: 0;left: 0;
    z-index: -1;
    content: '';
    background-color:transparent;
    transition: background .3s;
}
body.show-menu:after{
    z-index: 10199;
    background-color:rgba(0, 0, 0, .4);
}
.show-menu .mobile-sidepanel{transform: translate(0);}
.sidebar-title{padding-left: 10px;text-transform: uppercase;margin-bottom: 5px;}
.mobile-nav{margin-bottom: 20px;}
.mobile-sidepanel .nav{flex-direction: column;margin-left:-10px; margin-right:-10px;}
.mobile-sidepanel .nav-item__link{
    display: flex;
    padding:8px 10px;
    border-bottom: 1px solid #efefef;
    text-decoration: none;
}
.mobile-sidepanel .wo-icons .nav-item__link{padding-left: 20px;}
.mobile-sidepanel .nav-item__image{
    width: 45px;
    text-align: center;
}
.mobile-sidepanel .nav-item__image img{max-width:30px;max-height: 25px;}
.mobile-sidepanel .bx-searchtitle{margin-bottom: 20px;}
.mobile-sidepanel .bx-searchtitle .form-control{padding: 0.175rem 0.75rem;}
.mobile-sidepanel .bx-searchtitle .input-group-text{padding: 0.075rem 0.15rem;}

.sidepanel-phones{padding-left: 10px;}
.sidepanel-phones a{
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
.fancybox__content>.carousel__button.is-close{
    color:#333;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
}
.fancybox__content{width: 100%; max-width: 400px;}

@media (min-width: 992px){
    .mobile-sidepanel{display: none;}
}
@media (max-width: 1199px){
    .page-title{font-size: 24px;}
	.footer-columns{
		flex-wrap: wrap;
	}
}
@media (max-width: 991px){
    body{padding-top: 20px;}
    header.main{
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        background: #fff;
        box-shadow: 0 -1px 3px rgba(0, 0, 0, .3);
        padding:10px 0 12px;
        z-index: 100;
    }
    .header-top{display: none;}
    .header-icons{width: 100%;justify-content: space-around;}
    header.main .logo, .header-middle__left-side{display: none;}
    .header-bottom{display: none;}
    header.main .search-container{display: none;}
    .header-middle__right-side{width: 100%;}
    .header-middle{padding:7px 0 0;border:0;}
    .tns-controls{justify-content: center;margin-top: 0;}
}
@media (max-width: 767px){
    .page-title-container{margin-bottom:15px;}
}
@media (max-width: 500px){
    .mobile-sidepanel{
        width:calc(100% - 60px);
    }
    .products-list.row{--bs-gutter-x: .5rem;}
}

/*.btn-container button {border: 0px solid; background: transparent;}*/

.likebtn {
	display: inline-block;
	width: 150px;
	height: 30px;
	line-height: 30px;

    background-color: #d40007;
    color: #fff !important;

    box-sizing: border-box;
    border-radius: 4px;
    padding: 0;

	text-align: center;
	text-decoration: none;

}

.header-middle .likebtn {
	width: 120px;
	font-size: 12px;
	font-weight: normal;
}
.footer-bottom_rights {
    padding-top: 30px;
    text-align: center;
}

/* jivo box messenger */
@media (max-width: 769px) {
    ._orientationRight_d7dd .button_e969 {
        bottom: 52px;
    }
}
/*.label_ee6c .hoverl_bfd9 {
    bottom: 51px;
}*/
@media (max-width: 990px) {
    .wrap_f3c8._orientationRight_f2d9.__jivoMobileButton {
        bottom: 54px !important;
    }
}