Нажмите кнопку ↑ для сохранения кодового слова в Корзине
Скидки и акции на обои для стен в Санкт-Петербурге

Скидки на обои для стен
в Интернет-Магазине «Дом Обоев»

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,cyrillic,cyrillic-ext); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400&subset=latin,cyrillic); @import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=latin,cyrillic); /* < link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto+Condensed:400|Roboto:400,400i,700,700i&subset=cyrillic" rel="stylesheet" > */ /* font-family: 'Open Sans Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif; */ /* primary: #0faf0f #068306 dark: #89395e; --- color logo, base color #b67995 - sdate background theme-colors: "dark" #682142 link-color #89395e grid-gutter-width: 20px; */ *{ -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } HTML, BODY{ padding:0px; margin:0px; line-height:130%; } BODY{ font-family: 'Roboto', Arial, sans-serif; background: #e0e0e0; color:#303030; } @font-face { font-family: 'ShellyAllegroC'; src: url('/css/fonts/ShellyAllegroC.eot'); src: url('/css/fonts/ShellyAllegroC.eot?#iefix') format('embedded-opentype'), url('/css/fonts/ShellyAllegroC.woff') format('woff'), url('/css/fonts/ShellyAllegroC.svg') format('svg'), url('/css/fonts/ShellyAllegroC.ttf') format('truetype'); font-weight: normal; font-style: normal; } A { color:#89395e; } A:hover { color:#ff0076; } /* MAx ширина */ .container-fluid{ max-width:1600px; padding:0px; } .bodyfon0 {background: url(/pictures/fonoboi/Simfoniya_229312-2.jpg) 0px 0px repeat;background-attachment:fixed;} TEXTAREA { font-family: 'Roboto', sans-serif; font-size:100%;} IMG {border:0px;} HR{ height:1px; font-size:1px;border:0px; border-top:1px dashed #d0d0d0; margin:10px 0px 10px 0px;} .hr{ border-top:1px dashed #d0d0d0; height:30px; margin:10px 0px 10px 0px; width:100%; } .hr DIV{ text-align:center; background:#ffffff; margin:0px auto; color:#777; } H1, H2, H3 , H4 , .h1 , .colorH1, .color2{ color:#89395e; } H2, H3 , H4 { } H1,.h1{ font-size:180%; line-height:80%; /*font-family: 'ShellyAllegroC' , Arial;*/ font-family: 'Roboto Condensed', sans-serif; font-weight:normal; margin:10px 0px 10px 0px !important; text-align:center; } H2,.h2{ font-size:160%; font-family: 'Roboto Condensed', sans-serif; } H3,.h3{ font-size:130%; font-family: 'Roboto Condensed', sans-serif; } H1,.h1 { padding-bottom:10px; border-bottom:1px solid #b67995 ; } H2,.h2,H3,.h3{ padding-bottom:0px; border-bottom:0px solid #b67995 ; } .headaffix { position:fixed; width:100%; z-index:1021; top:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*background: #fff;*/ } .top0.headaffix { top: calc(-100px - 0px); /*transition: 0.5s;*/ } @media (max-width: 768px) { .top0.headaffix { /*top:0px;*/ /*transition: 0.5s;*/ } } .head{ background: #fff; height:150px; width:100%; color:#000; line-height:120%; } .head .d-flex{ height:100px; } .head .d-flex{ padding:10px; } .head .dblockh{ margin:0px 5px 0px 5px; } .logo { width:calc( 80 * 101 / 131); /*61*/ /* 101 */ height:80px; /* 131 */ margin: 10px 20px 0px 0px; } @media (max-width: 768px) { .logo { margin: 10px 20px 0px 0px; } } .dlogo{ width:calc( 80 * 101 / 131 + 10 + 20); } .dnameshop{ margin:0px 10px 0px 0px; font-size:130%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nameshop{ color:#89395e; font-family: 'Roboto Condensed', sans-serif; /* font-family: 'ShellyAllegroC'; */ } .nameshopmini{ color:#909090; font-size:80%; } .brnameshop{ display:none; } @media (max-width: 1200px) { .brnameshop{ display:block; } } @media (min-width: 1200px) { .nameshop{ /*font-family: 'Roboto Condensed', sans-serif; */ font-family: 'ShellyAllegroC'; font-size:38px; line-height:28px; } .nameshopmini{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; } } @media (min-width: 1000px) AND (max-width: 1200px) { .dnameshop{ font-size:110%; } } @media (min-width: 768px) AND (max-width: 1000px) { .dnameshop{ font-size:100%; } } @media (max-width: 768px) { .dnameshop{ font-size:130%; } } @media (max-width: 500px) { .dnameshop{ font-size:110%; } } #search{ min-width:100px; border:2px solid #b0b0b0; } #search:hover{ border:2px solid #89395e; } #rassearch{ margin:0px 0px 5px 0px; float:right; } .headtel{ font-size:24px; font-family: 'Roboto Condensed', sans-serif; } .tbheadtel{ width:210px; } #butsearch{ /* background:#b0b0b0; margin:0px -2px 0px 0px; color:#fff; */ } #butsearch:hover{ } .novistop0{ opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top0 .novistop0{ opacity:1; } .mobdsearch{ display:none; margin:0px 0px 0px 0px; padding:20px; background:#fff; border-bottom:2px solid #9e4e73; /* box-shadow:0px 0px 10px #777; */ } @media (max-width: 768px) { .mobdsearch { } } .mini{ font-size:80%;line-height:110%;} .head .fa{ font-size:120%; } #changeregion{ } /* navbar */ .navbar{ padding:0px; min-height:50px; font-family: 'Roboto Condensed', sans-serif; } .navbar-nav { -ms-flex-pack: justify !important; justify-content: space-between !important; } .navbar-nav .nav-link{ height:50px; display:flex; -ms-flex-align: center !important; align-items: center !important; text-align:center; padding:0px 15px 0px 15px !important; } .navbar-dark .navbar-nav .nav-link { color:#fff; text-transform:uppercase ; font-size:100%; } .navbar-dark .navbar-nav .nav-link.mini{ font-size:80%; line-height:100%; } @media (max-width: 768px) { .navbar-dark .navbar-nav .nav-link.mini{ font-size:100%; } .navbar{ max-height:100%; overflow-y:auto; } } .navbar-dark .navbar-nav .nav-link:hover { background:rgba(255,255,255,1); color:#89395e; } .navelitka{ display:block; } @media (max-width: 1100px) { .navelitka{ display:none; } } .navfryazino A.nav-link{ display:block; padding:6px 8px 0px 8px !important; line-height:110%; text-transform: none !important; font-size:70% !important; } .navfryazino .mosob{ font-size:100%; } @media (max-width: 930px) { .navfryazino{ display:none; } } .navmalex{ display:block; } @media (max-width: 1020px) { .navmalex{ display:none; } } .dropdown-menu{ background:#9e4e73; color:#fff; border-radius:2px; border:0px; min-width:300px; } @media (max-width: 768px) { .navbar-nav .nav-link{ padding:0px 20px 0px 20px !important;; } .dropdown-menu { border-radius:0px; border:0px; } } .dropdown-item{ color:#fff; padding:10px 20px 10px 20px; white-space: normal; } .dropdown-item:hover, .navbar-dark .navbar-nav .show > .nav-link { background:rgba(255,255,255,1); color:#89395e; } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-toggler{ padding:0px; border-radius:0px; border:1px solid #89395e; } .navbar-dark .navbar-toggler:hover, .navbar-dark .navbar-toggler[aria-expanded="true"] { background:#fff; } .navbar-dark .navbar-toggler:hover .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(137, 57, 94, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(137, 57, 94, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 4 22 22 M22 4 4 22'/%3e%3c/svg%3e"); } .navbar-toggler-icon { display: inline-block; width: 50px; height: 50px; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 30px 30px; } .head .navbar .btn{ min-width: 50px; height: 50px; padding:0px; line-height:50px; border:0px; border-radius:0px; color:#fff; font-size:100%; } .head .navbar .btn:hover{ background-color: #fff; color:#89395e; border:1px; margin:0px; } /* тел в NAVBAR */ .abtnmob .fa{ margin:10px; } .abtnlogo2 IMG{ width:32px; height:32px; margin:-2px 10px 0px 10px; } .btnmobteltext, .btnmoblogo2text, .btnmobcarttext{ display:inline; margin:0px 10px 0px 0px; font-size:110%; } @media (max-width: 400px) { .btnmoblogo2text{ display:none; } } @media (max-width: 500px) { .btnmobteltext{ display:none; } } .btnbaskettext{ margin:2px 0px 0px 20px; font-size:70%; position:absolute; background:#40a040; color:#fff; border-radius:2px; min-width:16px; height:16px; line-height:16px; padding:0px 2px 0px 2px; } .btnbaskettext2{ margin:33px 0px 0px 10px; font-size:70%; position:absolute; height:16px; line-height:16px; padding:0px 2px 0px 2px; } @media (min-width: 1000px) { .btnbasket{ min-width:120px !important; } } @media (max-width: 1000px) { .btnmobcarttext{ display:none; } .btnbaskettext2{ display:none; } } /* END тел в навбар */ /*---===================---*/ /* bootstrap */ .btn-primary { color: #fff !important; background-color: #0faf0f !important; border-color: #0faf0f !important; /*white-space:nowrap;*/ } .btn-primary:hover { color: #fff!important; background-color: #fbab00!important; border-color: #e49b00!important; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(15, 175, 15, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0faf0f; border-color: #0faf0f; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #e49b00; border-color: #cd8f0a; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(15, 175, 15, 0.5); } .btn-outline-white { color: #fff; border-color: #fff; } .btn-outline-white:hover { color: #89395e !important; background-color: #fff; border-color: #fff; } .bgwhite A.btn-outline-white:hover{ color: #89395e !important; } .btn-outline-white:focus, .btn-outline-white.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent; } .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #89395e; background-color: #fff; border-color: #fff; } .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-danger { color: #fff; background-color: #dc3545 !important; border-color: #dc3545 !important; } .btn-danger:hover { color: #fff!important; background-color: #c82333!important; border-color: #bd2130!important; } /* END bootstrap */ /* ==================================================== */ .fonoboi1{ background:#662241; margin:-20px -20px 20px -20px !important; } .fonoboi1 .row{ margin:0px 10px 10px 10px; } .fonoboi1 .path{ background:#662241; color:#fff; padding:10px 20px 10px 20px; } .fonoboi1 .leftmenu A, .fonoboi1 .dpromo{ background:#89395e; color:#fff; border:1px solid #984069; } .fonoboi1 .dpromo A{ color:#fff; } .fonoboi1 .leftmenu A:hover{ background:#fff; color:#89395e; } .fonoboi1 .h1, .fonoboi1 h1, .fonoboi1 .h2, .fonoboi1 h2 { color:#fff; } .fonoboi1 #wowslider-container1 { background:#fff; border-radius:2px; padding:4px; } .fonoboi1 .dpromo .fa{ color:#fff; } .fonoboi1 .leftmenu .fa{ margin-right:10px; } .fonoboi1 .leftmenu .fa{ margin-right:10px; } .fonoboi1 .bgwhite, .fonoboi2 .bgwhite{ background:#fff; border-radius:4px; padding:10px; color:#333; } .grey{ color:#777; } .fonoboi1 A, .fonoboi2 A { color:#fff; } .bgwhite A.btn-secondary, .bgwhite A.btn-primary, .bgwhite A.btn-outline-white { color:#fff !important; margin-bottom:4px; } .fonoboi1 .bgwhite A, .fonoboi2 .bgwhite A{ color:#333; } .bgwhite.fonyell { background: #FFFAC4; background: -webkit-radial-gradient(center, #FFFAC4, #FFE212); background: -moz-radial-gradient(center, #FFFAC4, #FFE212); background: radial-gradient(ellipse at center, #FFFAC4, #FFE212); } .bgwhite.fonblue{ background: #C4FEFF; background: -webkit-radial-gradient(center, #C4FEFF, #12C0FF); background: -moz-radial-gradient(center, #C4FEFF, #12C0FF); background: radial-gradient(ellipse at center, #C4FEFF, #12C0FF); } .bgwhite.fonsir{ background: #FFC4EB; background: -webkit-radial-gradient(center, #FFC4EB, #FF4598); background: -moz-radial-gradient(center, #FFC4EB, #FF4598); background: radial-gradient(ellipse at center, #FFC4EB, #FF4598); } .bgwhite.fonsir2{ background: #ffcfe9; background: -webkit-radial-gradient(center, #ffcfe9, #c579a1); background: -moz-radial-gradient(center, #ffcfe9, #c579a1); background: radial-gradient(ellipse at center, #ffcfe9, #c579a1); } .bgwhite.fonsir2 .btn{ background:#9e1f62; color:#fff !important; } /* ==================================================== */ /* Фотообои */ .bodyfoto0 { /*background: #282828;*/ } .bodyfoto0 .dpage{ } .bodyfoto0 .dpage{ } .fonoboi2 H1, .fonoboi2 .h1 { border-bottom:0px solid #777 ; } .fonoboi2 H1 { padding-top:12px; } .fonoboi2 H2, .fonoboi2 .h2{ text-align:center; } .fonoboi2{ background:#333; color:#fff; margin:-20px -20px -40px -20px !important; min-height:400px; } .fonoboi2 .row{ } .fonoboi2 .path{ background:#333; color:#fff; padding:10px 20px 10px 20px; } .fonoboi2 .leftmenu A, .fonoboi2 .dpromo, .fonoboi2 .filter9 A, .fonoboi2 .sort A { background:#444; color:#fff; border:1px solid #777; } .fonoboi2 .dpromo A, .fonoboi2 .filter9, .fonoboi2 .sort { color:#fff; } .fonoboi2 .leftmenu A:hover, .fonoboi2 .filter9 A:hover, .fonoboi2 .sort A:hover { background:#fff; color:#777; border:1px solid #777; } .fonoboi2 .h1, .fonoboi2 h1, .fonoboi2 .h2, .fonoboi2 h2 { color:#fff; } .fonoboi2 #wowslider-container1{ max-width:800px; background:#fff; border-radius:2px; padding:4px; } .fonoboi2 .dpromo .fa{ color:#fff; } .fonoboi2 .leftmenu .fa{ margin-right:10px; } .fonoboi2 .leftmenu .fa{ margin-right:10px; } .bg-white{ background:#fff; } .btn, .btn-primary, .btn-secondary{ white-space:none !important; } /* ==================================================== */ .niz { background: #89395e; color:#ffffff; padding:20px; } .niz A { color:#ffffff; display:block; padding:3px 10px 3px 10px; border-radius:2px; } .niz A:hover { background:rgba(255,255,255,0.1); } .niz2{ background:#682142; color:#ffffff; padding:20px 20px 55px 20px; } .niz2 A{ color:rgba(255,255,255,0.5); } .niz2 A:hover{ color:#ffffff; } #nizbutsh{ background:#fff; border:1px solid #e0e0e0; z-index:110; display:none; text-align:center; cursor:pointer; opacity:0.80; color:#89395e; box-shadow:0px 0px 20px #ddd; border-radius: 4px ; position:fixed; right:calc(50% - 40px); bottom:10px; width:80px; height:40px; line-height:40px; padding:0px; font-size:150%; } #nizbutsh:hover{ opacity:1; color:#ff0076; } /*==================*/ .path { position:relative; /*border-bottom:1px solid #b67995;*/ min-height:24px; font-size:90%; margin:0px 0px 0px 0px; z-index:10; background:#ffffff; color:#333; } .highslide-container{ z-index:2000 !important; } #leftstickytop{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .clear{clear:both;} .fll{float:left;} .flr{float:right !important;} .mr10{margin-right:10px; } .mr20{margin-right:20px;} .ml20{margin-left:20px;} .ml10{margin-left:10px;} .mt50{margin-top:50px;} .pt50{padding-top:50px;} .pt70{padding-top:70px;} .pad0{padding:0px;} .ptb0{padding-top:0px;padding-bottom:0px;} .plr0{padding-left:0px;padding-right:0px;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb5{margin-bottom:5px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt40{margin-top:40px;} .pt10{padding-top:10px;} .pb10{padding-bottom:10px;} .mar0{margin:0px !important;} .mt0{margin-top:0px;} .bold{font-weight:bold;} .highslide-caption H2{ margin:0px;} .highslide-caption{text-align:center !important;} .highslide-number{display:none;} .white{color:#fff;} .color90{color:#909090;} .color7{color:#777;} .color30{color:#303030;} .blue{color:#13aeff;} .fs120{font-size:120%;} .fs24{font-size:24px;} .fs22{font-size:22px;} .fs20{font-size:20px;} .fs1{font-size:100%;} .fs2{font-size:120%;} .fs3{font-size:140%;} .fs4{font-size:160%;} .fs5{font-size:200% !important;} .fs200{font-size:200%;} .center A, .center{ text-align:center !important;} /*============= PAGE ===============*/ .dpage { /*text-align:justify;*/ background:#fff; padding: calc( 100px + 50px + 20px ) 20px 30px 20px !important; min-height:500px; } .dpage IMG{ max-width:100%; } .hsclose{ border-radius:20px; background:#333; border:2px solid #fff; color:#fff; width:30px !important; height:30px !important; line-height:28px; text-align:center; display:block; opacity:0.6; margin:0px 0px 0px 0px; position:relative; } .hsclose .fa{ color:#fff; font-size:18px; } .highslide-wrapper { border-radius: 6px !Important; padding:0px 0px 0px 0px !Important; } .highslide-image { border-radius: 0px !Important; top:0px !Important; border:0px !important; } .highslide-caption{ padding:20px !Important; border-radius:0px 0px 6px 6px !Important; } .pgsel { padding:4px 10px 4px 10px; margin:0px 4px 0px 4px; border-radius:4px; background:#89395e; border:1px solid #f0f0f0; color:#fff; font-weight:bold; font-size:22px; line-height:30px; text-align:center; } .pg { background:#fff; padding:4px 10px 4px 10px; margin:0px 4px 0px 4px; border-radius:4px; border:1px solid #f0f0f0; text-decoration:none; cursor:pointer; _cursor:hand; line-height:30px; text-align:center; } .pg:hover, .sort A:hover, .sort .sel , .filter9 A:hover, .filter9 .sel{ background:#b67995; color:#fff; text-decoration:none; border:1px solid #b67995; } .ctrll{ margin:0px 4px 0px 0px; } .ctrlr{ margin:0px 0px 0px 4px; } /* Корзина старая */ .dnone{display:none;} .dblock{display:block;} .kolvo{ min-width:30px;padding-left:0px;padding-right:0px;} .center{ text-align:center; } .left{ text-align:left; } .right{ text-align:right; } .imgorder{ max-width:100px !important; float:left; margin:0px 10px 0px 0px; } .bsktable{ line-height:100%; } .bsktable .col{ margin-top:10px; } .bsktable .btn-outline-danger{ border:0px; } .t02 TD{ border:0px; border-bottom:1px solid #909090; font-weight:bold; background:#e6c2d2; text-align:center; border-radius:5px 5px 0px 0px; color:#89395e; font-size:120%; } .t0, .t0 TD { border:0px; border-bottom:1px solid #909090; font-weight:bold; padding-bottom:10px; } .t1 TD, .t1 { border-bottom:1px dashed #909090; background:#ffffff; } .t1:hover TD { background:#f8f8f8; } .t1 TD .podkolvo TD{ border:0px; } .t2 TD, .t2 { border:1px solid #dddddd; background:#ffffff; } .t01 TD,.t01f TD{ border:0px; border-top:1px solid #909090; font-weight:bold; padding:12px 4px 12px 4px; } .t01f{ border-bottom:0px solid #909090; background: #f0f0f0; } .itogo { font-weight:bold; padding:12px 4px 12px 4px; } .table{ display:table; border-collapse: collapse; } .tr{ display:table-row; width: 100%; } .td{display:table-cell;} .colspan2 { display: table-caption; } @media (max-width: 500px) { } /* END Корзина старая */ /*============ фильтры =========*/ .sort , .filter9 { font-size:90%; color:#777; } .filter9 { font-size:100%; margin:0px 0px 0px 0px; } .sort A , .filter9 A { background:#fff; padding:5px 10px 5px 10px; margin:5px 5px 0px 0px; border-radius:2px; border:1px solid #e0e0e0; text-decoration:none; cursor:pointer; display:inline-block; } .filter9 A{ float:left; } /*============ END фильтры =========*/ .forms{ background:#ffffff; height:28px; line-height:28px; border:1px solid #ccc; border-radius:2px ; padding:0px 6px 0px 6px; font-size:100%; } .forms:hover { /*border:1px solid #90d090;*/ } .forms{ height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #86919b; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .forms:focus { color: #495057; background-color: #fff; border-color: #c87a9e; outline: 0; box-shadow: 0 0 0 0.2rem rgba(137, 57, 94, 0.25); } A.btn{text-decoration:none;} .imgright, .imgleft, .aimgleft{ width:300px; border-radius:2px; } .imgright{ float:right; margin:0px 0px 10px 20px; } .imgleft, .aimgleft{ float:left; margin:0px 20px 10px 0px; } .imgdop{ width:50px; height:50px; float:left; margin:0px 2px 2px 0px; /*border:1px solid #ffffff !important;*/ border-radius:5px; } .imgdop:hover{ /*border:1px solid #b67995 !important;*/ /*box-shadow:0px 0px 5px #ff0076 !important;*/ border-radius:25px; } .dimgdop{ width:300px; float:left; } .sdate{ width:300px; display:block; float:left; color:#fff; background:#b67995; border-radius:5px 0px 0px 0px; margin:0px 20px 5px 0px; text-align:center; } .blocknews .aimgleft{ max-height:200px; overflow:hidden; display:block; } @media (max-width: 768px) { .dpage{ padding: calc( 100px + 50px + 10px ) 10px 30px 10px !important; } } @media (min-width: 500px) AND (max-width: 768px) { .imgright,.imgleft{ width:50%; } .aimgleft .imgleft{ width:100%; } } @media (max-width: 500px) { .aimgleft{ max-height:200px; overflow:hidden; width:100%; display:block; } .imgright,.imgleft, .aimgleft .imgleft{ width:100%; float:none; margin:0px 0px 10px 0px; } .sdate{ width:120px; } .dimgdop{ width:100%; } } /*=========== OLD gblock ======================*/ FIELDSET{ border:1px solid #f0f0f0; margin:0px 0px 10px 0px; border-radius:5px; padding:0px 0px 0px 0px ; } FIELDSET FIELDSET{ margin:10px; padding:10px 10px 0px 10px ; } FIELDSET LEGEND { } LEGEND { font-size:100%; } FIELDSET H2 { /*font-family: 'ShellyAllegroC' , Arial;*/ font-family: 'Open Sans Condensed', sans-serif; font-weight:normal; line-height:100%; margin:0px 0px 10px 10px; border-radius:5px; padding:0px 10px 0px 10px; } .podlegend{ box-shadow: 0px 10px 10px #f8f8f8 inset; padding:4px 10px 0px 10px ; margin:-5px 10px 0px 10px; border-radius:5px 5px 0px 0px; font-size:80%; border-top:1px solid #eee; } .podlegend SPAN{ color:#909090; } .dnewbl{ position:absolute; top:0px; left: 0px; } .btn .dnew, .btn .deco, .btn .dsale, .btn .dsale2, .btn .dsale3{ margin: -13px 10px -13px 0px; position:absolute; left:0px; } .dsale, .dsale2 { width:54px; height:34px; position:relative; background:#cc0505 ; text-align:center; padding-top:5px; line-height: 100%; color:#fff; font-size:12px; font-weight:bold; z-index:1; border-radius:20px 0px 20px 0px; } .dsale2{ line-height: 22px; color:#fff; font-size:18px; font-weight:bold; } .dsale DIV, .dsale2 DIV{ margin:16px 0px 0px 0px; } .pricesale{ color:#ff0000 !important; } .dsalespage{ border:1px solid #f0f0f0; background:#f8f8f8; border-radius:4px; padding:10px 10px 5px 10px; text-align:center; } .dnew, .deco{ width:54px; height:54px; line-height:54px; background:#0faf0f ; text-align:center; color:#fff; font-size:12px; font-weight:bold; z-index:1; } .dsale3{ width:54px; height:54px; background:url(/pictures/icoskidki_box.png) no-repeat center center ; background-size:100% 100%; } .dnew{ border-radius:30px 0px 30px 30px; background:#0faf0f ; } .deco{ background:url(/pictures/eco.png) no-repeat center center ; } .icoint{ background:url(/pictures/rooms/icoint.png) 2px 2px no-repeat; padding-left:46px; min-height:38px; } .absolute{ position:absolute; } .nalichie, .nalichiebasket{ font-size:80%; border-radius:5px; background:#f0f0f0; padding:5px 0px 5px 0px; text-align:center; width:114px; } .nalichiebasket{ position:relative; margin:0px auto 0px auto; width:100px; } .row.basket{ padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #909090; } .row.basket.col{ margin-top:10px; } .lblgroupe{ margin:0px -5px 20px -5px; } .lbl , .lblm { background:#ffffff; position: relative; width:100%; max-width:calc(20% - 10px); padding:10px; margin:5px; height: calc(240px + 170px); /* 240px размер картинки */ border:1px solid #f0f0f0; float:left; border-radius:2px; font-size:14px; overflow:hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .centercol .lbl, .centercol .lblm{ max-width:calc(25% - 10px); } @media (max-width: 1400px) { .centercol .lbl, .centercol .lblm{ max-width:calc(25% - 10px); } } @media (max-width: 1200px) { .lbl,.lblm{ max-width:calc(25% - 10px); } .centercol .lbl, .centercol .lblm{ max-width:calc(33.3% - 10px); } } @media (max-width: 992px) { .lbl,.lblm{ max-width:calc(33.33% - 10px); } .centercol .lbl, .centercol .lblm{ max-width:calc(50% - 10px); } } @media (max-width: 768px) { .lbl,.lblm{ max-width:calc(50% - 10px); } } @media (max-width: 640px) { } @media (max-width: 420px) { .lbl,.lblm, .centercol .lbl, .centercol .lblm { max-width:100%; margin:5px 0px 5px 0px; } .centercol{ } } .leftcol{ max-width:280px ; min-width:280px ; } .centercol { max-width:calc(75% + (25% - 280px ) ) !important; } @media (min-width: 768px) { .centercol.col-md-9 { -ms-flex: 0 0 calc(75% + (25% - 280px ) ); flex: 0 0 calc(75% + (25% - 280px ) ); max-width: calc(75% + (25% - 280px ) ); } } @media (max-width: 768px) { .leftcol, .centercol{ max-width: 100% !important; } } .lbl .btn-primary{ font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-size:100%; } .lblm .btn-primary{ font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-size:90%; } .lblimg { height:240px; width:100%; overflow:hidden; } .lbl .imgminidiv{ height:240px; overflow:none; border-radius:2px; cursor: url(/pictures/zoomin.cur), pointer; background-size:100% auto; background-repeat:repeat ; background-position: 0 0 ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .lbl:hover .imgminidiv { background-position: 0px -30px !important ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 500px) { .lbl { height: calc(200px + 170px); } .lblimg { height:200px; } .lbl .imgminidiv{ height:200px; background-size:auto 100%; } .lbl .imgminidiv, .lbl:hover .imgminidiv, .lbl , .lblm { -webkit-transition: none; -moz-transition: none; transition: none; } .lbl:hover .imgminidiv{ background-position: 0px 0px !important ; } } .lbl .lblimg .imgminidiv IMG{ display:none; } .lbl .lblimg .imgminidiv.onlyfoto IMG{ display:block; } .mr0{ margin-right:0px; } .lbl:hover , .lblm:hover { box-shadow:0px 0px 10px #e0e0e0; } .lbl A, .lblm A{ text-decoration:none; } .lblmore, .lblmore1 { /*background: url(/pictures/slupa1.png) 40px 8px no-repeat, url(/pictures/fonsubmith.png) left top repeat-x #0faf0f;*/ /*background: url(/pictures/fonsubmith.png) left top repeat-x #0faf0f; box-shadow: 0px 0px 10px #ffffff inset; */ background: #0faf0f; text-align:center; height:2px; line-height:2px; color:#fff; font-weight:bold; position:absolute; width:calc(100% - 20px); cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0; } .lbl:hover .lblmore{ margin-top:-40px; height:40px; line-height:40px; opacity:1; } .lblmore:hover,.lblmore1:hover{ color:#fff; background:#fbab00; opacity:1 !important; } .lblm{ height:240px; } .lblm .lblmore { margin-top:140px ; } .lblm:hover .lblmore{ margin-top: 100px; height:40px; line-height:40px; opacity:1; } .lblm .lblimg, .lblm .imgminidiv { height:150px; } .lblm .imgminidiv IMG { height:130px; margin-top:10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .lblm:hover .imgminidiv IMG { height:150px; margin-top:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gname{ padding:4px 2px 4px 2px; line-height:120%; text-align:center; font-size:120%; } .gname A{ /*background:url(/pictures/wop75.png);*/ font-weight:bold; border-radius:4px; padding:0px; display:block; } .gname A:hover{ } .lblm .gname{ padding:2px; line-height:100%; } .dopimageslbl{ position:absolute; /*margin:calc(-300px - 30px ) 0px 0px calc(25% - 60px);*/ top:0px; right:0px; width:60px; } .lblm:hover .lblmore, .block{ opacity:1; } .lblmore1{ border-radius:5px; display:block; float:none; position:relative !important; margin:0px auto ; height:40px; line-height:40px; opacity:1; } .lblmore1:hover{ text-decoration:none; } .lbl .dprice, .lblm .dprice { padding:3px 0px 0px 0px; text-align:left; background:#ffffff; } .lblm .dprice{ } .lbl .dsize, .lblm .dsize { text-align:left; line-height:100%; margin:10px 0px 0px 0px; } .lblm .dsize{ } .price, .lbl .price, .lblm .price{ line-height:24px; font-size:24px; } .lbl B, .lbl STRONG, .lblm B, .lblm STRONG{ color:#404040; } .favoritm{ position:absolute; right:10px; bottom:10px; } .favoritm .btn-outline-secondary{ border:1px solid #e0e0e0 !important; font-size:160% !important; line-height:100%; } /* = = = в корзину = = = = */ .lbl .btn .fa{margin:0px 8px 0px 0px; font-size:120%;} /* для фотообоев */ .lblimg .imgminidiv.onlyfoto .imgmini{ max-height:100%; margin:0px auto; } .lblimg .imgminidiv{ text-align:center; } .morerasch{ background: rgba(255, 255, 255, 0.5); text-align:center; /*display:none;*/ /*opacity:0.8;*/ color:#000; font-weight:bold; cursor:pointer; text-decoration:none; margin:-60px -10px 0px -10px; padding:0; height:60px; position:absolute; width:100%; } .morerasch A{ display:block; background:#337777; color:#fff; border-radius:12px; height:26px; line-height:26px; margin:0px auto; width:170px; } .morerasch:hover A{ background:#2badad; } .lbl:hover .morerasch { display:block; opacity:1; } .cursor{ cursor:pointer; } .minizakaz .btn-primary{ width: calc(100% + 10px); font-size:90%; } .lblm .minizakaz{ } /* ==== меню слева справа */ .firstrightslidercol{ margin:37px -20px 20px -20px; } .firstrightslidercol .leftmenu A .fa{ font-size:160%; } .firstrightslidercol .leftmenu { margin-bottom:10px !important; } .firstrightslidercol .leftmenu A { padding-top:10px; padding-bottom:10px; } @media (min-width: 1200px) { .firstrightslidercol { margin-left:0px; } .firstrightslidercol .leftmenu { margin-bottom:10px; } .firstrightslidercol .leftmenu A{ text-align:left !important; } .firstrightslidercol .leftmenu A .fa{ float:left; font-size:140%; } } .leftmenu{ margin:20px 0px 0px -20px; /*width: calc(100% - 0px);*/ } .leftmenu .sel, .likemenu .sel{ background:#fff; color:#ff0076; border-radius:2px; } .leftmenu DIV, .catalogmenu DIV{ padding:0px 0px 0px 20px; margin:0px 0px 0px 0px; } /* .leftmenu DIV{width:180px; } .leftmenu DIV DIV{width:160px; } .leftmenu DIV DIV DIV{width:140px; } .leftmenu DIV DIV DIV DIV{width:120px; } .leftmenu DIV DIV DIV DIV DIV{width:100px; } */ .leftmenu A, .catalogmenu A, .likemenu A{ display:block; font-size:17px; line-height:120%; text-align:left; padding:5px 10px 5px 10px; margin:0px 0px 3px 0px; text-decoration:none; border:1px solid #eee; border-radius:2px; } .leftmenu A:hover, .catalogmenu A:hover, .likemenu A:hover { background:#89395e; color:#fff; border:1px solid #89395e; } .leftel{ color:#777; } .leftel .telfs1{ font-size:20px;line-height:20px;} .leftel .telfs2{ font-size:24px;line-height:28px;color:#89395e;} .fonoboi2 .telfs2 {color:#fff;} .dblock, .dpromo { padding: 5px 10px 10px 10px; border-radius:2px; border:1px solid #e0e0e0; background:#ffffff; /*margin-bottom:10px;*/ } .dblock A:hover { text-decoration:none; } .dblock A:hover SPAN { text-decoration:none; color:#ff0076 !important; } .dpromo{ padding: 0px 10px 0px 10px; min-height:160px; color:#707070; font-size:120%; } .dpromo .fa{ color:#89395e; margin:10px 0px 10px 0px; font-size:200%; } .dopimages IMG{ border:1px solid #fff !important; } .dopimages IMG:hover{ border:1px solid #fbab00 !important; } .dopimg{ max-width:210px; height:170px; margin:0px; padding:0px; border-radius:5px; } .dopimglbl{ width:50px; height:50px; margin:5px 0px 0px 5px; padding:0px; border-radius:2px; border:1px solid #ffffff !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .dopimglbl:hover{ width:60px; height:60px; margin:0px; } .red{color:#cc3333 !important;} .green{color:green !important;} .error{ background:#d00000; border-radius:4px; color:#ffffff; font-weight:bold; padding:4px 10px 4px 10px; text-align:center; position:relative; z-index:10; } .error A{color:#fff;} .sel {position:relative;} .sel .error{ padding:1px 4px 2px 4px; border:1px solid #fff; border-radius:2px; top:-2px; right:-2px; position:absolute; font-size:10px; line-height:100%; } .codepic{ border-radius:4px; border:0px solid red; } .ok{ background:#0acd00; border-radius:4px; color:#ffffff; font-weight:bold; padding:4px 10px 4px 10px; text-align:center; } .w100{width:100%;} .w50{width:50%;} .centertd, .pagescentertd{ width:100%; vertical-align:top; padding:0px 0px 0px 0px; display:table-cell; } /* ==== карточка ======== */ .plmin, .kolz{ } .plmin{ margin:0px 0px 0px 0px; background:#f0f0f0; float:left; text-decoration:none; text-align:center; font-size:22px; width:28px; height:28px; color:#000; line-height:24px; padding:2px; cursor:pointer; border:1px solid #d0d0d0; border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-radius:2px; } .plmin:hover{ background:#f8f8f8; border:1px solid #d0d0d0; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#ff0076; } .podpricep{ padding:0px; color:#909090; line-height:50%; } .price{ color:#c02a6f; font-weight:bold; } .price.fs40{ line-height:30px; font-size:40px; color:#c02a6f; font-weight:bold; } .priceold{ margin:-15px 0px 0px 0px; position:absolute; color:#a0a0a0; font-size:14px; } .gtext{ padding:0px 5px 0px 5px; } .online { background:url(/pictures/credit.gif) 5px 0px no-repeat; padding:4px 2px 4px 44px; } .nal { background:url(/pictures/wallet.gif) 5px 0px no-repeat; padding:4px 2px 4px 44px; } .beznal { background:url(/pictures/beznal.png) 5px 0px no-repeat; padding:4px 2px 4px 44px; } .lock{ background:url(/pictures/lock.gif) 0px 0px no-repeat; padding:5px 0px 5px 34px; margin:0px 0px 10px 0px; opacity:0.5; } .lock:hover{opacity: 1.0;} .orderadr{ /*position:relative; */ margin:0px 0px 0px 0px; } .opahov{opacity:0.5;} .opahov:hover{opacity: 1.0;} .coin { background:url(/pictures/coin.gif) 2px 2px no-repeat; padding:5px 0px 5px 26px; height:20px; line-height:20px; } .tbchar{ width:100%; } .tbchar TD{ padding:5px; vertical-align:middle !important; } .td1char{ border-top:1px dashed #f0f0f0; border-right:1px dashed #f0f0f0; width:32%; font-size:90%; color:#707070; } .td2char{ border-top:1px dashed #f0f0f0; width:68%; font-size:90%; display:flex !important; } .nbrdt TD{border-top:0px !important;} .nbrdr{border-right:0px !important;} .tmore{display:none; padding:10px 0px 0px 0px; margin:0px 0px 10px 0px;} .atmore{ float:right;margin:0px; border:1px dashed #f0f0f0; background:#f8f8f8; color:#333; cursor:pointer; border-radius:4px; padding:4px 20px 4px 20px; font-size:90%; text-decoration:none; } .tmore0:hover .tmore{ display:block !important; } /*=========== END OLD gblock ======================*/ .flex{ display: flex; align-items: center; justify-content:center; } .flexwrap{ flex-wrap: wrap; } /* ======================================*/ /* OLD Расширенный поиск */ .dsearch { width:100% ; min-width:300px; } .drassearchleft{ padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .drassearchleft #drsch_price_cena{ max-width:100%; } .nav-tabs{ border-bottom: 1px solid #a0a0a0; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{ color: #495057; background-color: #fff; border-color: #a0a0a0 #a0a0a0 #fff; } .drassearchleft_name{ color:#89395e; font-size:100%; margin: 0px 0px 0px 10px; padding:10px 0px 10px 0px; text-align:center; } .dsearch FIELDSET, .drassearchleft FIELDSET { padding:10px; } .dsearch FIELDSET LEGEND, .drassearchleft FIELDSET LEGEND{ margin:0px; } .dsearch FIELDSET LEGEND:hover, .drassearchleft FIELDSET LEGEND:hover{ color:#ff0076; } .drassearchleft #pricemin, .drassearchleft #pricemax, .dsearch #pricemin, .dsearch #pricemax{ height:30px; } .dsearch #pricemin, .dsearch #pricemax{ } .hideopenblock{ border:1px solid #f0f0f0; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; box-shadow: none ; } .dsercolor{ margin:0px 1px 0px 1px; cursor:pointer; width:55px; height:50px; overflow:hidden; font-size:70%; text-align:center; } .drassearchleft .dsercolor { width:47px; height:50px; } .dseroption{ font-size:80%; margin:2px 2px 2px 2px; cursor:pointer; min-width:120px; height:26px; line-height:12px; text-align:left; float:left; } #drsch_size .dseroption{ min-width:80px; } .dsergtype .dseroption { /* float:none;*/ } .drassearchleft .dsergtype .dseroption { /*margin:10px 2px 10px 2px;*/ } .dseroption .box{ background:#f0f0f0; border:1px solid #aaa; border-radius:2px; width:24px; height:24px; margin:-2px 4px 4px 4px; } .dsercolor .box, .dsercolor .boxm{ background:#f0f0f0; border:1px solid #aaa; border-radius:2px; width:24px; height:24px; margin:4px auto 0px auto; } .dsercolor .boxm{ background:url(/pictures/mcolor.png) left top no-repeat; background-image: linear-gradient(to right, #ff0000 0%, #00ff00 50%, #0000ff 100%); background-image: -webkit-linear-gradient(left, #ff0000 0%, #00ff00 50%, #0000ff 100%); } .dsercolor:hover .box, .dsercolor:hover .boxm, .dseroption:hover .box{ border:1px solid #b67995; box-shadow:0px 0px 5px rgba(137,57,94,0.5); /*#ff0076*/ } .galka{ width:26px; height:26px; /*background:url(/pictures/v.png) center center;*/ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgba(100,100,100, 1)' stroke='rgba(255,255,255, 1)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M31.923,9.14L13.417,27.642c-0.496,0.494-1.299,0.494-1.793,0L0.37,16.316 c-0.494-0.496-0.494-1.302,0-1.795l2.689-2.687c0.496-0.495,1.299-0.495,1.793,0l7.678,7.729L27.438,4.654 c0.494-0.494,1.297-0.494,1.795,0l2.689,2.691C32.421,7.84,32.421,8.646,31.923,9.14z'/%3e%3c/svg%3e"); margin:-2px 0px 0px 0px; } .dseroption .box .galka{ width:26px; height:26px; /*background:url(/pictures/v.png) center center;*/ position:absolute; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 33 33' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgba(100,100,100, 1)' stroke='rgba(255,255,255, 1)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M31.923,9.14L13.417,27.642c-0.496,0.494-1.299,0.494-1.793,0L0.37,16.316 c-0.494-0.496-0.494-1.302,0-1.795l2.689-2.687c0.496-0.495,1.299-0.495,1.793,0l7.678,7.729L27.438,4.654 c0.494-0.494,1.297-0.494,1.795,0l2.689,2.691C32.421,7.84,32.421,8.646,31.923,9.14z'/%3e%3c/svg%3e"); margin:-2px 0px 0px 0px; } .dstrelka{ padding:0px 0px 0px 10px; font-size:80%; color:#999; } .nomob{ display:inline; /*line-height:0px;*/ } BR.nomob{ line-height:0px; } #counters{ position:relative; margin: 0px 0px 0px 0px; } /* END OLD Расширенный поиск */ /* ======================================*/ .dblock-category{ /* padding:30px 0px 30px 0px; background:#f0f8ff; color:#555; */ /*background: url(../pictures/blueblock_fon.jpg) top left repeat-x #f0f8ff; background-size:auto 150px; */ /* background-image: linear-gradient(to bottom, #fff 0%, #f0f8ff 50px); background-image: -webkit-linear-gradient(top, #fff 0%, #f0f8ff 50px); */ border-radius:4px; } .dblock-category A{ text-decoration:none; color:#000; } .dblock-category .dblock { } .dblock-category .dblock .dblock-name{ top:130px ; width:100%; color:#000; position:relative; } .dblock-category .dblock:hover .dblock-name{ top:123px ; } .dblock-category.dblock-category-brand .dblock { background-repeat:no-repeat; background-size:auto 110px; background-position:center center; } .dblock-category.dblock-category-brand .dblock:hover { background-size:auto 120px; background-position:center center; } .dblock-category.dblock-category-brand .dblock .dblock-name{ bottom:0px; position:relative; } .dblock-category .dblock{ background:#ffffff; height:200px; position:relative; min-width:20%; margin-top:20px; padding:0px 0px 0px 0px; border-radius:4px; -webkit-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; -moz-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; -o-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; transition: cubic-bezier(0.25,0.1,0.25,1) 0.2s; background-size:auto 100%; } .dblock-category .dblock-name{ /*background:rgba(255,255,255,0.5);*/ background-image: linear-gradient(to left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0.3) 100%); background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0.3) 100%); padding:10px; width:100%; font-size:160%; line-height:100%; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; -webkit-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; -moz-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; -o-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; transition: cubic-bezier(0.25,0.1,0.25,1) 0.2s; } .dblock-category .dblock:hover { box-shadow:0px 0px 10px #e0e0e0; background-size:auto 110%; background-position:-10px -10px; } .dblock-category .dblock:hover .dblock-name{ /*background:rgba(255,255,255,0.9);*/ background-image: linear-gradient(to left, rgba(255,255,255,0.5) 0%, #fff 30%, #fff 70%, rgba(255,255,255,0.5) 100%); background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.5) 0%, #fff 30%, #fff 70%, rgba(255,255,255,0.5) 100%); font-size:200%; color:#555; } .dblock-category.dblock-category-brand .dblock:hover .dblock-name { font-size:160%; } /* Темный вариант */ /*======== Фотообои первая страница =========*/ .dblock.category_gorod{ background-image:url(/images/fotooboi/category/goroda3.jpg); } .dblock.category_priroda{ background-image:url(/images/fotooboi/category/priroda2.jpg); } .dblock.category_more{ background-image:url(/images/fotooboi/category/more2.jpg); } @media (min-width: 768px) AND (max-width: 992px) { .dblock.category_gorod{ background-image:url(/images/fotooboi/category/goroda2.jpg); } .dblock.category_priroda{ background-image:url(/images/fotooboi/category/priroda.jpg); } .dblock.category_more{ background-image:url(/images/fotooboi/category/more.jpg); } } .fonoboi2 .dblock { background-color:#333; } .fonoboi2 .dblock-category .dblock{ min-height:170px; } .fonoboi2 .dblock-category A{ text-decoration:none; color:#fff; } .fonoboi2 .dblock-category .dblock .dblock-name{ bottom:0px; position:relative; width:100%; color:#fff; } .fonoboi2 .dblock-category .dblock:hover .dblock-name{ bottom:0px; position:relative; } .fonoboi2 .dblock-category .dblock{ background-color:#333; min-height:170px; min-width:20%; margin-top:20px; padding:0px 0px 0px 0px; border-radius:4px; -webkit-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; -moz-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; -o-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; transition: cubic-bezier(0.25,0.1,0.25,1) 0.2s; background-size:auto 100%; } .fonoboi2 .dblock-category .dblock-name{ /*background:rgba(255,255,255,0.5);*/ background-image: linear-gradient(to left, rgba(50,50,50,0.5) 0%, rgba(50,50,50,0.7) 30%, rgba(50,50,50,0.7) 70%, rgba(50,50,50,0.5) 100%); background-image: -webkit-linear-gradient(right, rgba(50,50,50,0.5) 0%, rgba(50,50,50,0.7) 30%, rgba(50,50,50,0.7) 70%, rgba(50,50,50,0.5) 100%); padding:5px; width:100%; font-size:150%; line-height:120%; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; -webkit-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; -moz-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; -o-transition-property: cubic-bezier(0.25,0.1,0.25,1) 0.2s; transition: cubic-bezier(0.25,0.1,0.25,1) 0.2s; } .fonoboi2 .dblock-category .dblock:hover { box-shadow:0px 0px 10px #777; background-size:auto 110%; background-position:-10px -10px; } .fonoboi2 .dblock-category .dblock:hover .dblock-name{ /*background:rgba(255,255,255,0.9);*/ background-image: linear-gradient(to left, rgba(50,50,50,0.7) 0%, rgba(50,50,50,0.9) 30%, rgba(50,50,50,0.9) 70%, rgba(50,50,50,0.7) 100%); background-image: -webkit-linear-gradient(right, rgba(50,50,50,0.7) 0%, rgba(50,50,50,0.9) 30%, rgba(50,50,50,0.9) 70%, rgba(50,50,50,0.7) 100%); font-size:188%; color:#fff; } /* END Темный вариант */ .dsign{ float:right; margin:0px 0px 10px 10px; } .sign{ float:right; height:24px; min-width:24px; margin:0px 0px 4px 4px; cursor:pointer; } .desmenuup { min-height:42px; width:100%; display:table; border-radius:10px; } .desmenuup DIV{ color:#fff; text-decoration:none; margin:0px 1px 0px 1px; padding:0px 0px 0px 0px; width:14%; height:42px; line-height:100%; font-size:16px; text-align:center; background:#dc87ae; background-image: linear-gradient(to bottom, #e18db4 0%, #8a3b5f 100%); background-image: -webkit-linear-gradient(top, #e18db4 0%, #8a3b5f 100%); border-right:1px solid #8a3b5f; border-left:1px solid #e18db4; border-top:1px solid #e18db4; border-bottom:1px solid #8a3b5f; display:table-cell; vertical-align:middle; cursor:pointer; } .desmenuup DIV:hover, .desmenuup .sel { background:#ffffff; /*background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); */ color:#652442; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-bottom:1px solid #fff; } .ddespole{ border:1px solid #e0e0e0; border-top:0px; margin:0px 0px 10px 0px; border-radius:0px 0px 10px 10px; box-shadow:0px -10px 20px #e0e0e0 inset; padding:10px ; line-height:110%; font-size:120%; } .ddeshead{ background:#ffbfdc; padding:10px; text-align:center; font-size:120%; border-radius:2px; margin:10px 0px 10px 0px; } /*=================================*/ @media (max-width: 992px) { } .mob,.mobi{display:none;} .nomob{display:block;} .nomobi{display:inline;} @media (max-width: 768px) { .nomob,.nomobi{display:none !important; } .mob{display:block;} .mobi, SPAN.mob{display:inline;} .container-fluid{ margin:0px; } } @media (max-width: 640px) { } @media (max-width: 400px) { } @media (max-width: 420px) { } /*== Элитка ==*/ .divelitka{ margin:0px 0px 20px 0px; background:#7d5699; color:#fff; padding:2px; border-radius:4px; } .divelitka A{ color:#fff; } .divelitka FIELDSET{ border:1px solid #7d5699; box-shadow:none; } .ptext{ margin:10px; } .divelitka { padding:10px } .divelitka A.h1 { padding:10px ; margin:-10px -10px 0px -10px !important; font-weight:bold; font-family: 'Roboto', Arial, sans-serif; border-bottom:1px solid #fff; display:block; border-radius:4px 4px 0px 0px; } .divelitka A.h1:hover { background:#a483bc; color:#fff; text-decoration:none; } .ecol1{ width:calc(20% - 10px); margin:0px 5px 0px 5px; float:left; } .ecol3{ width:calc(80% - 10px); margin:0px 5px 0px 5px; float:left; } .deblock{ width:25%; float:left; padding:10px; } .deblocktext{ width:75%; float:left; padding:20px; } .dpage1elit .deblock{ width:calc(50%); padding:20px; } .dpage1elit .deblock:hover{ background:rgba(255,255,255,0.1); } .deblock.active{ background:#a483bc; } .debrand, .decollections{ text-align:center; border-radius:4px; } .debrand A, .decollections A{ text-decoration:none; } .debrand A:hover{ } .decollections{ width:calc(25% - 20px); float:left; margin:10px; } .decollections.active , .decollections:hover{ background:#fff; } .content_brand{ background:#a483bc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display:none; padding:0px !important; color:#fff; } .content_brand .h2{ color:#fff; padding:10px 0px 0px 0px; } .content_brand .debrand { } .content_brand.active { display:block; width:100%; } .content_brand.active .debrand{ position:relative; } .debrandlogo{ min-height:160px; display:block; border:0px; border-radius:0px 0px 4px 4px ; background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size: auto 100%; /*background-size: contain ;*/ } .dpage1elit .debrandlogo{ min-height:100px; border-radius:4px 4px 4px 4px ; background-size: auto 150px; } .decollections .debrandlogo{ min-height:160px; background-size: 100% auto ; } .debrand SPAN{ background:rgba(255,255,255,0.3); color:#000; font-size:20px; display:block; padding:2px; text-decoration:none; font-weight:bold; border-radius:4px 4px 0px 0px; width:100%; } .debrand A:hover SPAN{ background:rgba(255,255,255,0.5); color:#000; } .decollections SPAN { background:rgba(255,255,255,0.3); color:#000; font-size:20px; display:block; padding:2px; text-decoration:none; border-radius:4px 4px 0px 0px; width:100%; } .decollections.active SPAN{ background:#fff; color:#7d5699; } .modal-dialog { margin: 2px auto; } .modal-content{ min-height:400px; } .modal-body{ padding:0px; } .modal-title{ text-align:center; margin-right:-22px; width:100%; } .modal .close{ z-index:20; background:#fff; border-radius:2px; width:40px; height:40px; line-height:40px; padding:0px; margin:0px -15px 0px 0px; font-size:30px; border:1px solid #333; } /* Интерьеры */ .roommini, .rmoboi{ background:#ffffff; min-height:120px; width:50%; z-index:20; position:fixed; padding:10px; margin:0px; left:0px; bottom:0px; text-align:left; } .rmoboi{ left:50%; } .roommini A , .rmoboi A{ width:100px; height:50px; float:left; margin:5px 5px 5px 5px ; border:1px solid #e0e0e0; border-radius:4px; cursor:pointer; overflow:hidden; } .rmoboi IMG{ width:100px; } .roommini .sel, .rmoboi .sel{ /*border:1px solid #b67995; box-shadow:2px 2px 2px #ccc inset, 0px 0px 5px #ff0076; */ border:1px solid #c87a9e; outline: 0; box-shadow: 0 0 0 0.2rem rgba(137, 57, 94, 0.25); } #dramkaroom{ width:1200px; height:600px; overflow:hidden; position:absolute; z-index:11; margin: -40px 0px -40px 0px; } #dfonroom{ margin: -40px 0px -40px 0px; position:absolute; z-index:12; } /* Обои */ .rmoboi{ } .rmoboi .headtext, .roommini .headtext, .center .roommini .headtext{ font-size:13px; text-align:left !important; height:20px !important; overflow:hidden; display:block; } .rmoboisc, .roomminisc{ height:120px; overflow-x:hidden; background:#fff; } #minizakazvr{ position:fixed; z-index:100; right:40px; bottom:150px; border:2px solid #ffffff; border-radius:6px 6px 0px 6px; background:#ffffff; } #closevirt{ position:fixed; z-index:100; left:10px; bottom:150px; border:2px solid #ffffff; } .dwall{ float:left; position:absolute; z-index:10; height:100%; } /* END Интерьеры */ /*========================*/ @media (max-width: 992px) { .ecol1, .ecol3{ width:100%; margin:0px ; } } @media (max-width: 1200px) { .deblock, .deblocktext{ width:calc(50%); } .decollections{ width:calc(50% - 40px); } } @media (max-width: 500px) { .deblock, .deblocktext{ width:100% } .decollections{ width:calc(100% - 40px); } } @media print{ .noprint, .menuup, .path, .head, .icopaym{ display:none; } .body{ padding:0px; box-shadow:none; } .dpage{ margin:0px 0px 0px 0px; } }
  • Скидка при покупке от:
    • 5000 руб - 3%,
    • 15 000 руб - 5%,
    • 25000 руб - 7%
  • Акция по кодовому слову

    Совершая покупку в нашем магазине, Вы получаете скидку 5% на весь товар.

    Скидка не распространяется на товары из распродажи и не суммируется с другими скидками.

    При оформлении заказа по телефону или покупке в самом магазине, Вам достаточно сказать кодово слово оператору по телефону, продавцу в зале и/или кассиру на кассе.


    Запишите или запомните Кодовое слово:

    ВЕСНА5
    Чтобы получить скидку на товары: 5%
    при заказе по телефону или в магазине у продавца.


    Нажмите кнопку ↑ для сохранения кодового слова в Корзине


Скидки на обои для стен
в Выставочном зале «Дом Обоев»
в Санкт-Петербурге

  • Скидка при покупке от:
    • 5000 руб - 3%,
    • 15 000 руб - 5%,
    • 25000 руб - 7%

Примечания

Скидки и акции не действуют на печать фотообоев под заказ.

Заказ обоев по тел.
+7 901 764 73 28
Время работы магазина
Ежедневно: с 10:00 до 20:00
Поделиться ссылкой: