AISULU
.uc-banner strong {
font-size: 20px;
color: #f44336;
}
.uc-banner {
display: flex;
height: 250px;
}
.uc-banner__content {
background: #292929;
display: flex;
z-index: 3;
width: 65%;
position: relative;
color: #fff;
}
.uc-banner__content::after {
content: '';
z-index: 1;
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 125px 0 125px 115px;
border-color: transparent transparent transparent #292929;
}
.uc-banner__description {
padding: 30px 0 30px 25px;
}
.uc-block-arrow {
display: flex;
left: 0;
width: 300px;
height: auto;
position: relative;
-webkit-clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 35% 50%, 0% 0%);
clip-path: polygon(45% 0%, 100% 50%, 45% 100%, 0% 100%, 55% 50%, 0% 0%);
background: #545454;
z-index: 1;
}
.uc-banner__header {
font-size: 24px!important;
line-height: 30px!important;
color: #f44336;
}
.uc-banner__subheader {
font-size: 18px;
line-height: 26px!important;
}
.uc-banner__text p { line-height: 24px!important; }
.uc-banner__button {
background: #f44336;
text-decoration: none;
position: absolute;
color: #fff;
padding: 20px;
left: 96%;
top: 21%;
z-index: 2;
transform: rotate(45deg) translateX(22%);
width: 70px;
height: 70px;
color: #fff!important;
box-shadow: 0 0 10px #d0d0d0;
border-radius: 5px;
}
.uc-banner__button:hover {
background: #34af3f;
}
.uc-texts {
font-size: 15px;
}
.uc-buttton-text {
left: 70%;
top: 10%;
transform: rotate(-45deg) translateX(-74%) translateY(-125%);
position: absolute;
width: 100px;
font-size: 16px;
text-align: center;
}
.uc-banner__image {
background: #777 url(http://www.vegas-md.com/uploads/1_840x576.jpg) center/cover;
width: 35%;
height: 250px;
}
@media screen and (max-width: 1260px) {
.uc-block-arrow__hidden {
display: none;
}
}
@media screen and (max-width: 1000px) {
.uc-banner__content {
width: 100%;
}
.uc-banner__image {
display: none;
}
.uc-banner__content::after {
display: none;
}
.uc-banner {
height: 100%;
}
.uc-banner__button {
display: block;
position: relative;
left: 0%;
min-width: 150px;
height: 0px;
transform: rotate(0deg) translateX(0%);
}
.uc-buttton-text {
left: 0%;
top: 20%;
transform: rotate(0deg) translateX(0%) translateY(0%);
min-width: 190px;
}
}
.uc-link {
display: inline-block;
padding: 8px 15px;
text-decoration: none !important;
text-align: center;
min-width: 200px;
color: #fff!important;
background: #f44336;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
transition: all .3s;
margin: 10px;
}
.uc-link:hover {
background: #555;
transform: translateY(4px);
}
.ucv-b1-panel {
padding: 20px 0;
text-align: center;
border-bottom: 2px dotted #292929;
}
.ucv-b1-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.ucv-b1-panel h2 {
margin-bottom: 20px;
text-align: center;
}
.ucv-b1-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px 0.5%;
text-decoration: none;
}
.ucv-b1-img-holder {
display: block;
text-align: center;
position: relative;
overflow: hidden;
max-width: 300px;
margin: 0 auto;
border: 1px solid #ebebeb;
}
.ucv-b1-img-holder img {
display: block;
height: 200px !important;
}
.ucv-b1-img-holder:hover .ucv-b1-hint {
left: 0;
}
.ucv-b1-hint {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: rgba(60, 60, 60,0.8);
text-align: left;
color: #fff;
transition: all .7s cubic-bezier(0.31, 0.57, 0.31, 2.0);
overflow: hidden;
}
.ucv-b1-hint-body {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
padding: 15px;
box-sizing: border-box;
}
.ucv-b1-name {
font-size: 18px;
color: #292929;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #555;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 23%;
text-decoration: none;
}
@media screen and (max-width: 1050px) {
.ucv-b1-panel .ucv-b1-wrapper {
width: 46%;
}
.ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: 46%;
}
}
@media screen and (max-width: 700px) {
.ucv-b1-desc {
position: static;
visibility: visible;
}
.ucv-b1-panel .ucv-b1-wrapper,
.ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: auto;
margin-right: 15px;
margin-left: 15px;
}
}
.uc-clear {clear:both; height:0px;}
.uc-numbers {
padding: 20px;
border-bottom: 2px dotted #292929;
}
.uc-numbers_wrap {
display: flex;
flex-wrap: wrap;
}
.uc-numbers h2 {
text-align: center;
margin-bottom: 20px;
}
.uc-numbers-scheme {
border-bottom: 1px solid #eaeaea;;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.05);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
box-sizing: border-box;
width: 31%;
margin: 1%;
padding: 40px 10px 10px 20px;
transition: all .3s ease;
}
.uc-numbers-scheme strong {
transition: all .3s ease;
display: inline-block;
font-size: 70px;
color: #292929;
}
.uc-numbers-scheme:hover strong {
transition: all .3s ease;
color: #f44336;
transform: translateY(-7px);
}
.uc-numbers-scheme em {
font-size: 18px;
color: #292929;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-numbers-scheme:hover em {
color: #f44336;
transition: all .3s ease;
}
@media screen and (max-width: 1000px) {
.uc-numbers-scheme {
width: 48%;
margin: 1%;
}
}
@media screen and (max-width: 800px) {
.uc-numbers-scheme {
width: 100%;
margin: 10px auto;
}
}
.uc-order {
padding: 20px;
text-align: center;
border-bottom: 2px dotted #292929;
}
.uc-order_wrap {
display: flex;
flex-wrap: wrap;
}
.uc-order h2 {
margin-bottom: 30px;
}
.uc-order strong{
color: #f44336;
font-size: 22px;
}
.uc-order-scheme {
position: relative;
overflow: hidden;
width: 48%;
margin: 1%;
padding: 30px;
box-sizing: border-box;
vertical-align: top;
box-shadow: 0 400px 5px #f7f7f7 inset;
outline: 2px solid #f8f8f8;
outline-offset: -10px;
transition: all .6s ease;
}
.uc-order-scheme:hover {
box-shadow: 0 0 5px #f7f7f7 inset, 0 -400px 5px #292929 inset;
transition: all .6s ease;
color: #fff;
}
/* .uc-order-scheme img {
transition: all 1s;
transform: translateX(0px) scale(0.9) rotate(0);
}
.uc-order-scheme:hover img {
transform: translate(0px, -7px) scale(1.2) rotateY(370deg);
}
*/
.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%;
padding: 20px;
margin: 10px auto;
}
}
.uc-b5-panel {
padding: 20px 0;
text-align: center;
border-bottom: 2px dotted #292929;
}
.uc-b5-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.uc-b5-panel h2 {
margin-bottom: 30px;
}
.uc-b5-wrapper {
display: inline-block;
vertical-align: top;
width: 25%;
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 { display: none;
}
.uc-b5-text {
margin: 10px 0 0;
}
.uc-b5-wrapper img {
margin: 5px;
transition: all 0.5s ease; }
.uc-b5-wrapper:hover img { transform: scale(1.5, 1.5); transition: all 0.5s ease; }
@media screen and (max-width: 1000px) {
.uc-b5-wrapper {
width: 25%;
}
.uc-b5-arr2 {
display: none;
}
.uc-b5-arr3 {
display: inline-block;
}
}
@media screen and (max-width: 600px) {
.uc-b5-wrapper {
width: 60%;
}
.uc-b5-arr {
display: none;
}
}
.uc-e1-panel {
padding: 20px;
text-align: center;
}
.uc-e1-panel h2 {
margin-bottom: 20px;
text-align: center;
}
.uc-burger_panel {
padding: 20px;
border-bottom: 2px dotted #292929;
}
.uc-burger_panel h2 {
text-align: center;
}
.uc-burger_container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.uc-burger_item {
display: flex;
width: 60%;
margin: 20px;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: row-reverse;
}
.uc-burger_number_container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 30%;
background: #292929;
text-align: center;
color: #fff;
padding: 10px;
border-radius: 10px 0 0;
box-shadow: inset 0px -21px 10px -21px rgba(0, 0, 0, 0.7);
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
background: #292929;
border-radius: 0 0 10px;
box-shadow: inset 0px 21px 10px -21px rgba(0, 0, 0, 0.7);
}
/* Это стили для сайтов с большим количеством цветовой гаммы
.uc-number-1 {
background: red;
}
.uc-number-2 {
background: blue;
}
.uc-number-3 {
background: aqua;
}
.uc-number-4 {
background: black;
}
*/
.uc-burger_number-header {
font-size: 17px;
color: #fff;
}
.uc-burge_number {
font-size: 40px;
line-height: 0px;
}
.uc-burger_content {
width: 70%;
background: #f1f1f1;
padding: 10px;
border-radius: 0 10px 0 0;
box-shadow: inset 0px -21px 10px -21px rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
justify-content: center;
}
.uc-burger_item:nth-child(even) .uc-burger_content {
justify-content: center;
align-items: flex-end;
border-radius: 0 0 0 10px;
text-align: right;
box-shadow: inset 0px 21px 10px -21px rgba(0, 0, 0, 0.7);
}
.uc-burger_content-header {
font-size: 25px;
}
.uc-burger_text {
font-size: 15px;
width: 80%;
}
@media screen and (max-width: 1000px) {
.uc-burger_item {
width: 100%;
flex-direction: column;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: column;
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
width: 100%;
border-radius: 100px 100px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_item:nth-child(even) .uc-burger_content {
width: 100%;
border-radius: 0 0 100px 100px;
justify-content: center;
align-items: center;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_number_container {
width: 100%;
border-radius: 100px 100px 0 0;
}
.uc-burger_content {
width: 100%;
border-radius: 0 0 100px 100px;
justify-content: center;
align-items: center;
}
.uc-burger_text {
text-align: center;
}
}
/* Bob */
@-webkit-keyframes uc-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes uc-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes uc-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes uc-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.uc-bob {
margin-top: 10px;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-animation-name: uc-bob-float, uc-bob;
animation-name: uc-bob-float, uc-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
Основная специализация торговой компании «AISULU»
Продажа качественного оборудования, мебели и инструментов для салонов красоты, парикмахерских, студий ногтевого сервиса. В каталоге можно найти широкий ассортимент товаров для улучшения обслуживания клиентов.
Наш каталог
Лучшее оборудование от торговой компании «AISULU»
Каждый салон красоты или парикмахерская непременно должны быть оснащены такими приспособлениями, как мойки парикмахерские. Мойки парикмахерские Каждый салон красоты или парикмахерская непременно должны быть оснащены такими приспособлениями, как мойки парикмахерские. Кресла парикмахерские, представленные в нашем каталоге, изготовлены из практичных и безопасных материалов. Кресла парикмахерские Кресла парикмахерские, представленные в нашем каталоге, изготовлены из практичных и безопасных материалов, которые выдерживают влагу и воздействие агрессивных сред. Каждому салону красоты необходимо большое количество расходных одноразовых материалов. Расходные и одноразовые материалы Каждому салону красоты необходимо большое количество расходных одноразовых материалов. В нашем парикмахерском отделе можно найти много материалов, которые необходимы в работе Уход за волосами В нашем парикмахерском отделе можно найти много материалов, которые необходимы в работе
4 причины работать с нашей компанией
Предоставляется гарантия
Цены приятно удивят
Покупка товаров оптом, и в розницу
Являемся официальными производителями
Посмотреть каталог оборудования
«AISULU» — мы умеем делать действительно качественное оборудование
Оптовым покупателям и постоянным клиентам предоставляются ссылки готовые бизнес решения по открытию своего или модернизации существующего салона красоты
Возможность доставки товаров в любой регион Республики Казахстан и стран ближнего зарубежья
Услугами торговой компании «AISULU» уже успели воспользоваться сотни компаний и предприятий, оказывающих услуги в beauty сфере.
Обращайтесь в торговую компанию «AISULU», и вы сможете найти лучшие решения по обслуживанию клиентов.
Ознакомиться с каталогом
Заказ на сайте или по телефону
→
Подтверждения заказа
→
Оплата картой банка, по безналу
→
Быстрая доставка по Казахстану
Связаться с нами