.popup{position: relative; display: flex; align-items: center}
.popup__list{display: none; position: absolute; top: 100%; left: -20px; z-index: 10}
.popup__list.opened{display: flex}
.popup__button{position: relative}
.popup__button::after{content:''; position: absolute; right: 0; top: 50%; width: 12px; height: 12px; background-image: url(../img/icons/caret-up.svg); background-repeat: no-repeat; background-position: center; background-size: contain; transform:  translate(0, -50%) rotate(180deg); transition: .3s ease-out}
.popup__button.popup__button--opened::after{transform: translate(0, -50%) rotate(0deg)}
.n-header .bottom .menu .popup .menu-link{padding-right: 24px}
.n-fixed-panel .bottom .menu .popup .menu-link{padding-right: 24px}
.n-header .bottom .menu .popup__button:hover::after{background-image: url(../img/icons/caret-up-blue.svg)}
.n-fixed-panel .bottom .menu .popup__button:hover::after{background-image: url(../img/icons/caret-up-blue.svg)}
.submenu{border-radius: 15px; padding: 21px; width: 240px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07); background-color: #ffffff}
.submenu__list{list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; width: 100%}
.submenu__link{display: block; font-weight: 500; font-size: 12px; line-height: 150%; color: #232323; text-decoration: none; transition: .3s ease-out}
.popup-click{position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%}
.popup-click .nav-link{width: 100%}
.popup-click .submenu{width: 100%; box-shadow: none; padding: 0}
.popup-click__button{background-color: transparent; border: none; position: absolute; top: 0; right: 6px; width: 34px; height: 34px; background-image: url(../img/icons/caret-circle-down.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; transform: rotate(180deg); transition: .3s ease-out}
.popup-click__button--colored{background-image: url(../img/icons/caret-circle-down-white.svg)}
.popup-click__button.popup-click__button--opened{transform: rotate(0deg)}
.popup-click__list{display: none}
.popup-click__list.opened{display: flex}
.left-menu ul li ul.submenu__list{display: block; margin-bottom: 0}
.left-menu ul li a.submenu__link{text-transform: none}

.product-block{text-align: center; background: #F7F7F7; border-radius: 15px; position: relative; min-height: 220px; margin-bottom: 20px; overflow: hidden}
.product-blocklink-img{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%)}
.product-blocklink-img img{max-height: 185px}
.product-blocklink-title{font-weight: 600; font-size: 18px; text-transform: uppercase; color: #232323; position: absolute; top: 20px; width: 100%}
.product-block .btn-info, .industry .btn-info{position: absolute; bottom: 20px; left: 50%; -webkit-transition: -webkit-transform ease-in-out 0.5s, -webkit-opacity ease-in-out 0.5s; transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s; -webkit-transform: translateX(-50%) translateY(150px) translateZ(0); transform: translateX(-50%) translateY(150px) translateZ(0); -webkit-overflow-scrolling: touch; margin: 0 auto}
.product-block:hover .btn-info, .industry:hover .btn-info{-webkit-transform: translateX(-50%) translateY(0) translateZ(0); transform: translateX(-50%) translateY(0) translateZ(0)}
.load-more-container .load-more-element{margin-bottom: 20px}

.advert{padding: 100px 0}
.advert-subtitle{font-size: 20px; margin-top: -40px; display: block}
.advert-icon{border: 1px solid #3CCBDA; width: 100px; height: 100px; border-radius: 50px; text-align: center; margin: 0 auto}
.advert-icon img{height: 50px; margin-top: 20px}
.advert span {font-weight: 600; font-size: 14px; text-transform: uppercase; margin-top: 20px; display: block}

.sort{margin-bottom: 60px}
.sort span{font-size: 12px; color: #777777; padding-right: 10px}
.sort select{border: 1px solid #f3f3f3; background-color: transparent; font-size: 12px; font-weight: 500; border-radius: 5px; width: 150px; padding: 5px}

.fast-link{margin: 60px 0}
.fast-link-item{border-radius: 15px; position: relative}
.fast-link-img:after{content: ''; background: linear-gradient(359.93deg, #F6F6F6 6.7%, rgba(196, 196, 196, 0) 167.83%); position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.fast-link-info{position: absolute; bottom: 20px; width: 100%; text-align: center; padding: 0 20px}
.fast-link-info .fast-link-info-title{font-weight: bold; font-size: 18px; text-transform: uppercase; padding: 20px 20px 15px 20px; line-height: 1.2}
.fast-link-info .btn-info{padding: 10px 35px; margin: 0 auto}

.cookie{position: relative; display: none; align-items: center; position: fixed; z-index: 20; bottom: 0; left: 0; right: 0; width: 98%; margin: 0 auto; padding: 30px 40px; background-color: #fff; border: 1px solid #3CCBDA; border-radius: 20px 20px 0 0}
.cookie-active{display: flex}
.cookie__text{margin: 0 0 0 30px; order: 2}
.cookie__close{position: absolute; top: 6px; right: 30px; cursor: pointer}
.cookie__close svg{width: 20px; height: 20px; color: #3CCBDA}
.contacts-wr{width: 100%;display: flex;flex-direction: column}
.contacts-wr h6 {width: 100%;min-height: 40px}
.contacts-wr iframe {margin-top: auto;}