Сайт косметики "Бонжур"
@import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');
.uc-link {
display: inline-block;
padding: 15px 10px;
text-decoration: none !important;
text-align: center;
min-width: 150px;
color: #fff!important;
border: 5px solid #f0e5f5;
background: #5f3170;
border-radius: 3px;
font-size: 16px;
transition: all .7s;
margin: 10px;
}
.uc-link:hover {
background: #784eb1;
border-color: #cdbfd4;
transition: all .7s;
}
.uc-ban1-panel {
background: url(https://b.radikal.ru/b37/2004/15/cea04bf51f9a.jpg) center;
background-size: cover;
padding: 0px;
}
.uc-ban1-panel strong {
color: #59296a;
font-size: 20px;
}
.uc-ban1-texts {
background-color: rgba(251, 251, 251, 0.8);
width: 400px;
padding: 20px;
text-align: center;
box-sizing: border-box;
}
.uc-ban1-header {
font-size: 30px;
line-height: 32px;
color: #59296a;
margin: 0px 0px 5px;
font-family: 'Pacifico', cursive;
}
.uc-ban1-sub-header {
font-size: 14px;
line-height: 24px;
color: #333;
margin: 0px 0px 10px;
}
.uc-ban1-text {
font-size: 14px;
line-height: 22px;
color: #333;
margin: 0px 0px 10px;
}
.uc-ban1-link {
display: inline-block;
text-align: center;
text-decoration: none !important;
color: #59296a!important;
border: 2px solid #59296a!important;
padding: 8px 15px;
min-width: 150px;
font-size: 17px;
transition: all .3s;
}
.uc-ban1-link:hover {
color: #333!important;
border: 2px solid #333!important;
}
@media screen and (max-width: 1000px) {
.uc-ban1-texts {
width: auto;
}
.uc-ban1-panel {
padding: 0px;
}
}
.ucv-b1-panel {
padding: 20px 0;
text-align: center;
border-bottom: 1px solid #e8f1f7;
}
.ucv-b1-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.ucv-b1-header {
margin-bottom: 20px;
text-align: center;
font-weight:normal;
}
.ucv-b1-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px .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__bl {
display: block;
position: relative;
overflow: hidden;
max-width: 300px;
margin: 0 auto;
}
.ucv-b1-img-holder__bl:after {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
background: #59296a;
height: 5px;
transition: all .6s ease-out;
width: 0;
}
.ucv-b1-img-holder__bl:hover:after {
transition: all .2s ease-out;
width: 300px;
}
.ucv-b1-img-holder__bl:hover:before {
transition: all .4s ease-out .2s;
height: 300px;
}
.ucv-b1-img-holder__bl:before {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
background: #59296a;
height: 0;
transition: all .4s ease-out .2s;
width: 5px;
z-index: 5;
}
.ucv-b1-img-holder:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: #59296a;
height: 5px;
transition: all .6s ease-out;
width: 0;
}
.ucv-b1-img-holder:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
right: 0;
background: #59296a;
height: 0;
transition: all .6s ease-out .2s;
width: 5px;
z-index: 5;
}
.ucv-b1-img-holder:hover:after {
transition: all .6s ease-out;
width: 300px;
}
.ucv-b1-img-holder:hover:before {
transition: all .4s ease-out .2s;
height: 300px;
}
.ucv-b1-img-holder img {
display: block;
height: auto !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-color: rgba(251, 251, 251, 0.8);
text-align: left;
color: #333;
transition: all 0.6s ease 0s;
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 {
color: #59296a;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #fbaa1d;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 45%;
}
@media screen and (max-width: 1000px) {
.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: 800px) {
.ucv-b1-desc {
position: static;
visibility: visible;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 51%;
}
.ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: 51%;
}
}
@media screen and (max-width: 630px) {
.ucv-b1-hint-body {}
}
@media screen and (max-width: 500px) {
.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: 1px solid #e8f1f7;
}
.uc-numbers_wrap {
display: flex;
flex-wrap: wrap;
}
.uc-numbers h2 {
text-align: center;
margin-bottom: 20px;
}
.uc-numbers-scheme {
-webkit-box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3);
-moz-box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3);
box-shadow: 0px 10px 10px rgba(53, 66, 79,0.3);
display: inline-block;
box-sizing: border-box;
width: 100%;
margin: 2%;
padding: 40px 10px 10px 20px;
transition: all .6s ease;
}
.uc-numbers-scheme strong {
transition: all .6s ease;
display: inline-block;
font-size: 60px;
color: #5f3170;
transform: translateY(-15px);
text-shadow: 3px 3px 1px #efe4f4;
}
.uc-numbers-scheme:hover strong {
transition: all .6s ease;
color: #b69dbd;
transform: translateY(0px);
text-shadow: none;
}
.uc-numbers-scheme em {
font-size: 18px;
color: #fbaa1d;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-numbers-scheme:hover em {
color: #59296a;
transition: all .3s ease;
}
@media screen and (max-width: 1200px) {
.uc-numbers-scheme {
width: 46%;
margin: 2%;
}
}
@media screen and (max-width: 1000px) {
.uc-numbers-scheme {
width: 100%;
margin: 20px auto;
}
}
.uc-nombers {
padding: 20px;
border-bottom: 1px solid #e8f1f7;
}
.uc-nombers_wrap {
display: flex;
flex-wrap: wrap;
}
.uc-nombers h2 {
text-align: center;
margin-bottom: 20px;
}
.uc-nombers-scheme {
background: rgb(240, 229, 245);
-webkit-clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
display: inline-block;
box-sizing: border-box;
width: 50%;
margin: 10px 0;
padding: 20px 35px 10px 35px;
text-align: center;
transition: all .5s ease;
}
.uc-nombers-scheme img {
transition: all .5s ease;
}
.uc-nombers-scheme:hover img {
transform: scale(1.5, 1.5);
transition: all 0.5s ease; }
@media screen and (max-width: 1300px) {
.uc-nombers-scheme {
width: 50%;
padding: 35px 50px 10px;
}
}
@media screen and (max-width: 1000px) {
.uc-nombers-scheme {
width: 100%;
margin: 10px auto;
}
}
@media screen and (max-width: 500px) {
.uc-nombers-scheme {
padding: 35px 25px 10px;
}
}
.uc-reviews {
padding: 20px;
border-bottom: 1px solid #e8f1f7;
}
.uc-reviews h2 {
margin-bottom: 20px;
text-align: center;
}
.uc-reviews__inner {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.uc-comment {
display: flex;
flex-direction: column;
width: 45%;
margin: 2% 1%;
padding: 20px;
align-items: center;
/*justify-content: space-around;*/
position: relative;
background: #f9f9f9;
box-sizing: border-box;
z-index: 1;
}
.uc-image__area {
width: 100px;
height: 100px;
background: #fff;
z-index: 1;
border-radius: 100%;
}
.uc-user__image {
max-width: 100px;
height: auto;
border-radius: 100%;
box-shadow: 0 0px 10px #fff, 0 0 0px 7px #fbaa1d, 0 0px 0px 10px #fff;
}
.uc-comment__content {
text-align: center;
color: #000;
z-index: 1;
}
.uc-user__name {
margin-bottom: 15px;
font-size: 18px;
color: #333;
font-weight: bold;
transition-delay: 0.3s;
transition: .6s;
}
.uc-text {
transition-delay: 0.2s;
transition: .6s;
}
.uc-first__comment::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 7px;
background: #ad90b9;
transition: .7s;
}
.uc-first__comment:hover .uc-user__name,
.uc-first__comment:hover .uc-text {
color: #fff;
transition: .6s;
}
.uc-first__comment:hover::before {
height: 100%;
transition: .7s;
}
.uc-second__comment::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 7px;
background: #868288;
transition: .7s;
}
.uc-second__comment:hover .uc-user__name,
.uc-second__comment:hover .uc-text {
color: #fff;
transition: .6s;
}
.uc-second__comment:hover::before {
height: 100%;
transition: .7s;
}
.uc-second__comment:hover .uc-user__name,
.uc-second__comment:hover .uc-text {
color: #fff;
transition: .6s;
}
.uc-second__comment:hover::before {
height: 100%;
transition: .7s;
}
@media screen and (max-width: 1200px) {
.uc-comment {
width: 100%;
margin: 15px auto;
}
}
@media screen and (max-width: 320px) {
.uc-comment {
width: 100%;
}
}
.uc-our__history {
padding: 20px 0;
text-align: center;
border-bottom: 1px solid #e8f1f7;
}
.uc-our__history h2 {
padding-bottom: 10px;
text-align: center;
}
.uc-our__history-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.uc-our__history-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 15px 0;
transition: all 0.8s;
}
.uc-our__history-block .uc-bib {
transition: all 0.8s;
}
.uc-our__history-block:hover .uc-bib {
transform: rotate(360deg);
}
.uc-our__history-year {
position: relative;
text-align: center;
-ms-flex-item-align: center;
align-self: center;
font-size: 60px;
font-weight: bold;
color: #9c50b8;
background: #5f3170;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 85px;
min-width: 85px;
/*border-radius: 3px;*/
box-shadow: 0 0px 10px #fff, 0 0 0 10px #fff;
transition: all 0.5s ease;
}
.uc-our__history-line {
-ms-flex-item-align: center;
align-self: center;
width: 4%;
height: 10px;
background: transparent;
}
.uc-our__history-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: left;
background: #F9F9F9;
color: #333;
padding: 10px;
/*border-radius: 10px;*/
width: 70%;
/*border: 1px solid #ddd;*/
/* -webkit-box-shadow: 2px 1px 16px -2px rgba(21, 40, 55,0.55);
box-shadow: 2px 1px 16px -2px rgba(21, 40, 55,0.55); */
}
.uc-our__history-subheader {
font-size: 18px;
color: #5f3170;
}
.uc-first__year-line {
background: #ea4335;
}
.uc-second__year-line {
background: #34a853;
}
.uc-third__year-line {
background: #fbbc05;
}
.uc-fourth__year-line {
background: #4285f4;
}
.uc-fifth__year-line {
background: #ea4335;
}
.uc-first__year {
color: #ea4335;
}
.uc-second__year {
color: #34a853;
}
.uc-third__year {
color: #fbbc05;
}
.uc-fourth__year {
color: #4285f4;
}
.uc-fifth__year {
color: #ea4335;
}
@media screen and (max-width:1300px) {
.uc-our__history-block {
width: 100%;
}
}
@media screen and (max-width:900px) {
.uc-our__history-block {
flex-direction: column;
}
.uc-our__history-line {
-ms-flex-item-align: center;
width: 6%;
height: 15px;
}
.uc-our__history-content {
width: 90%;
text-align: center;
}
.uc-our__history-year {
min-height: 60px;
min-width: 60px;
}
/* .uc-our__history-block:hover .uc-our__history-year {
transform: translateY(20px) scale(0.8, 0.8);
transition: all 0.5s ease;
} */
}
.uc-e1-panel {
padding: 20px;
text-align: center;
}
.uc-e1-panel h2 {
margin-bottom: 20px;
text-align: center;
}
Профессиональная косметика для лица, тела и волос от мировых производителей
Большой выбор косметических средств в нашем онлайн-каталоге
Всем своим покупателям мы предлагаем профессиональную косметику известных мировых брендов. Обеспечиваем оперативную доставку товаров по Минску, и в другие регионы Республики Беларусь.
Увидеть каталог
Популярные товары в нашем магазине косметики
Обеспечивают бережное увлажнение кожи, сохраняя при этом её природную структуру. Средства для ухода телом Обеспечивают бережное увлажнение кожи, сохраняя при этом её природную структуру. Избавляют от перхоти, препятствуют образованию тонких и секущихся кончиков. Средства для ухода за волосами Избавляют от перхоти, препятствуют образованию тонких и секущихся кончиков. Обеспечивают комплексный уход за волосками, препятствует их выпадению и т. д. Средства для бровей и ресниц Обеспечивают комплексный уход за волосками, препятствует их выпадению и т. д. Поддерживают нормальное состояние многих органов и систем организма. Биологически активные добавки Поддерживают нормальное состояние многих органов и систем организма.
Почему наша профессиональная косметика пользуется успехом у покупателей?
Гарантия качества
При необходимости, мы готовы предоставить каждому покупателю сертификаты соответствия качеству на все товары.
Привлекательная стоимость
Прямое сотрудничество с производителями позволяет нам устанавливать наиболее выгодные в Минске цены на косметическую продукцию.
Подробнее о нас
Салон красоты «Бонжур» - ваш надёжный поставщик профессиональной косметики!
Большой опыт в сфере продаж
С апреля 2007 года на службе красоты! За эти годы десятки тысяч клиентов отдали предпочтение нашим салонам.
Прямое сотрудничество
Поставки косметических осуществляются непосредственно со склада производителей.
Широкий ассортимент
В нашем онлайн-каталоге легко можно найти профессиональную косметику самого разного типа и сферы использования.
Почему вам стоит заказать профессиональную косметику у нас?
1
Работаем без посредников и коммерческих наценок.
2
Постоянное расширение ассортимента косметических средств.
3
Несём полную ответственность за качество проданных товаров.
4
Возможность быстро найти нужные товары в режиме онлайн при помощи удобной системы поиска.
5
Предлагаем профессиональные консультации по всем вопросам выбора и покупки косметики.
Способы доставки и оплаты
Как заказать косметику с доставкой?
Вы заказывайте на сайте или по телефону
Мы оперативно обрабатываем Вашу заявку
Вносите оплату за заказ
Осуществление доставки
Связаться с нами
