Лагуна - интернет-магазин для сантехника и электрика
html, #app {
height: 100%;
}
body {
height: calc(100% - 10px);
}
body {
line-height: 1.5;
font-family: 'Open Sans', sans-serif;
font-size: 1rem;
background-color: #fff;
}
#menu {
position: absolute;
min-width: 100%;
background: #fff;
z-index: 1001;
box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}
.navbar-brand-black {
display: none;
}
main {
min-height: calc(100% - 229px);
}
ol {
padding-left: 15px;
}
ol li::marker {
color: #007bff;
font-weight: bold;
}
ul li::marker {
color: #007bff;
font-weight: bold;
}
h2 {
text-transform: uppercase;
}
#menu div ul {
list-style: none;
padding-left: 15px;
color: #130f40
}
#menu div ul li:hover {
cursor: pointer;
text-decoration: underline;
}
.nav-item .sub-navbar {
display: none;
position: absolute;
z-index: 10;
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
background-color: white;
}
.nav-item:hover .sub-navbar {
display: block;
}
.menu-button {
padding: 10px;
text-align: center;
font-weight: bold;
border-radius: 5px;
cursor: pointer;
}
.menu-button.blue {
background-color: #1240ab;
color: white;
}
.menu-button.grey {
background-color: #f3f3f3;
color: white;
}
.navbar-brand, .navbar-brand-black {
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
text-align: center;
width: 100%;
}
.green {
color: #64a90d;
}
.red {
color: red;
}
.black {
color: black;
}
.orange {
color: #ff6700;
}
.bold {
font-weight: bold;
}
.bg-blue {
background-color: #1240ab;
color: white;
}
.bg-orange {
background-color: #ff6700;
color: white;
}
.bg-white {
background-color: white;
}
.fade-enter-active, .fade-leave-active {
transition: opacity .3s;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
@media (min-width: 1441px) {
.container-lg {
max-width: 1440px;
}
}
@media (max-width: 1440px) {
.container-lg {
max-width: 1140px;
}
}
@media (max-width: 1200px) {
.container-lg {
max-width: 960px;
}
}
@media (max-width: 992px) {
.container-lg {
max-width: 720px;
}
}
@media (max-width: 768px) {
.container-lg {
max-width: 540px;
}
}
.container-lg {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
header .navbar-nav .nav-item[data-v-6fb8108a] {
display: inline-block;
padding: 30px 40px 20px 40px;
}
header .navbar-nav .nav-item .sub-navbar .nav-item[data-v-6fb8108a] {
padding: 15px 20px 10px 20px;
}
header .navbar-nav .nav-item a[data-v-6fb8108a] {
color: rgb(19, 15, 64);
font-size: 1.125rem;
font-weight: 700;
}
header .top-logo[data-v-6fb8108a] {
width: 150px;
}
header .card-circle[data-v-6fb8108a] {
width: 2.5rem;
height: 2.5rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
header .top-card-products > span[data-v-6fb8108a] {
position: absolute;
background-color: #fff;
border-radius: 50%;
color: black;
min-width: 1.25rem;
min-height: 1.25rem;
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
font-size: 0.6875rem;
line-height: 1;
}
footer[data-v-6fb8108a] {
background: #f6f5f6;
}.certificate[data-v-c186b362] {
position: relative;
display: block;
min-height: 200px;
}
.certificate img[data-v-c186b362] {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.carousel-item>div[data-v-c186b362] {
color: white;
background: rgb(255,103,0);
background: linear-gradient(135deg, rgba(255,103,0,1) 0%, rgba(9,70,121,1) 80%, rgba(18,64,171,1) 100%);
}
.carousel-control-next[data-v-c186b362], .carousel-control-prev[data-v-c186b362] {
width: 7%;
}
.tree[data-v-375b9e6a] {
padding-left: 15px;
}
.tree-node[data-v-375b9e6a] {
font-weight: bold;
list-style-type: none;
color: black;
border: 1px solid rgba(0, 0, 0, 0.15);
}@media (max-width: 1679px) {
.text {
display: block;
width: 100%;
}
.img {
display: block;
margin-top: 40px;
width: 100%;
}
}
@media (min-width: 1680px) {
.text {
display: inline-block;
vertical-align: top;
width: calc(100% - 725px);
}
.img {
display: inline-block;
width: 725px;
}
}
.img img {
max-width: 725px;
width: 100%;
}
.tree li {
list-style-type: none;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.tree-header {
background-color: #ff6700;
color: white;
font-size: 1.25rem;
font-weight: bold;
padding: 10px;
}
.fade-enter-active, .fade-leave-active {
transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
.card-product {
height: 28.75rem;
margin-bottom: 1.5625rem;
color: #000;
display: block;
}
.card-product:hover {
text-decoration: none;
color: #000;
}
.title-card-product {
height: 3.75rem;
overflow: hidden;
}
.img-product {
height: 11.875rem;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
justify-content: center;
}
.new-price {
font-size: 18px;
}
.substrate-shadow {
background-color: #fff;
padding: 1rem 1.5rem;
transition: box-shadow ease-out .2s;
/* position: relative; */
padding-bottom: 0.9375rem;
/* position: absolute; */
z-index: 9;
}
.substrate-shadow:hover .buy-product {
height: auto;
opacity: 1;
visibility: visible;
margin: 0.9375rem 0 0.625rem 0;
}
.substrate-shadow:hover {
box-shadow: 0 0 25px 15px rgba(0,0,0,.1);
}
.card-product .buy-product {
height: 0;
opacity: 0;
visibility: hidden;
}
.btn-transparent {
background-color: transparent;
border:1px solid rgba(0, 0, 0, 0.2);
color: #000;
border-radius: 0;
font-size: 0.875rem;
padding: 0.75rem;
text-align: center;
cursor: pointer;
transition: all ease .2s;
margin-top: 15px;
display: inline-block;
}
@media (max-width: 1679px) {
.text[data-v-58a48eac] {
display: block;
width: 100%;
}
.img[data-v-58a48eac] {
display: block;
margin-top: 40px;
width: 100%;
}
}
@media (min-width: 1680px) {
.text[data-v-58a48eac] {
display: inline-block;
vertical-align: top;
width: calc(100% - 725px);
}
.img[data-v-58a48eac] {
display: inline-block;
width: 725px;
}
}
.img img[data-v-58a48eac] {
max-width: 725px;
width: 100%;
}
.tree-header[data-v-58a48eac] {
background-color: #ff6700;
color: white;
font-size: 1.25rem;
font-weight: bold;
padding: 10px;
}
#map .btn-light[data-v-61693134] {
border: 1.5px solid #57CDEC;
border-radius: 4px;
background-color: white;
color: #57CDEC;
}
#map .btn-light[data-v-61693134]:hover {
border: 1.5px solid #57CDEC;
border-radius: 4px;
color: white;
background-color: #57CDEC;
}.certificate[data-v-71165db5] {
position: relative;
display: block;
min-height: 200px;
}
.certificate img[data-v-71165db5] {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}.buderusStyle {
height: 2000px !important;
color: white !important;
background: rgb(0,0,0);
background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(9,70,121,1) 80%, rgba(1,45,90,1) 100%) !important;
}
.buderusStyle .card-product a {
color: black !important;
}
.buderusStyle a {
color: white !important;
}
.buderusStyle footer {
background-color: #002855 !important;
color: white !important;
}
.buderusStyle .menu-button.grey {
background-color: rgb(255, 103, 0) !important;
color: white !important;
}
.buderusStyle .menu-button.grey a i{
color: white !important;
}
.buderusStyle .navbar-brand-black {
display: inline-block;
}
.buderusStyle .navbar-brand {
display: none;
}
.buderusStyle .carousel-inner {
background-color: transparent !important;
}
.buderusStyle .carousel-item div {
background-color: transparent !important;
}
/*card */
@media (max-width: 1679px) {
.text {
display: block;
width: 100%;
}
.img {
display: block;
margin-top: 40px;
width: 100%;
}
}
@media (min-width: 1680px) {
.text {
display: inline-block;
vertical-align: top;
width: calc(100% - 725px);
}
.img {
display: inline-block;
width: 725px;
}
}
.img img {
max-width: 725px;
width: 100%;
}
.tree li {
list-style-type: none;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.tree-header {
background-color: #ff6700;
color: white;
font-size: 1.25rem;
font-weight: bold;
padding: 10px;
}
.fade-enter-active, .fade-leave-active {
transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
.card-product {
height: 28.75rem;
margin-bottom: 1.5625rem;
color: #000;
display: block;
}
.card-product:hover {
text-decoration: none;
color: #000;
}
.title-card-product {
height: 3.75rem;
overflow: hidden;
}
.img-product {
height: 11.875rem;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
justify-content: center;
}
.new-price {
font-size: 18px;
}
.substrate-shadow {
border-radius: 10px;
background-color: #fff;
padding: 1rem 1.5rem;
transition: box-shadow ease-out .2s;
/* position: relative; */
padding-bottom: 0.9375rem;
/* position: absolute; */
z-index: 9;
}
.substrate-shadow:hover .buy-product {
height: auto;
opacity: 1;
visibility: visible;
margin: 0.9375rem 0 0.625rem 0;
}
.substrate-shadow:hover {
box-shadow: 0 0 25px 15px rgba(0,0,0,.3);
}
.card-product .buy-product {
height: 0;
opacity: 0;
visibility: hidden;
}
.btn-transparent {
background-color: transparent;
border:1px solid rgba(0, 0, 0, 0.2);
color: #000;
border-radius: 0;
font-size: 0.875rem;
padding: 0.75rem;
text-align: center;
cursor: pointer;
transition: all ease .2s;
margin-top: 15px;
display: inline-block;
}
Инженерный центр г. Орел, ул.Пионерская, д.4
Новый дизайн
новая функциональность
Будущее уже здесь
революционный дизайн Buderus
Продукция
