AQUAMART

@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed'); .lending { background: #f5f5f5; font-family: 'Ubuntu Condensed', 'Arial', sans-serif; } /*Коды для тиу*/ h2[class="b-title"]+ .b-content__body { margin:0; padding:0; } .lending__title { display: block; font-family: 'Ubuntu Condensed', 'Arial', sans-serif!important; ; text-transform: uppercase; font-size: 1.8em; padding-top: 60px; padding-bottom: 40px; text-align: center; color: black; } .promohead { background-color: grey; background-image: url('https://b.radikal.ru/b30/2009/15/02e8fc69e55f.jpg'); background-size: cover; color: white; min-height: 350px; background-position: center; clip-path: polygon(0 0, 100% 0%, 100% 90%, 0 100%); } .promohead__bg { background-color: rgba(0, 0, 0, 0.3); padding-left: 30px; position: relative; min-height: 350px; display: flex; flex-direction: column; justify-content: center; transition:all .5s } .promohead h2{ font-family: 'Ubuntu Condensed', 'Arial', sans-serif; margin: 0; padding: 0; text-transform: uppercase; display: block; width: 60%; margin-bottom: 10px; font-size: 1.8em; } .promohead__desc { font-family: 'Ubuntu Condensed', 'Arial', sans-serif; display: block; width: 60%; margin-bottom: 60px; font-size: 1.2em; } .promohead__bg:before { content: ""; width: 200px; height: 200px; background: transparent; border-radius: 50%; border: 5px solid white; position: absolute; right: 10px; top: 50px; } @keyframes slide-3 { from { transform: rotate(0deg) translate(-6px) rotate(0deg); -webkit-transform: rotate(0deg) translate(-6px) rotate(0deg); } to { transform: rotate(360deg) translate(-6px) rotate(-360deg); -webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg); } } @-webkit-keyframes slide-3 { from { transform: rotate(0deg) translate(-6px) rotate(0deg); -webkit-transform: rotate(0deg) translate(-6px) rotate(0deg); } to { transform: rotate(360deg) translate(-6px) rotate(-360deg); -webkit-transform: rotate(360deg) translate(-6px) rotate(-360deg); } } .promohead__bg:after { content: ""; width: 128px; height: 128px; background-image: url('https://a.radikal.ru/a03/2009/f0/ab0b0b6304ff.png'); background-size: cover; position: absolute; right: 50px; top: 95px; animation: slide-3 3.2s infinite linear; -webkit-animation: slide-3 3.2s infinite linear; transition:all .5s; } .promohead:hover .promohead__bg { background-color: rgba(0, 0, 0, 0.3); } .promohead:hover .promohead__bg:after { animation: slide-3 0.5s infinite linear; -webkit-animation: slide-3 0.5s infinite linear; } .btn { background: #0094dd; display: block; width: 150px; padding: 8px 10px; color: white!important; text-align: center; text-decoration: none; border-radius: 2px; text-transform: uppercase; font-family: 'Ubuntu Condensed', 'Arial', sans-serif; transition:all .2s; margin-top: 20px; } .btn:hover { background-color: #094581; color: white; text-decoration: none!important;; } .info { margin-top: 30px; display: flex; padding-left: 20px; padding-right: 20px; justify-content: center; align-items: center; padding-bottom: 30px; } .info__desc { padding-right: 20px; border-right: 1px solid rgba(0, 0, 0, 0.2); font-size: 1.2em; } .info__company { padding-left: 20px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .info__logo { margin-bottom: 50px; display: block; } .features { clip-path: polygon(0 6%, 100% 0%, 100% 94%, 0% 100%); background: #f7fafc; padding: 20px; padding-bottom: 50px; } .features__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .features__item { background-color: #deeefb; width: 40%; padding: 20px 20px; margin-bottom: 40px; position: relative; display: flex; justify-content: center; align-items: center; font-family: 'Ubuntu Condensed', 'Arial', sans-serif; height: 80px; } .features__number { display: flex; justify-content: center; align-items: center; font-family: 'Ubuntu Condensed', 'Arial', sans-serif; font-size: 120px; width: 120px; height: 120px; position: absolute; top: -7px; right: -30px; font-weight: bold; color: rgba(255, 255, 255, 0.15); z-index: 1; transition:all .6s } .features__text { color: black; display: block; width: 90%; font-size: 1.2em; z-index: 2; transition:all .6s } .features__item:hover { background: #0094dd; } .features__item:hover .features__text { color: white; } .features__item:hover .features__number { color: rgba(0, 0, 0, 0.15); } .catalog__list { display: flex; flex-wrap: wrap; justify-content: space-around; } .catalog__item { display: block; width: 44%; height: 200px; margin-bottom: 30px; background-size: cover; background-position: 50%; border: 1px solid rgba(0, 0, 0, 0.8); text-decoration: none; position: relative; transition:all .5s } .catalog__item-1 { background-image: url("https://c.radikal.ru/c39/2009/df/0554d75153bb.jpg"); } .catalog__item-2 { background-image: url("https://c.radikal.ru/c40/2009/06/3dcf8c6cb3e5.png"); } .catalog__name { display: block; text-decoration: none; font-family: 'Ubuntu Condensed', 'Arial', sans-serif; color: white; font-size: 1.2em; background: rgba(0, 0, 0, 0.8); padding: 20px; display: flex; align-items: center; position: absolute; bottom: 0; width: 200px; clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 0 0); opacity: 0; left: -30px; transition:all .3s } .catalog__item:hover .catalog__name{ opacity: 1; left: 0; } .btn--catalog { margin-left: auto; margin-right: auto; margin-bottom: 30px; } .info--contact { clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0% 100%); padding-top: 50px; padding-bottom: 50px; background: url('https://d.radikal.ru/d15/2009/50/5a06294380b7.jpg'); background-size: cover; background-position: center; color: white; } .btn--contact { margin-top: 0; } .contacts { margin-top: 30px; display: flex; padding: 20px; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.3); } .info__logo--contacts { margin-bottom: 20px; display: block; } .info__desc--contact { padding-right: 20px; border-right: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 500px) { .info__company, .promohead__bg:before, .promohead__bg:after { display: none; } .promohead__desc, .promohead h2, .features__item, .catalog__item { width: 100%; } } Компания AQUAMART предлагает всем своим заказчикам великолепную возможность купить диспенсер для нагрева и охлаждения воды, кулер и фильтр на максимально выгодных финансовых условиях. Перейти к каталогу Помпа, кулер и диспенсер для воды всех возможных моделей В нашей компании работают исключительно профессионалы своего дела. Поэтому наши покупатели могут быть уверены в высоком качестве товаров. В нашем онлайн-каталоге всегда можно подобрать подходящий кулер, помпу или диспенсер для бутилированной воды, предназначенный для использования в конкретных условиях. Подробнее Почему диспенсер или кулер для воды следует купить именно у нас? Всем своим заказчикам мы предлагаем наиболее свежие и актуальные решения в сфере улучшения качества питьевой воды. 1 Современные и актуальные решения в сфере фильтрации и рационального потребления питьевой воды. 2 Надёжность и функциональность всех систем для очистки воды в течение длительного времени. 3 Доставка бутилированной воды в любой регион Алматы в предельно сжатые сроки. 4 Использование нашего диспенсера или кулера для воды благоприятно сказывается на качестве потребляемой жидкости. 5 Доставка питьевой воды в офисы и дома осуществляется с полным соблюдением санитарных норм. 6 В нашем онлайн-каталоге всегда можно найти большой ассортимент товаров для улучшения качества питьевой воды. Наши предложения: Доставка воды (вода в бутылях) Кулеры (диспенсеры для воды) Способы оплаты Доставка бутилированной воды в Алматы — просто и удобно! Наши специалисты всегда готовы доставить питьевую воду в бутылях 19 л на высоком профессиональном уровне. Каждому заказчику предоставляется персональный менеджер. Контакты