Интернет-магазин "Лавр"
/* Clearfix */ .uc-clearfix::after { content: ""; display: table; clear: both; } /*Box-sizing*/ [class*="uc-"] { box-sizing: border-box; } /* Layout properties */ .uc-layout-item { float: left; width: 48%; margin: 10px 1%; /*padding: 10px;*/ } /* CSS Tables */ .uc-table { display: table; width: 100%; table-layout: fixed; } .uc-table p { margin: 5px 0 !important; } .uc-row { display: table-row; } .uc-cell { display: table-cell; padding: 5px 10px; vertical-align: middle; } /* Panels */ .uc-panel { padding: 20px; } div.uc-panel:nth-of-type(odd) { background: rgba(255, 255, 255, 0.7); } div.uc-panel:nth-of-type(even) { background: rgba(37, 41, 50, 0.7); } .uc-header-holder { background: rgba(37, 41, 50, 0.7); } .uc-panel::after { content: ""; display: table; clear: both; } @media screen and ( max-width: 1200px) { .uc-panel { padding: 10px; } } /* Headings */ .uc-header-holder { margin: -20px; margin-bottom: 30px; padding: 30px 0 10px; background: rgba(37, 41, 50, 0.7); text-align: center; } @media screen and ( max-width: 1200px) { .uc-header-holder { margin: -10px; margin-bottom: 20px; } } /* Buttons */ .uc-button-holder { text-align: center; padding: 20px 0; clear: both; } a.uc-button { text-decoration: none; display: inline-block; text-align: center; color: #fff; font-size: 14px; background: #c53a0b; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 10px; margin: 0 4px; line-height: 22px; vertical-align: middle; } a.uc-button:hover { background: #6ec342; color: #fff !important; text-decoration: none !important; } /* Banner */ .uc-ban4 { background: #777777 url(http://i1064.photobucket.com/albums/u364/lilit0000/prom/Dandelions_Brown_x2400_zpsd6lxyc4m.jpg) no-repeat center top; -webkit-background-size: cover; background-size: cover; width: 100%; height: 450px; padding: 0; } .uc-banner-transparent { background: #777 url("http://irprom.leemon.info/Pictures/lawr/4419.jpg") no-repeat center top; -webkit-background-size: cover; background-size: cover; padding: 30px; text-align: center; } .uc-banner-transparent span { font-size: 32px; font-weight: bold; color: #00b1cb; } .uc-banner-transparent-panel { display: inline-block; background: rgba(37, 41, 50, 0.7); width: 100%; padding: 50px; text-align: center; } .uc-banner-transparent-header { font-size: 36px; line-height: 1.35em; color: #fff; margin: 0px 0px 15px !important; } .uc-banner-transparent-subheader { font-size: 26px; line-height: 1.4em; color: #ce0139; margin: 0px 0px 30px !important; } .uc-banner-transparent-text { font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 20px !important; } a.uc-banner-transparent-btn { display: inline-block; padding: 0 35px; height: 45px; line-height: 43px; text-decoration: none!important; text-align: center; color: #4ba8e6; font-weight: 600; min-width: 220px; border: 1px solid #4ba8e6; font-size: 15px; } a.uc-banner-transparent-btn:hover { color: #ffa500; border-color: #ffa500; } .uc-circled-icon-text strong { color: #ce0139;} .uc-b5-panel { background-color: #fafafa; padding: 20px; text-align: center; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-header { margin-bottom: 40px; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 16%; margin: 10px; } .uc-b5-text { margin: 10px 0 0; } .uc-b5-arr { width: 40px; font-size: 30px; color: #33383e; vertical-align: middle; padding-top: 10px; } .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 650px) { .uc-b5-wrapper { width: 22%; } .uc-b5-arr2 { display: none; } } @media screen and (max-width: 500px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } .uc-ico-panel { padding: 20px 40px 20px; background-color: #fafafa; } .uc-ico-header { text-align: center; } .uc-ico-table { border-width: 0px !important; width: 48% !important; margin-top: 30px; table-layout: fixed; float: left; } .uc-ico-table td { padding: 5px; transition: all 0.3s; } .uc-ico-table img { transition: all 0.3s; } .uc-ico-table tr:hover td { background: #f1f1f1; } .uc-ico-table tr:hover img { transform: translateX(10px); } .uc-ico-table-col1 { width: 70px; padding-left: 15px; } Отличный выбор современных рюкзаков, сумок и чемоданов – для школы, работы, прогулок и путешествий! Приступить к покупкам! .uc-btns { margin-top: 20px !important; display: inline-block; border-radius: 3px; color: #fff!important; text-decoration: none!important; text-align: center; cursor: pointer; padding: 12px 40px; border: none; background: #f57413; font-size: 16px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .uc-btns:hover { background:#4ba8e6; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .uc-hover-panel { background-color: #fafafa; padding: 30px 20px 25px; color: #222222; text-align: center;} .uc-hover-item { display: inline-block; vertical-align: top; width: 24%; color: #222222; min-width: 100px; min-height: 160px; background: #ededed; padding: 15px; transition: all 0.3s; margin: 2px; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;} .uc-hover-item span { font-size: 16px; color: #00b1cb; } .uc-hover-item:hover { background: #e0e0e0; }} Для мужчин и женщин, для детей и взрослых Создание неповторимого образа 100% выполнение заказов в срок! Внушительный ассортимент Самые актуальные модели Розница и мелкий опт Удобство и комфорт Связаться с нами! .uc-bb3-panel { background: #fafafa; padding: 20px; text-align: center; } .uc-bb3-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-bb3-header { margin-bottom: 40px; text-align: center; } .uc-bb3-wrapper { display: inline-block; vertical-align: top; margin: 10px; text-decoration: none !important; width: 36%; } .uc-bb3-wrapper span { display: block; } .uc-bb3-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; } .uc-bb3-img-holder img { display: block; height: auto !important; } .uc-bb3-hint { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(37, 41, 50, 0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: left; color: #fff; line-height: 1.3em; transition: all 0.6s ease 0s; overflow: hidden; opacity: 0; } .uc-bb3-hint:hover { opacity: 1; } .uc-bb3-hint-title { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: #4ba8e6; margin: 20% 0 0 0; } .uc-bb3-hint-desc { position: relative; font-size: 15px; color: #fff; padding: 10px 20px 20px; } .uc-bb3-hint:hover .uc-bb3-hint-title, .uc-bb3-hint:hover .uc-bb3-hint-desc { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .uc-bb3-hint:hover .uc-bb3-hint-desc { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .uc-bb3-name { font-size: 16px; color: #3ea8ee; display: inline-block; margin-top: 10px; } .uc-bb3-name:hover { color: #33383e; } .uc-bb3-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #fff; } @media screen and (max-width: 730px) { .uc-bb3-wrapper { width: 40%; } } @media screen and (max-width: 600px) { .uc-bb3-desc { position: static; visibility: visible; } .uc-bb3-wrapper { width: 80%; } } .uc-f24-header { text-align: center; background: #2d2d2d!important; color: #ffffff; padding: 8px 1px; margin: 0px; } Выбирайте в онлайн-каталоге «Лавр» Для школы До 15 известных торговых марок, специализирующихся на качественных и стильных изделиях. Продуманность и комфорт современных моделей – для малышей и подростков! Рюкзаки, ранцы, пеналы и сумки для обуви школьные Рюкзаки, ранцы, пеналы и сумки для обуви школьные – До 15 известных торговых марок, специализирующихся на качественных и стильных изделиях. Продуманность и комфорт современных моделей – для малышей и подростков! Для молодежи Проверенное качество известных брендов - ТМ Kite, «1 Вересня», Gold Be и др. Для спорта, школы и туризма. Наличие бюджетных моделей. Выгодные распродажи и акции на сезонные товары. Лучший выбор – по лучшей цене! Рюкзаки, пеналы и сумки молодежные Рюкзаки, пеналы и сумки молодежные – Проверенное качество известных брендов - ТМ Kite, «1 Вересня», Gold Be и др. Для спорта, школы и туризма. Наличие бюджетных моделей. Выгодные распродажи и акции на сезонные товары. Лучший выбор – по лучшей цене! Для женщин Порядка 400 товарных предложений практичных и модных сумок, стильных компактных клатчей – для современных девушек и женщин. Интересный дизайн, актуальные тенденции, отменное качество и удобство понравятся дамам любого возраста Женские сумки и клатчи Женские сумки и клатчи – Порядка 400 товарных предложений практичных и модных сумок, стильных компактных клатчей – для современных девушек и женщин. Интересный дизайн, актуальные тенденции, отменное качество и удобство понравятся дамам любого возраста Для мужчин Отличный выбор практичных и модных изделий для парней и мужчин, для офиса и учебы, прогулок и работы. Объемные вместительные варианты и компактные модели, сумки на ремне через плечо – и с ручками разной длины станут вашим обязательным модным аксессуаром Мужские сумки и барсетки Мужские сумки и барсетки – Отличный выбор практичных и модных изделий для парней и мужчин, для офиса и учебы, прогулок и работы. Объемные вместительные варианты и компактные модели, сумки на ремне через плечо – и с ручками разной длины станут вашим обязательным модным аксессуаром Для спорта и города Отправляясь на занятия спортом или в командировку, в отпуск или путешествие, выберите любую модель из вариантов разного формата, цвета и размера. Представлены как классические, так и современные изделия Спортивные городские и дорожные сумки Спортивные городские и дорожные сумки – Отправляясь на занятия спортом или в командировку, в отпуск или путешествие, выберите любую модель из вариантов разного формата, цвета и размера. Представлены как классические, так и современные изделия Для путешествий Как взять с собой в дорогу все необходимое и при этом чувствовать себя удобно? С нашими кейсами, сумками на колесах и дорожными чемоданами это возможно. Проверенные варианты качественных изделий для путешествий разного формата Дорожные чемоданы и сумки на колесах Дорожные чемоданы и сумки на колесах – Как взять с собой в дорогу все необходимое и при этом чувствовать себя удобно? С нашими кейсами, сумками на колесах и дорожными чемоданами это возможно. Проверенные варианты качественных изделий для путешествий разного формата Почему сумку, чемодан, кейс, барсетку или рюкзак лучше выбрать у нас Доступность: «Лавр» отличают разумные цены, ведь продукция поставляется напрямую от производителя, а наш опыт позволяет предлагать только лучшие марки: мы первые в Украине представили широкий ассортимент качественных изделий ТМ Cruiser Выгода: Вы всегда можете найти множество товаров со скидками (до 60%) или заказать изделия по распродаже. Идем навстречу постоянным клиентам. Информацию об акционных товарах вы можете найти на сайте. Есть возможность мелкого опта Качество: Это приоритет нашей работы! Знание тенденций моды и специфики рынка дает нам возможность предлагать вам наиболее востребованный и качественный товар, которым вы обязательно останетесь довольны. Продукция сертифицирована Сервис: В нашей команде - самые квалифицированные и вежливые менеджеры, которые внимательно вас выслушают и помогут сделать правильный выбор из огромного ассортимента товаров Выбрать сумку или рюкзак! .uc-circled-bg {background: #777 url("http://irprom.leemon.info/Pictures/lawr/deti-idut-v-shkolu-2424.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover; text-align: center;} .uc-circled-header {color: #ce0139!important; margin-bottom: 40px !important; text-align: center;} .uc-circled-icon .uc-cell { /* use "vertical-align: middle;" and comment "margin-top: 6px;" when text is placed in one line */ vertical-align: middle; margin-top: 6px; color: #000; } .uc-circled-icon-img-holder { display: inline-block; vertical-align: middle; width: 60px; height: 60px; margin-right: 10px; line-height: 54px; text-align: center; transition: all 0.3s; } .uc-circled-icon .uc-cell:hover .uc-circled-icon-img-holder { } .uc-circled-icon-img-holder img { display: inline-block; vertical-align: middle; width: 35px; height: 35px; transition: transform .3s; } .uc-circled-icon .uc-cell:hover img { transform: rotate(720deg); } .uc-circled-icon-text { display: inline-block; vertical-align: middle; width: 74%; } .uc-circled-icon p { margin: 5px 0; } .uc-f13-panel { padding: 20px 15px 20px; background-color: #fafafa; } .uc-f13-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-f13-header { text-align: center; } .uc-f13-table { border-width: 0px !important; width: 35% !important; margin-top: 30px; table-layout: fixed; float: left; text-align: right; } .uc-f13-table td { padding-bottom: 10px; } .uc-f13-img-holder { text-align: center; } .uc-f13-img-holder+.uc-f13-table { text-align: left; } .uc-f13-table-col1 { width: 60px; } .uc-f13-table-marker { width: 48px; height: 48px; margin: 0px auto; line-height: 48px; border-radius: 100%; background: #43aa8b; text-align: center; color: #fff; font-size: 30px; } .uc-f13-img-holder { float: left; width: 23%; margin: 30px 2% 0; } .uc-f13-img-w-resolver { display: none; } @media screen and (max-width: 900px) { .uc-f13-panel { direction: rtl; } .uc-f13-img-holder { display: none } .uc-f13-img-holder.uc-f13-img-w-resolver { display: block; float: none; width: auto; } .uc-f13-table { width: 48% !important; } .uc-f13-table+.uc-f13-img-holder+.uc-f13-table { margin-left: 4%; } .uc-f13-img-holder.uc-f13-img-w-resolver+.uc-f13-table { text-align: left; } .uc-f13-img-holder+.uc-f13-table { text-align: right; } } @media screen and (max-width: 768px) { .uc-f13-table { width: 100% !important; } .uc-f13-table+.uc-f13-img-holder+.uc-f13-table { margin: 0; text-align: left; direction: ltr; } .uc-f13-img-holder.uc-f13-img-w-resolver+.uc-f13-table { text-align: left; } } Алгоритм заказа в интернет-магазине «Лавр Оформляете заказ на сайте или по телефону у наших сотрудников → Выбираете любую из современных форм расчета → Оформляете удобный вам тип доставки (возможны также самовывоз и курьер) → Быстро получаете выбранную вами модель в любую точку Украины /*-----------------------------FOOTER-PANEL-----------------------------*/ .uc-e4-panel { background:#2d2d2d; color:#fff; padding: 40px 70px 10px; text-align: center; } .uc-e4-panel span { color: #f1c40f; font-weight: bold; font-size: 20px; } .uc-e4-header { margin-bottom: 20px !important; line-height: 1.4em; color: #ce0139; text-align: center; } .uc-e4-panel-text { margin-bottom:15px !important; font-size: 24px; line-height: 1.3em; } /* -----------------------------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 { -webkit-transform: translateZ(0); transform: translateZ(0); -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; } Удобная сортировка товаров, доступная цена и быстрая доставка – от магазина «Лавр»!