74 отзыва
+7 (777) 812-99-06
+7 (707) 812-99-99

Unistore.kz

Unistore.kz
.ucv-a2-panel strong { font-size: 20px; color: #78c932; } .ucv-a2-panel{background:#777 url('https://i.yapx.ru/RiDBT.png') center; background-size: cover; display: flex; align-items: flex-start;} .ucv-a2-texts{background-color: rgba(30, 33, 43,0.9); margin: 0; padding: 20px 15px 20px 40px; width: 60%; text-align: left; border-radius: 0 130px 130px 0; } .ucv-a2-header{font-size: 20px; line-height: 32px; color:#78c932; margin: 0px 0px 5px; padding: 7px 60px 7px 15px; background: linear-gradient(-65deg,transparent 119px,#333849 23%,#333849); } .ucv-a2-sub-header{font-size: 18px; line-height: 32px; padding: 7px 15px; color:#fff; margin: 0px 0px 10px;} .ucv-a2-text{ position: relative; font-size:14px; line-height: 26px; color:#fff; margin: 0px 0px 10px; border-left: 2px solid #78c932; padding-left: 10px; } .ucv-a2-link{display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #78c932!important; padding: 0 20px; border: 2px solid #78c932; font-size: 16px;} .ucv-a2-link:hover{color: #fff!important; border-color:#fff;} @media screen and (max-width: 1300px) { .ucv-a2-texts{width: auto; text-align: left!important; border-radius: 0; } .ucv-a2-panel { padding: 0; } } .ucv-a2-text::after { content: ""; position: absolute; top: -10px; left: -6px; background: #78c932; height: 10px; width: 10px; border-radius: 100%; } .ucv-a2-text::before { content: ""; position: absolute; bottom: -10px; left:-6px; background: #78c932; height: 10px; width: 10px; border-radius: 100%; } :root { --infograph-color2: #333849; --infograph-color1: #1E212B ; } @media screen and (min-width: 320px) { .infographic_wrapper { padding: 20px 10px; text-align: center; } .infographic_container { display: flex; flex-wrap: wrap; justify-content: center; } .infographic_item { margin: 25px 0; display: flex; flex-direction: column; } .infographic_block { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 80%; height: 100%; background: var(--infograph-color2); padding: 20px 10px; position: relative; } .infographic_item_container { display: flex; align-items: center; height: 100%; } .arrow_back { width: 5%; height: 80px; background: var(--infograph-color2); position: relative; } .arrow_back::before { content: ""; position: absolute; left: -15px; top: 0; border-left: 15px solid transparent; border-top: 40px solid var(--infograph-color2); border-bottom: 40px solid var(--infograph-color2); } .arrow_forward { width: 5%; height: 80px; background: var(--infograph-color2); position: relative; } .arrow_forward::after { content: ""; position: absolute; right: -15px; top: -10px; border-left: 15px solid var(--infograph-color2); border-top: 50px solid transparent; border-bottom: 50px solid transparent; } .infographic_item:nth-child(odd) .infographic_block { background: var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_back, .infographic_item:nth-child(odd) .arrow_forward { background: var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_back::before { border-top: 40px solid var(--infograph-color1); border-bottom: 40px solid var(--infograph-color1); } .infographic_item:nth-child(odd) .arrow_forward::after { border-left: 15px solid var(--infograph-color1); } .infographic_content { color: #fff; padding: 10px; } .infographic_sub_header strong { color: #78c932; } .infographic_sub_header { padding-bottom: 10px; position: relative; display: inline-block; font-size: 15px!important; font-weight: 500!important; } .infographic_number { padding-top: 10px; color: #8bc34a; font-weight: bold; } .infographic_number_text { font-size: 20px; } .infographic_num { font-size: 40px; } } @media screen and (min-width: 1200px) { .infographic_container { justify-content: space-around; } .infographic_item { width: 47%; } .arrow_back { width: 20%; } .arrow_forward { width: 20%; } } @media screen and (min-width: 1500px) { .infographic_item { width: 22%; } .arrow_back { width: 10%; } .arrow_forward { width: 10%; } } .uc-oco-panel { padding: 20px 5px 30px;} .uc-oco-header { text-align: center; padding-bottom: 20px; } .uc-oco-table { border-width: 0px !important; width: 50% !important; table-layout: fixed; float: left; } .uc-oco-table+.uc-oco-table { margin-left: 0%; } .uc-oco-table td { padding: 10px; transition: all 0.5s; } .uc-oco-table img { transition: all 0.4s; } .uc-oco-table tr:hover td { box-shadow: 0 100px 0 #1E212B inset; transition: all 0.5s; color: #fff; } .uc-oco-table tr:hover img {} .uc-oco-table-col1 { width: 50px; position: relative; height: 50px; padding-left: 15px; transition: all 0.85s; } .uc-oco-table tr:hover .uc-oco-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #333849 inset !important; } .uc-oco-table tr img { position: absolute; top: 50%; left: 50%; } .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(1.0); } .uc-table_ocons2 { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -o-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; } .uc-oco-table tr:hover .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(0.0); } .uc-oco-table tr:hover .uc-table_ocons2 { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); } @media screen and (max-width: 1400px) { .uc-oco-table { float: none; width: 100% !important; } .uc-oco-table+.uc-oco-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top!important; } } .uc-clear { clear: both; } .uc-numbers { padding: 20px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; justify-content: space-around; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; } .uc-numbers-scheme { background-color: #333849; border-radius: 5px; display: inline-block; width: 48%; margin: 10px 0%; padding: 40px 10px 10px 20px; box-sizing: border-box; color: #fff; transition: all .3s ease; } .uc-numbers-scheme:hover { background: #1E212B; color: #fff; transition: all .3s ease; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 21px; color: #ff943f; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #78c932; text-shadow: 3px 0 5px #3f3f3f; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 15px; color: #ff943f; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #78c932; transition: all .3s ease; } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } } .uc-order { padding: 20px 15px; text-align: left; } .uc-order h2 { text-align: center; margin-bottom: 30px; } .uc-order-scheme__container { display: flex; flex-wrap: wrap; } .uc-order-scheme__left-column, .uc-order-scheme__right-column { display: flex; flex-direction: column; width: 50%; } .uc-order-scheme { padding: 5px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } .uc-order-scheme_table { display: table; } .uc-order-scheme_numb, .uc-order-scheme_text { display: table-cell; vertical-align: middle; } .uc-order-scheme_numb { width: 68px; } .uc-order-scheme strong { transition: all .3s ease; display: inline-block; font-size: 60px; color: #ff943f; } .uc-order-scheme:hover strong { transition: all .3s ease; color: #1E212B; transform: translateY(-4px); } .uc-order-scheme em { font-size: 15px; color: #636b7c; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-order-scheme:hover em { color: #f87a02; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order-scheme__left-column, .uc-order-scheme__right-column { width: 100%; } } .uc-order-panel { padding: 20px; } .uc-order-block { box-sizing: border-box; display: table; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; } .uc-order-wrapp { width: 21%; margin: 2%; display: inline-block; vertical-align: top; } .uc-order-arr { width: 100px; height: 100px; border-radius: 100%; margin: 0 auto; position: relative; border: 4px dotted #333849; line-height: 125px; text-align: center; color: #000000; font-size: 30px; transition: all 0.3s; }.uc-order-wrapp:hover img{ transform: rotateY(-360deg); transition: all 1s ease; } .uc-order-number1 { position: absolute; bottom: -7px; left: -21px; width: 40px; height: 40px; border-radius: 50%; background-color: #333849; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number2 { position: absolute; top: 54px; right: -25px; width: 40px; height: 40px; border-radius: 60px; background-color: #333849; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number3 { position: absolute; top: 10px; right: -29px; width: 40px; height: 40px; border-radius: 60px; background-color: #333849; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number4 { position: absolute; left: -23px; top: -3px; width: 40px; height: 40px; border-radius: 60px; background-color: #333849; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-text { text-align: center; margin: 25px auto; position: relative; } @media screen and (max-width: 1100px) { .uc-order-wrapp { width: 44%;}} @media screen and (max-width: 600px) { .uc-order-wrapp { width: 90%; }} .uc-footer { padding: 10px 20px; text-align: center; } Интернет-магазин "Unistore.kz" – товары для дома и офиса Компания "Unistore.kz" из Алматы более пяти лет реализует большой выбор продукции для дома и корпоративного сегмента. Мы поставляем периферийные компьютерные устройства, печатное и проекционное оборудование, бытовую и фототехнику от ведущих производителей. Каталог Кто наши клиенты .uc-order { padding: 0px; text-align: center; border-bottom: 1px #d1d1d1 dashed; } .uc-order_wrap { display: flex; flex-wrap: wrap; } .uc-order h2 { margin-bottom: 30px; } .uc-order strong{ color: #fc9a00; font-size: 20px; } .uc-order-scheme { width: 100%; margin: 10px auto; padding: 20px; box-sizing: border-box; vertical-align: top; box-shadow: 0 400px 5px #fff inset; transition: all .6s ease; outline: 2px dashed #d1d1d1; outline-offset: -10px; transition: all .6s ease; } .uc-order-scheme:hover { box-shadow: 0 0 5px #fff inset, 0 -400px 5px #78c932 inset; transition: all .6s ease; color: #fff; } .uc-order-scheme:hover .uc-move { animation: 1000ms ease 0s normal none 1 running zoomInDown; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @media screen and (max-width: 1000px) { .uc-order-scheme { width: 100%; margin: 10px auto; } } Мы рады сотрудничеству с частными лицами, организациями и оптовыми покупателями. Наша основная задача – поддерживать такие условия, чтобы вы могли сделать заказ быстро и просто. Мы всегда готовы помочь вам с выбором необходимого товара и предложить оптимальное решение. Организовываем доставку по всему Казахстану, а также другим странам СНГ. Почему вам стоит обратиться именно к нам .uc-arr-panel { padding: 20px 0; /*border-bottom: 1px solid #e5e5e5;*/ } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align: center; margin: 20px 0 !important; } .uc-arr-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-arr-table td { padding: 7px; } .uc-arr-table+.uc-arr-table { margin-left: 0%; } .uc-arr-table-col1 { width: 60px; } .uc-arr-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 61px; text-align: center; font-size: 30px; transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker {} .uc-arr-table-marker img { transition: all 1s; transform: translateX(0px) scale(0.9) rotate(0); } .uc-arr-table tr:hover .uc-arr-table-marker img { transform: translate(10px, 0) scale(1.0) rotateX(370deg); } @media screen and (max-width: 1000px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } @media screen and (max-width: 500px) { .uc-arr-table td { vertical-align: top !important; } } .uc-numbers { padding: 20px; text-align: left; /*border-bottom: 2px solid #f5f5f5;*/ } .uc-numbers_wrap { display: flex; flex-wrap: wrap; } .uc-numbers h2 { text-align: center; margin: 20px 0 !important; } .uc-numbers-scheme { background-color: #f5f5f5; border: 2px solid #f5f5f5; display: inline-block; width: 23%; margin: 1%; padding: 40px 10px 10px 20px; box-sizing: border-box; transition: all .3s ease; } .uc-numbers-scheme:hover { background: none; transition: all .3s ease; border-color: #f5f5f5; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 65px; color: #f63c00; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #ff8341; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 17px; color: #eaa62f; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #f63c00; transition: all .3s ease; } @media screen and (max-width: 1170px) { .uc-numbers-scheme { width: 48%; margin: 1%; } } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } } Наши цены ниже рыночных благодаря оптовым поставкам и работе без посредников У нас бывают выгодные акционные скидки и распродажи товара При необходимости мы предоставляем рассрочку без переплат У нас отличный сервис, что подтверждают ваши положительные отзывы Основные товары магазина .uc-underline-panel { padding: 20px; background: url(); } .uc-underline-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-underline-header { margin: 20px 0px; text-align: center; } .uc-underline-img-holder { margin-right: 20px; float: left; } .uc-underline-img-holder img { width: 100%; border-radius: 10%; } .uc-underline-texts { overflow: hidden; } .uc-underline-sub-header { font-weight: bold; padding-top: 20px; } .uc-underline-item { clear: both; } .uc-underline-item-right .uc-underline-img-holder { float: right; margin-right: 0; margin-left: 20px; } .uc-underline-item-right .uc-underline-texts { text-align: right; } @media screen and (max-width: 500px) { .uc-underline-header { font-size: 1.3em; } .uc-underline-text { font-size: 1em; } .uc-underline-sub-header { text-align: center; } .uc-underline-texts { clear: both; } .uc-underline-img-holder { width: 100% !important; text-align: center; } .uc-underline-img-holder img { width: auto !important; } .uc-underline-btn-holder { text-align: center; } .uc-underline-item-right .uc-underline-texts, .uc-underline-texts { text-align: center; } } /* Underline From Left */ .uc-underline-from-left { -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; overflow: hidden; } .uc-underline-from-left:before { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; background: #78c932; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-underline-from-left:hover:before, .uc-underline-from-left:focus:before, .uc-underline-from-left:active:before { right: 0; } /* Underline From Right */ .uc-underline-from-right { -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; overflow: hidden; } .uc-underline-from-right:before { content: ""; position: absolute; left: 100%; right: 0; bottom: 0; background: #78c932; height: 2px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-underline-from-right:hover:before, .uc-underline-from-right:focus:before, .uc-underline-from-right:active:before { left: 0; } Периферийные устройства Периферийные компьютерные устройства – это приспособления для дополнительного оснащения компьютера или ноутбука. На сайте нашего магазина можно приобрести носители информации в виде флэш-карт и USB-накопителей; кабели и сетевые фильтры; клавиатуры, мышки и джойстики. Также в нашем реестре камеры и акустика, микрофоны и наушники, программные обеспечения. Бытовая техника В нашем магазине вы можете выбрать самую разнообразную бытовую технику для дома и офиса. Это климатические устройства – кондиционеры, обогреватели и увлажнители. Также это крупные приборы в виде морозильных камер, стиральных машин и электроплит. Кроме того, у нас довольно обширный ассортимент кухонного оборудования и малой бытовой техники. Проекционное оборудование Проекционное оборудование – это современные устройства для создания изображения на поверхностях. Мы предлагаем вам проекторы и механические, моторизированные, мобильные экраны для домашних кинопросмотров, учебных и корпоративных презентаций и слайд-шоу. Дополнительно подберем треноги, кронштейны и крепления для аппаратуры. Интерактивное оборудование Интерактивная панель совмещает в себе обычную маркерную доску и проекционный монитор. С помощью этого устройства можно эффективно проводить учебный процесс – демонстрировать слайды, чертить, делать пометки, сохранять файлы. У нас вы можете купить интерактивные дисплеи, LFD и видео панели, а также аксессуары и крепления для интерактивных экранов. Сетевое оборудование Сетевое или телекоммуникационное оборудование подразумевает набор устройств для обеспечения работы компьютерной сети. В нашем каталоге представлены модемы, маршрутизаторы, коммутаторы. Различные виды кабелей – оптоволоконный, витая пара, UTP, FTP. Помимо этого, в наличии патч-корды, коннекторы, ЛВС оборудование, сетевые инструменты. Гарантии и сервисное обслуживание .uc-trinumber-wrapper {padding:20px; display: flex; flex-wrap: wrap; justify-content: center; } .uc-trinumber-color1 { background: url(https://uaprom- uc.prom.st/production/design_template/857/images/bg1.png); } .uc-trinumber-block { position: relative; width: 90%; margin: 1%; margin-left: 56px!important; height: 90px; box-shadow: inset 0px 2px 5px rgba(255, 255, 255, .2), 0px 2px 5px rgba(0,0,0, .5); } .uc-trinumber-block:hover .uc-trinumber-num{ transform: rotate(-225deg); box-shadow: inset -2px 0px 0px rgba(52, 52, 52, 0.3); } .uc-trinumber-block:hover .uc-trinumber-numin{ box-shadow: inset 3px -3px 3px rgba(52, 52, 52, .4), inset -3px 3px 3px rgba(255, 255, 255, .2); } .uc-trinumber-block:hover .uc-trinumber-numout{ box-shadow: inset 2px -2px 10px rgba(0, 0, 0, .3); } .uc-trinumber-block:hover .uc-trinumber-number { transform: rotate(225deg); } .uc-trinumber-text-block { /* padding: 44px 0 44px 70px;*/ display: flex; height: 90px; } .uc-trinumber-text { margin: auto; text-shadow: 1px 1px 1px #fff; margin-left: 45px; } .uc-trinumber-num { display: flex; justify-content: center; align-items: center; position: absolute; top: 6px; left: -28px; width: 60px; height: 60px; text-align: center; vertical-align: baseline; border-radius: 0 15px 0 15px; box-shadow: inset 2px 0px 0px rgba(52, 52, 52, 0.3); transition: all .3s; } .uc-trinumber-numin { box-shadow: inset -3px 3px 3px rgba(52, 52, 52, .4), inset 3px -3px 3px rgba(255, 255, 255, .2); width: 51px; height: 51px; transition: all .3s; border-radius: 0 15px 0 15px; } .uc-trinumber-numout { background: #78c932; width: 45px; height: 45px; margin: 3px 0 0 3px; border-radius: 0 15px 0 15px; box-shadow: inset -2px 2px 10px rgba(0, 0, 0, .3); position: relative; } .uc-trinumber-number { position: absolute; transition: all 0; margin: 6px 0 0 6px; display: block; line-height: 33px!important; height: 33px; width: 33px; color: #fff; font-size: 25px; } Сроки гарантии предусмотрены согласно условиям производителя Гарантийному обслуживанию подлежит изделие в полной комплектации при наличии гарантийного талона Для вашего удобства на сайте перечислены сервисные центры для разных регионов, куда можно обратиться за обслуживанием Возврат и обмен товара производится согласно законодательству РК Принцип работы с клиентом .uc-b5-panel { padding: 20px 0; text-align: center; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-panel h2 { margin-bottom: 10px; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 20%; margin: 25px 0.5%; } .uc-b5-arr { width: 10px; font-size: 30px; color: #333; vertical-align: middle; padding-top: 20px; } .uc-b5-arr2 {} .uc-b5-arr3 {} .uc-b5-text { margin: 10px 0 0; } .uc-b5-wrapper img { transition: all 0.5s ease; } .uc-b5-wrapper:hover img { transform: scale(1.5, 1.5); } @media screen and (max-width: 1100px) { .uc-b5-wrapper { width: 25%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } } @media screen and (max-width: 700px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } После поступления заявки на сайт сотрудники магазина созваниваются с клиентом > Обговариваются сроки доставки > Варианты оплаты товара > Условия доставки Как можно оплатить заказ Оплату можно внести: - безналичным расчетом на банковские реквизиты; - переводом, на сайте через Woopay. Оплата наличными предусмотрена при получении заказа в Алматы. Условия доставки товара Доставка осуществляется только по предоплате транспортной компанией, курьером, почтовой службой. Самовывоз возможен из офиса в Алматы. .uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; min-width: 150px; color: #fff!important; background: #78c932; font-size: 16px; transition: all .3s; margin: 10px; } .uc-link:hover { background: #252932; transform: translateY(5px); } } СВЯЗАТЬСЯ С НАМИ .whatsapp-ico{ fill: white; width: 70px; height: 70px; padding: 3px; background-color: #4dc247; border-radius: 50%; cursor: pointer; position: fixed; bottom: 3vw; left : 3vw; z-index: 100000; opacity: 0.95; animation: animate 2.5s linear infinite; } .whatsapp-ico:hover{ opacity: 1; transform: scale(1.1) rotateZ(-90deg); transition: all .5s; } @keyframes animate { 0% { box-shadow: 0 0 0 1px rgba(77,194,71, 0.9); } 50% { box-shadow: 0 0 0 40px rgba(0,0,0, 0); } 100% { box-shadow: none; } }