/* TODO: вытащить элементы форм */ /* FONTS */ @font-face { font-family: "Poiret One"; src: url("//img.audiomania.ru/css/fonts/PoiretOneNormal.eot"); src: url("//img.audiomania.ru/css/fonts/PoiretOneNormal.eot?#iefix") format("embedded-opentype"), url("//img.audiomania.ru/css/fonts/PoiretOneNormal.woff") format("woff"), url("//img.audiomania.ru/css/fonts/PoiretOneNormal.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* LAYOUT */ div.layout { min-width: 960px; max-width: 1280px; margin: 0 auto; padding: 0 10px; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* CONTENT */ #content {} #content #col-right-2-center .static-page { margin-top:20px; } .static-page h1 { margin-bottom:20px; } .static-page p {} .static-page img { margin:3px 12px; } .static-page ul { list-style:disc; margin:1em 2em; } .static-page ul.goods-list { list-style:none; } .static-page ul li {} .static-page ol { list-style:decimal; margin:1em 2em; } .static-page ol li {} .static-page li a, .static-page p a, .static-page a u { text-decoration:none; } .static-page li a, .static-page p a { color:#175fb9; border-bottom:1px solid #175fb9; } .static-page li a:hover, .static-page p a:hover { border-bottom-color: transparent; } .static-page table td { vertical-align:top; } .static-page table td p { margin:0 0 1em; } .static-page i, .static-page em { font-style:italic; } sup { vertical-align:super; font-size:12px; line-height:11px; } /* 3 COLUMNS LAYOUT */ #content #col-3-left { float: left; width: 300px; } #content #col-3-center { margin: 0 320px; } #content #col-3-right { float: right; width: 300px; } /* 2 COLUMNS LEFT LAYOUT */ #content #col-left-2-left { float: left; width: 300px; } #content #col-left-2-center { margin: 0 0 0 320px; } /* 2 COLUMNS RIGHT LAYOUT */ #content #col-right-2-center { margin: 0 320px 0 0; } #content #col-right-2-right { float: right; width: 300px; } /* 2 COLUMNS RIGHT LAYOUT мелкая колонка после контента */ #content #col-right-2-center.before { margin: 0 20px 0 0; float: left; width: 940px; } #content #col-right-2-right.after { float: left; width: 300px; } /* 2 COLUMNS CENTER 620 */ #content #col-middle-2 { width:620px; margin:0 auto; padding-top:40px; } /* 2 COLUMNS CENTER 620 */ #content #col-full-size { width:100%; margin:0 auto; } #content #col-right-2-right.news-list .hifiworld .h1-block-header { padding:34px 0 10px; } #content #col-right-2-right .vinyl-by-genres .h1-block-header { padding:20px 0 10px; } @media screen and ( min-width: 1260px ) and ( max-width: 1280px ) { div.layout { width:1250px; padding:0 5px; } #content #col-3-center { margin:0 310px; } #content #col-left-2-center { margin: 0 0 0 310px; } #content #col-right-2-center { margin: 0 310px 0 0; } #slider { padding:30px 0 20px; margin:0; } .newest-goods { margin:0 -15px; } .newest-goods .block-accessories .item, .newest-goods .block-accessories .item-v2 { margin-right:5px; } } .newest-goods .block-accessories .item, .newest-goods .block-accessories .item-v2 { min-height:310px; } /* * Блок с товаром * включает в себя картиночки слева сверху, рейтинг, описание, * картинку товара, метки, цену * + кнопки купить и записаться на прослушивание */ .block-goods-list { padding:10px 10px 20px; position:relative; margin:0 -10px; /*overflow:hidden;*/ } .block-goods-list h1 { padding-bottom:16px; } .block-goods-list .goods-list { position:relative; } .block-goods-list .goods-item { border:1px solid #e6f3ff; position:relative; vertical-align:top; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .block-goods-list .goods-item:hover { border-color: #a8c7e7; box-shadow: 0 0 3px #a8c7e7; background-image: -moz-linear-gradient(#ffffff 75%, #fafafa); background-image: -o-linear-gradient(#ffffff 75%, #fafafa); background-image: -webkit-linear-gradient(#ffffff 75%, #fafafa); background-image: linear-gradient(#ffffff 75%, #fafafa); } .block-goods-list .right-side { float:right; } .block-goods-list .left-side { float:left; } .block-goods-list .goods-description { color:#000; font-size:12px; line-height:17px; float:right; margin:8px 0 9px 20px; width:280px; padding-left:19px; border-left:1px solid #e6f3ff; height:168px; } .block-goods-list .goods-description.longtext { max-height:168px; overflow:auto; padding-right:3px; } .block-goods-list .goods-description span { color:#5c5c5c; } .mp3-listen-container { display:block; clear:both; margin-top:5px; } .mp3-listen { margin:6px 0px 0px 0px; float:left; width:270px; } .mp3-listen span { color:#5c5c5c; font-size:9pt; } .mp3-listen audio { border:0; width:250px; height:26px; margin:2px 0px 0px; } .block-goods-list .image { display:block; text-align:center; width: 100%; height: 160px; position:relative; z-index: 0; } .block-goods-list .image img { vertical-align:middle; } .block-goods-list .image.square-block-image img { margin-top:36px; width:120px; height:120px; } .block-goods-list .additional-info { position:absolute; right:0; top:20px; width:100%; text-align:right; z-index:1; } .block-goods-list .additional-info .right-side { margin-right:20px; } .block-goods-list .additional-info .left-side span { float:left; margin-left:5px; } .block-goods-list .have-video { width: 15px; height: 11px; border: 1px solid #bbb; background-color:#fff; } .block-goods-list .have-video:after { left:45%; top:15%; } .block-goods-list .have-review { float:left; width:12px; height:13px; background:url('//img.audiomania.ru/img/review.png') center center no-repeat; } .block-goods-list .have-discussion { line-height: 10px; padding: 0 2px; text-align: center; height: 11px; font-size: 10px; color: #b3b3b3; border: 1px solid #bbbbbb; background-color: #fff; z-index: 1; min-width: 12px; } .block-goods-list .have-discussion:before { border-color: rgba(187, 187, 187, 0) rgba(187, 187, 187, 0) rgba(187, 187, 187, 0) #bbb; border-width: 0 5px 5px; top: 100%; left: 2px; } .block-goods-list .have-discussion:after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff; border-width: 0 3px 3px; left: 3px; top: 100%; } .block-goods-list .rating { vertical-align:top; } .block-goods-list .goods-item-name { font-size: 14px; line-height:20px; position:relative; z-index:2; margin-top:10px; } .block-goods-list .goods-item-name p { color: #5c5c5c; margin:0; max-width:444px; } .block-goods-list .goods-item-name a { font-size:16px; font-weight:bold; line-height:inherit; max-height:41px; display:inline-block; overflow:hidden; } .block-goods-list .goods-item-options { color:#bbb; } .block-goods-list .goods-item-options .block-goods-options {} .block-goods-list .goods-item-options .block-goods-options.main { float:left; color:#5c5c5c; } .block-goods-list .goods-item-options .block-goods-options.additional { float:right; text-align:right; margin-right:12px; } .block-goods-list .goods-item-info {} .block-goods-list .info-price, .block-goods-list .infopricev2 { position:absolute; z-index:2; bottom:20px; left:20px; color: #175fb9; color:#000; font-size:12px; line-height:18px; } .block-goods-list .buttons { position:absolute; z-index:2; bottom:20px; right:18px; } .block-goods-list .buttons a { float:right; margin-left:6px; } .block-goods-list .info-price .price, .block-goods-list .infopricev2 .price, .block-goods-list .info-price .price-v2, .block-goods-list .infopricev2 .price-v2, .block-goods-list .info-price .price-v3, .block-goods-list .infopricev2 .price-v3 { font-size:18px; font-weight:bold; color:#000; } .block-goods-list .info-price .price-prefix, .block-goods-list .infopricev2 .price-prefix { color:#000; } .block-goods-list .info-price .price-suffix, .block-goods-list .infopricev2 .price-suffix { color:#000; } .block-goods-list .info-price .type, .block-goods-list .infopricev2 .type { color:#000; } .block-goods-list .info-price .price-sale, .block-goods-list .info-price .price-front, .block-goods-list .infopricev2 .price-sale, .block-goods-list .infopricev2 .price-front { display:block; } .block-goods-list #all-reviews { position: absolute; right: 31px; margin-top: 9px; font-size: 12px; line-height: 18px; } .block-goods-list #all-reviews:after { left: 100%; margin-left: 3px; top: 36%; } /* block & list styles */ .block-goods-list .goods-list.block-style { margin:0 -10px; } .block-goods-list .block-style .goods-item { width:300px; height:330px; float:left; margin:0 10px 20px; padding:20px; } .block-goods-list .block-style .goods-item.banner { padding:0px; overflow:hidden; } .block-goods-list .block-style .goods-item.banner a { margin:-1px; display:block; border-radius:4px; } .block-goods-list .block-style .goods-item.banner img { width:300px; } .block-goods-list .block-style .goods-item-name { margin-bottom:50px; } .block-goods-list .block-style .additional-info .left-side { margin-left:15px; } .block-goods-list .block-style .info-price .type, .block-goods-list .block-style .infopricev2 .type { display:none; } .block-goods-list .goods-list.list-style { margin:0; } .block-goods-list .list-style .goods-item { width:100%; height:200px; margin:0 0 20px; padding:10px 20px; } .block-goods-list .list-style .goods-item:last-child { } .block-goods-list .list-style .goods-main-info { width:580px; position:relative; min-height:100%; } .block-goods-list .list-style .image { float:left; width:120px; padding-right:20px; line-height:160px; overflow:hidden; } .block-goods-list .list-style .image img { position:absolute; left:0; top:50%; -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%); } .block-goods-list .list-style .additional-info { right:0; top:0; } .block-goods-list .list-style .additional-info .left-side { float:none; display:inline-block; } .block-goods-list .list-style .additional-info .right-side { float:none; margin-right:0; } .block-goods-list .list-style .goods-item-name { line-height:18px; min-height:42px; } .block-goods-list .list-style .goods-item-name a { display:block; max-width:444px; margin-bottom:10px; overflow:visible; max-height:none; } .block-goods-list .list-style .buttons { right:0; } .block-goods-list .list-style .info-price, .block-goods-list .list-style .infopricev2 { left:140px; } .block-goods-list .goods-list.list-style.discount {} .block-goods-list .list-style.discount .goods-item { height:auto; } .block-goods-list .list-style.discount .goods-main-info { width:100%; min-height:80px; } .block-goods-list .list-style.discount .goods-item-name { float:left; margin-top:0; max-width:60%; } .block-goods-list .list-style.discount .goods-item-name p.title { color:#b91717; } .block-goods-list .list-style.discount .goods-item-name p.descr { font-size:12px; padding:12px 130px 0 0; } .block-goods-list .list-style .goods-item-name p.descr a, .block-goods-list .list-style.discount .goods-item-name p.descr a { display:inline; margin:0; max-width:none; font-size:11px; color:#175fb9; } .block-goods-list .list-style.discount .goods-item-name span { color:#175fb9; } .block-goods-list .list-style.discount .goods-item-name a { max-width:1000px; display:inline; } .block-goods-list .list-style.discount .image { width:auto; height:auto; padding-right:0; line-height:normal; } .block-goods-list .list-style.discount .image a { display:block; float:left; } .block-goods-list .list-style.discount .image img { width:80px; height:80px; margin-right:25px; position:relative; left:0; top:0; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); } .block-goods-list .list-style.discount .buttons { bottom:3px; } .block-goods-list .list-style.discount .buttons a { margin:0; } .block-goods-list .list-style.discount .info-price, .block-goods-list .list-style.discount .infopricev2 { left:auto; right:130px; bottom:0; } .block-goods-list .list-style.discount li { margin-bottom:5px; } .block-goods-list .list-style.discount li:first-child { font-size:13px; font-style:italic; color:#b91717; } .block-goods-list .list-style.discount-common li:first-child { font-style:normal; } .block-goods-list .goods-list.list-style.alternate {} .block-goods-list .list-style.alternate .goods-item { height:auto; } .block-goods-list .list-style.alternate .goods-main-info { width:100%; min-height:80px; } .block-goods-list .list-style.alternate .goods-item-name { float:left; margin-top:0; max-width:60%; } .block-goods-list .list-style.alternate .goods-item-name p.title { color:#333333; } .block-goods-list .list-style.alternate .goods-item-name p.descr { font-size:11px; padding-top:2px; max-width:600px; } .block-goods-list .list-style.alternate .goods-item-name span { color:#175fb9; } .block-goods-list .list-style.alternate .image { width:auto; height:auto; padding-right:0; line-height:normal; } .block-goods-list .list-style.alternate .image a { display:block; float:left; } .block-goods-list .list-style.alternate .image img { height:80px; width:80px; margin-right:25px; position:relative; left:0; top:0; -moz-transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); } .block-goods-list .list-style.alternate .buttons { bottom:3px; } .block-goods-list .list-style.alternate .buttons a { margin:0; } .block-goods-list .list-style.alternate .info-price, .block-goods-list .list-style.alternate .infopricev2 { left:auto; right:130px; bottom:0; } .block-goods-list .list-style.alternate li { margin-bottom:5px; } .block-goods-list .list-style.alternate li:first-child { font-size:13px; color:#333333; } /* popover */ .popover { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .4); border-radius: 4px; box-sizing: border-box; padding: 5px 10px; display: none; position: absolute; color: #000; z-index: 100; } .popover:after { border: 10px solid; content: ""; height: 0; width: 0; position: absolute; } /* popover TOP */ .popover-top { margin-top: -12px; } .popover-top:after { border-color: #fff rgba(23, 95, 185, 0) rgba(23, 95, 185, 0) rgba(23, 95, 185, 0); top: 100%; left: 50%; margin-left:-10px; } /* popover BOTTOM */ .popover-bottom { margin-top: 12px; } .popover-bottom:after { border-color: rgba(23, 95, 185, 0) rgba(23, 95, 185, 0) #fff rgba(23, 95, 185, 0); bottom: 100%; left: 50%; margin-left:-10px; } /* popover left */ .popover-left { margin-left: -12px; } .popover-left:after { border-color: rgba(23, 95, 185, 0) rgba(23, 95, 185, 0) rgba(23, 95, 185, 0) #fff; left: 100%; top: 50%; margin-top:-10px; } /* popover right */ .popover-right { margin-right: -12px; } .popover-right:after { border-color: rgba(23, 95, 185, 0) #fff rgba(23, 95, 185, 0) rgba(23, 95, 185, 0); right: 100%; top: 50%; margin-top:-10px; } .popover p { margin:0; } /* default absCenterPopUp */ .default-popup-wrapper { position:fixed; z-index:1001; bottom:0; right:0; top:0; left:0; width:auto; height:auto; background-color:rgba(255,255,255,.8); overflow:auto; overflow-y:scroll; } .default-popup { min-width:440px; width:auto; border-radius:4px; border:1px solid #a8c7e7; box-shadow:0 0 3px #a8c7e7; background-color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .default-popup-content { padding:38px; } .default-popup-absCenter { position:absolute; z-index:111; } .default-popup-close { position:absolute; z-index:112; width:12px; height:11px; top:10px; right:10px; background:url('//img.audiomania.ru/img/close-popup.png') center center no-repeat; cursor:pointer; } /* форма добавления товара в корзину */ .add-to-basket { width:770px; } .add-to-basket .default-popup-content { padding:0; } .add-to-basket .top-block { border-radius:4px; } .add-to-basket .bottom-block { border-radius:0 0 4px 4px; } .add-to-basket .top-block, .add-to-basket .bottom-block { padding:0 38px 38px; background-image:-moz-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-o-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-webkit-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:linear-gradient(bottom, #f9f9f9 0%, #fff 25%); } .add-to-basket .top-block .block-header { font:normal 30px/30px 'Poiret One'; color:#5c5c5c; padding-top:16px; } .add-to-basket .top-block .goods-item { margin:10px 0 20px; } .add-to-basket .top-block .img { float:left; width:200px; margin-right:25px; } .add-to-basket .top-block .img img { width:100%; } .add-to-basket .top-block .main { float:left; width:280px; color:#aaa; font-size:14px; margin-top:5px; } .add-to-basket .top-block .main span { color:#000; } .add-to-basket .top-block .main .name { font-size:15px; line-height:20px; font-weight:bold; color:#000; margin-bottom:10px; } .add-to-basket .top-block .main .name span { color:#777777; font-size:14px; font-weight:normal; padding-bottom:3px; } .add-to-basket .top-block .main .option { margin-bottom:10px; } .add-to-basket .top-block .main .price { margin-bottom:10px; } .add-to-basket .top-block .main .price span { position:relative; } .add-to-basket .top-block .main .price span:after { content:' руб.' } .add-to-basket .top-block .main .paylate, .add-to-basket .top-block .main .pochtabank { padding:0px 0px 5px 68px; margin-top:16px; line-height:1; font-size:12px; color:#777777; } .add-to-basket .top-block .additional { float:right; width:160px; } .add-to-basket .top-block .additional .option { font-size:12px; margin:10px 0 0; color:#aaa; padding:3px 5px 3px 27px; background:url('//img.audiomania.ru/img/block-goods-options-additional-item-bg.png') 5px 7px no-repeat; border-radius:4px; border:2px dotted #aaa; white-space:nowrap; } .add-to-basket .item-quant { position:relative; display:inline-block; } .add-to-basket .item-quant input { padding:0 20px; width:30px; height:22px; border-radius:4px; text-align:center; color:#000; font-size:14px; } .add-to-basket .item-quant .down, .add-to-basket .item-quant .up { position:absolute; height:22px; width:19px; top:1px; cursor:pointer; color:#175fb9; background-color:#e5f3ff; box-shadow: inset 0 1px 0 #fff; background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%); } .add-to-basket .item-quant .down { left:1px; border-radius:4px 0 0 4px; border-right:1px solid #a7c7e7; } .add-to-basket .item-quant .up { right:1px; border-radius:0 4px 4px 0; border-left:1px solid #a7c7e7; } .add-to-basket .item-quant .down span, .add-to-basket .item-quant .up span { background:url('//img.audiomania.ru/img/down-up-sprite.png?1') no-repeat; display:block; height:22px; } .add-to-basket .item-quant .down span { background-position:center -22px; } .add-to-basket .item-quant .up span { background-position:center 0; } .add-to-basket .top-block .buttons { border-top:1px solid #a8c7e7; padding-top:20px; } .add-to-basket .top-block .buttons .left-side { float:left; } .add-to-basket .top-block .buttons .right-side { float:right; } .add-to-basket .top-block .buttons a { line-height:38px; } .add-to-basket .top-block .buttons p { font-size:14px; color:#aaa; line-height:20px; margin:0 20px 0 0; float:right; } .add-to-basket .top-block .button { color:#175fb9; float:right; width:160px; margin:0; text-align:center; } .add-to-basket .bottom-block { border-top:1px solid #a8c7e7; } .add-to-basket .bottom-block .block-header { font:normal 30px/30px 'Poiret One'; color:#5c5c5c; border-bottom:none; } .add-to-basket .bottom-block .items-list { margin:0 -10px; } /* форма отправки заявки на прослушивание товара */ .listen-pid { width:770px; } .listen-pid .default-popup-content { padding:0; } .listen-pid .top-block { border-radius:4px; } .listen-pid .bottom-block { border-radius:0 0 4px 4px; } .listen-pid .top-block { padding:0 38px 8px; background-image:-moz-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-o-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-webkit-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:linear-gradient(bottom, #f9f9f9 0%, #fff 25%); } .listen-pid .top-block .block-header { font:normal 30px/30px 'Poiret One'; color:#5c5c5c; padding-top:16px; } .listen-pid .top-block .default-form label.span-placeholder { padding:0px 7px 0px 5px; } .listen-pid .top-block .goods-item { margin:10px 0 20px; } .listen-pid .top-block .img { float:left; width:200px; height:200px; margin-right:15px; } .listen-pid .top-block .img img { width:100%; } .listen-pid .top-block .main { float:left; width:475px; color:#555555; font-size:14px; margin-top:5px; } .listen-pid .top-block .main .done { font-size:18px; padding:30px 40px 30px 20px; } .listen-pid .top-block .main span { color:#000; } .listen-pid .top-block .main .name { font-size:15px; line-height:20px; font-weight:bold; color:#000; margin-bottom:10px; } .listen-pid .top-block .main .name span { color:#777777; font-size:14px; font-weight:normal; padding-bottom:3px; } .listen-pid .top-block .main .option { margin-bottom:10px; } .listen-pid .top-block .descr-text { padding:0px 0px 10px 0px; } .listen-pid .top-block .buttons { border-top:1px solid #a8c7e7; padding-top:15px; } .listen-pid .top-block .buttons .left-side { float:left; } .listen-pid .top-block .buttons .right-side { float:right; } .listen-pid .top-block .buttons .right-side .is_error { padding:0px 0px 20px 0px; text-align:right; display:none; } .listen-pid .top-block .buttons a { line-height:38px; } .listen-pid .top-block .buttons p { font-size:14px; color:#aaa; line-height:20px; margin:0 20px 0 0; float:right; } .listen-pid .top-block .button { color:#175fb9; float:right; width:230px; margin:0; text-align:center; } .get-service { width:770px; } .get-service .default-popup-content { padding:0; } .get-service .top-block { border-radius:4px; } .get-service .bottom-block { border-radius:0 0 4px 4px; } .get-service .top-block { padding:0 38px 8px; background-image:-moz-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-o-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-webkit-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:linear-gradient(bottom, #f9f9f9 0%, #fff 25%); } .get-service .top-block .block-header { font:normal 30px/30px 'Poiret One'; color:#5c5c5c; padding-top:16px; } .get-service .top-block .default-form label.span-placeholder { padding:0px 7px 0px 5px; } .get-service .top-block .goods-item { margin:10px 0 20px; } .get-service .top-block .img { float:left; width:200px; height:200px; margin-right:15px; } .get-service .top-block .img img { width:100%; } .get-service .top-block .main { float:left; width:475px; color:#555555; font-size:14px; margin-top:5px; } .get-service .top-block .main .done { font-size:18px; padding:30px 40px 30px 20px; } .get-service .top-block .main span { color:#000; } .get-service .top-block .main .name { font-size:15px; line-height:20px; font-weight:bold; color:#000; margin-bottom:10px; } .get-service .top-block .main .name span { color:#777777; font-size:14px; font-weight:normal; padding-bottom:3px; } .get-service .top-block .main .option { margin-bottom:10px; } .get-service .top-block .descr-text { padding:0px 0px 10px 0px; } .get-service .top-block .buttons { border-top:1px solid #a8c7e7; padding-top:15px; } .get-service .top-block .buttons .left-side { float:left; } .get-service .top-block .buttons .right-side { float:right; } .get-service .top-block .buttons .right-side .is_error { padding:0px 0px 20px 0px; text-align:right; display:none; } .get-service .top-block .buttons a { line-height:38px; } .get-service .top-block .buttons p { font-size:14px; color:#aaa; line-height:20px; margin:0 20px 0 0; float:right; } .get-service .top-block .button { color:#175fb9; float:right; width:300px; margin:0; text-align:center; } /* программа лучшая цена */ .best-price { width:770px; } .best-price .default-popup-content { padding:0; } .best-price .top-block { border-radius:4px; } .best-price .bottom-block { border-radius:0 0 4px 4px; } .best-price .top-block { padding:0 38px 8px; background-image:-moz-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-o-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-webkit-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:linear-gradient(bottom, #f9f9f9 0%, #fff 25%); } .best-price .top-block .block-header { font:normal 30px/30px 'Poiret One'; color:#5c5c5c; padding-top:16px; } .best-price .top-block .default-form label.span-placeholder { padding:0px 7px 0px 5px; } .best-price .top-block .goods-item { margin:10px 0 20px; } .best-price .top-block .img { float:left; width:200px; height:200px; margin-right:15px; } .best-price .top-block .img img { width:100%; } .best-price .top-block .main { float:left; width:475px; color:#555555; font-size:14px; margin-top:5px; } .best-price .top-block .main .done { font-size:18px; padding:30px 40px 30px 20px; } .best-price .top-block .main span { color:#000; } .best-price .top-block .main .name { font-size:15px; line-height:20px; font-weight:bold; color:#000; margin-bottom:10px; } .best-price .top-block .main .name span { color:#777777; font-size:14px; font-weight:normal; padding-bottom:3px; } .best-price .top-block .main .option { margin-bottom:10px; } .best-price .top-block .descr-text { padding:0px 0px 10px 0px; } .best-price .top-block .buttons { border-top:1px solid #a8c7e7; padding-top:15px; } .best-price .top-block .buttons .left-side { float:left; } .best-price .top-block .buttons .right-side { float:right; } .best-price .top-block .buttons .right-side .is_error { padding:0px 0px 20px 0px; text-align:right; display:none; } .best-price .top-block .buttons a { line-height:38px; } .best-price .top-block .buttons p { font-size:14px; color:#aaa; line-height:20px; margin:0 20px 0 0; float:right; } .best-price .top-block .button { color:#175fb9; float:right; width:230px; margin:0; text-align:center; } /* TRADE-IN 04.2022 */ .tradein { width:770px; } .tradein .default-popup-content { padding:0; } .tradein .top-block { border-radius:4px; } .tradein .bottom-block { border-radius:0 0 4px 4px; } .tradein .top-block { padding:0 38px 8px; background-image:-moz-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-o-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-webkit-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:linear-gradient(bottom, #f9f9f9 0%, #fff 25%); } .tradein .top-block .block-header { font:normal 30px/30px 'Poiret One'; color:#5c5c5c; padding-top:16px; } .tradein .top-block .default-form label.span-placeholder { padding:0px 7px 0px 5px; } .tradein .top-block .goods-item { margin:10px 0 20px; } .tradein .top-block .main { float:left; color:#555555; font-size:14px; margin-top:5px; } .tradein .top-block .main .done { font-size:18px; padding:30px 40px 30px 20px; } .tradein .top-block .main span { color:#000; } .tradein .top-block .main .name { font-size:15px; line-height:20px; font-weight:bold; color:#000; margin-bottom:10px; } .tradein .top-block .main .name span { color:#777777; font-size:14px; font-weight:normal; padding-bottom:3px; } .tradein .top-block .main .option { margin-bottom:10px; } .tradein .top-block .descr-text { padding:0px 0px 10px 0px; } .tradein .top-block .buttons { border-top:1px solid #a8c7e7; padding-top:15px; } .tradein .top-block .buttons .left-side { float:left; } .tradein .top-block .buttons .right-side { float:right; } .tradein .top-block .buttons .right-side .is_error { padding:0px 0px 20px 0px; text-align:right; display:none; } .tradein .top-block .buttons a { line-height:38px; } .tradein .top-block .buttons p { font-size:14px; color:#aaa; line-height:20px; margin:0 20px 0 0; float:right; } .tradein .top-block .button { color:#175fb9; float:right; width:230px; margin:0; text-align:center; } /* форма отправки запроса на цену товара */ .request-price { width:770px; } .request-price .default-popup-content { padding:0; } .request-price .top-block { border-radius:4px; } .request-price .bottom-block { border-radius:0 0 4px 4px; } .request-price .top-block { padding:0 38px 8px; background-image:-moz-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-o-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:-webkit-linear-gradient(bottom, #f9f9f9 0%, #fff 25%); background-image:linear-gradient(bottom, #f9f9f9 0%, #fff 25%); } .request-price .top-block .block-header { font:normal 30px/30px 'Poiret One'; color:#5c5c5c; padding-top:16px; } .request-price .top-block .default-form label.span-placeholder { padding:0px 7px 0px 5px; } .request-price .top-block .goods-item { margin:10px 0 20px; } .request-price .top-block .img { float:left; width:200px; height:200px; margin-right:15px; } .request-price .top-block .img img { width:100%; } .request-price .top-block .main { float:left; width:475px; color:#555555; font-size:14px; margin-top:5px; } .request-price .top-block .main .done { font-size:18px; padding:30px 40px 30px 20px; } .request-price .top-block .main span { color:#000; } .request-price .top-block .main .name { font-size:15px; line-height:20px; font-weight:bold; color:#000; margin-bottom:10px; } .request-price .top-block .main .name span { color:#777777; font-size:14px; font-weight:normal; padding-bottom:3px; } .request-price .top-block .main .option { margin-bottom:10px; } .request-price .top-block .descr-text { padding:0px 0px 10px 0px; } .request-price .top-block .buttons { border-top:1px solid #a8c7e7; padding-top:15px; } .request-price .top-block .buttons .left-side { float:left; } .request-price .top-block .buttons .right-side { float:right; } .request-price .top-block .buttons .right-side .is_error { padding:0px 0px 20px 0px; text-align:right; display:none; } .request-price .top-block .buttons a { line-height:38px; } .request-price .top-block .buttons p { font-size:14px; color:#aaa; line-height:20px; margin:0 20px 0 0; float:right; } .request-price .top-block .button { color:#175fb9; float:right; width:230px; margin:0; text-align:center; } /* HELP FORM */ .help-wrapper { position:fixed; z-index:101; bottom:0; right:0; top:0; left:0; width:auto; height:auto; background-color:rgba(255,255,255,.8); overflow:auto; overflow-y:scroll; } .help { width:780px; font-size:10pt; padding:15px 12px 20px 12px; border-radius:4px; border:1px solid #a8c7e7; box-shadow:0 0 3px #a8c7e7; background-color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .help-absCenter { position:absolute; z-index:111; } .help-close { position:absolute; z-index:112; width:12px; height:11px; top:10px; right:10px; background:url('//img.audiomania.ru/img/close-popup.png') center center no-repeat; cursor:pointer; } /* SKLAD_INFO FORM */ .sklad-info-wrapper { position:fixed; z-index:101; bottom:0; right:0; top:0; left:0; width:auto; height:auto; background-color:rgba(255,255,255,.8); overflow:auto; overflow-y:scroll; } .sklad-info { width:620px; font-size:10pt; padding:25px 25px 30px 12px; border-radius:4px; border:1px solid #a8c7e7; box-shadow:0 0 3px #a8c7e7; background-color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .sklad-info-absCenter { position:absolute; z-index:111; } .sklad-info-close { position:absolute; z-index:112; width:12px; height:11px; top:10px; right:10px; background:url('//img.audiomania.ru/img/close-popup.png') center center no-repeat; cursor:pointer; } .sklad-info .block .block-header { border-bottom:none; text-align:center; } .sklad-info table { width:100%; } .sklad-info table tr td { padding:8px 10px 9px 10px; border-bottom:1px dashed #d0d0d0; } .sklad-info table tr td.td_wait { padding:14px 6px 18px 6px; text-align:center; } .sklad-info table tr td.td_wait i { font-size:9pt; } .sklad-info table tr td.r { text-align:right; } .sklad-info div.t { text-align:left; font-weight:bold; margin:-7px 0px 15px 0px; } .sklad-info div.c { text-align:center; margin-top:20px; padding:5px 5px 12px 5px; } .delivery-time-wrapper { position:fixed; z-index:101; bottom:0; right:0; top:0; left:0; width:auto; height:auto; background-color:rgba(255,255,255,.8); overflow:auto; overflow-y:scroll; } .delivery-time { width:620px; font-size:10pt; padding:25px 25px 30px 12px; border-radius:4px; border:1px solid #a8c7e7; box-shadow:0 0 3px #a8c7e7; background-color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .delivery-time-absCenter { position:absolute; z-index:111; } .delivery-time-close { position:absolute; z-index:112; width:12px; height:11px; top:10px; right:10px; background:url('//img.audiomania.ru/img/close-popup.png') center center no-repeat; cursor:pointer; } .delivery-time .block .block-header { border-bottom:none; text-align:center; } .delivery-time div { text-align:left; margin:3px 10px 10px 10px; } /* LOGIN FORM */ .scrolllock body { overflow:hidden; margin-right:17px; } .login-form-wrapper { position:fixed; z-index:101; bottom:0; right:0; top:0; left:0; width:auto; height:auto; background-color:rgba(255,255,255,.8); overflow:auto; overflow-y:scroll; } .login-form { width:440px; border-radius:4px; border:1px solid #a8c7e7; box-shadow:0 0 3px #a8c7e7; background-color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .login-form-absCenter { position:absolute; z-index:111; } .login-form-close { position:absolute; z-index:112; width:12px; height:11px; top:10px; right:10px; background:url('//img.audiomania.ru/img/close-popup.png') center center no-repeat; cursor:pointer; } .login-form .auth-save { float:left; } .login-form .reminde-pass { float:right; margin-right:15px; } .login-form .default-form.light-gradient { border:none; padding:0 38px 40px; } .login-form .default-form input[type="button"] { float:none; margin:0; width:100%; margin-top:10px; height:40px; } .login-form label.checkbox { padding:0; font-size:12px; line-height:18px; color:#5c5c5c; } .login-form .default-form a { font-size:12px; } .login-form .social-block { border-top:1px solid #a8c7e7; background-image:-moz-linear-gradient(#fefefe 75%, #f8f8f8); background-image:-o-linear-gradient(#fefefe 75%, #f8f8f8); background-image:-webkit-linear-gradient(#fefefe 75%, #f8f8f8); background-image:linear-gradient(#fefefe 75%, #f8f8f8); } .login-form .block .block-header { border-bottom:none; text-align:center; } /* PRODUCT LABELS */ span.label-new, span.label-sale, span.label-exclusive, span.label-front, span.label-discont, span.label-worldhifi { color: #FFFFFF; display: inline-block; font-size: 10px; height: 13px; line-height: 12px; padding: 0 4px; vertical-align: middle; } span.label-new { background-color: #17b96f; } span.label-sale { background-color: #b91717; } span.label-front { background-color: #bbbbbb; } span.label-front.label-pid { background-color: #e5e5e5; color:#000; } span.label-exclusive { background-color: #ca46c5; } span.label-discont { background-color:#5c5c5c; } span.label-worldhifi { background-color:#a8c6e6; font-weight:bold; font-size:12px; height:15px; line-height:14px; padding:4px 8px; margin:0 8px 2px; } /* PRODUCT PRICES */ .price-sale, .price-front { text-decoration: line-through; } .price-sale { color: #000; } .block-goods-list .info-price .price.price-sale, .block-goods-list .info-price .price-v2.price-sale, .block-goods-list .info-price .price-v3.price-sale, .block-goods-list .infopricev2 .price.price-sale, .block-goods-list .infopricev2 .price-v2.price-sale, .block-goods-list .infopricev2 .price-v3.price-sale { color:#b91717; display:inline; text-decoration:none; } .block-goods-list .info-price .price-suffix.price-sale, .block-goods-list .infopricev2 .price-suffix.price-sale { color:#b91717; display:inline; text-decoration:none; } .price-front { color: #bbb; } /* SLIDER */ #slider .am-slider-navigation { text-align: center; } #slider .am-slider-navigation a { display: inline-block; margin: 0 8px; width: 28px; height: 28px; border-radius: 15px; background-color: #efefef; box-shadow: inset 0 0 5px #e5e5e5; border: 1px solid #e0e0e0; } #slider .am-slider-navigation a span { width: 16px; height: 16px; border-radius: 15px; display: none; margin: 5px; border: solid 1px; } #slider .am-slider-navigation a:hover span { display: block; background-color: #d0d0d0; border-color: #d0d0d0; } #slider .am-slider-navigation a.am-slider-navigation-page-active { cursor: default; } #slider .am-slider-navigation a.am-slider-navigation-page-active span { display: block; background-color : #175fb9; box-shadow : 0 0 3px #175fb9, inset 0 2px #408cd3; border-color : #1a61ba; background-image : -webkit-linear-gradient(#1e79cd, #1148a8); background-image : -moz-linear-gradient(#1e79cd, #1148a8); background-image : -o-linear-gradient(#1e79cd, #1148a8); background-image : linear-gradient(#1e79cd, #1148a8); } /* BLOCK COMMON * описание блока, * общие стили для заголовка блока, * общие стили для линков. */ .block .block-header { padding: 34px 0 16px; border-bottom: 2px solid #a8c7e7; } .h1-block-header, .h1, .h1a, .h1b, .h1c, .h1d .h1e .h1f { font: normal 30px/30px 'Poiret One'; color: #5c5c5c; border:0; border-bottom: 2px solid #a8c7e7; padding: 34px 0 16px; } .h1-block-header.no-border, .h1.no-border, .h1.without-border, .h1a.without-border, .h1b.without-border, .h1c.without-border, .h1d.without-border, .h1e.without-border, .h1f.without-border { border-bottom:none; padding-bottom:18px; } .item-name .h1.no-border, .item-name .h1.without-border, .item-name .h1a.without-border, .item-name .h1b.without-border, .item-name .h1c.without-border, .item-name .h1d.without-border, .item-name .h1e.without-border, .item-name .h1f.without-border { padding-bottom:0; } .item-name-head2 .h1.no-border, .item-name-head2 .h1.without-border, .item-name-head2 .h1a.without-border, .item-name-head2 .h1b.without-border, .item-name-head2 .h1c.without-border, .item-name-head2 .h1d.without-border, .item-name-head2 .h1e.without-border, .item-name-head2 .h1f.without-border { padding-bottom:0; } .item-name-head3 .h1.no-border, .item-name-head3 .h1.without-border, .item-name-head3 .h1a.without-border, .item-name-head3 .h1b.without-border, .item-name-head3 .h1c.without-border, .item-name-head3 .h1d.without-border, .item-name-head3 .h1e.without-border, .item-name-head3 .h1f.without-border { padding-bottom:0; } .h1-block-header.top-padding, .h1.no-border.top-padding, .h1.without-border.top-padding, .h1a.without-border.top-padding, .h1b.without-border.top-padding, .h1c.without-border.top-padding, .h1d.without-border.top-padding, .h1e.without-border.top-padding, .h1f.without-border.top-padding { padding:20px 0 9px; } .h1, .h1a, .h1b, .h1c, .h1d .h1e .h1f { padding-top:0; } .block .block-header.no-border { padding:34px 0 0; border-bottom:none; } .block .block-item { border-bottom: 1px solid #e6f3ff; background-color:#fff; font-size: 12px; line-height:18px; padding:10px 5px 11px 20px; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .block .block-item.block-item-2row { line-height:13px; } .thin-line-block .block-item { padding:6px 5px 7px 20px; line-height:15px; } .block a.block-item { display:block; } .block a.block-item:after { top: 44%; right: 16px; } .block a.block-item:hover { position: relative; background-color: #fcfdfe; } .block a.block-item span { color:#175fb9; border-bottom: 1px solid #ffffff; position:relative; } .block.tags-on-group a.block-item span { max-width: 240px; text-align: left; } .block a.block-item.block-item-2row span { margin-top:-6px; border-bottom:0; } .block a.block-item.block-item-2row:hover span { border-bottom:0; } .block a.block-item:hover span { border-bottom-color:#175fb9; } .block a.block-item.vinyl-sale span { color:#B91717; } .block a.block-item.vinyl-sale:hover span { border-bottom-color:#B91717; } .block .block-item .img { float: left; margin-right: 19px; width: 50px; padding-top:3px; } .block .block-item .img img { width:100%; display:block; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .block .block-item .date { font-size: 11px; display: block; margin-bottom: 5px; color: #000000; } /* * BLOCK BOX * блок с рамкой, элементы - ссылки 14 + спан с количеством справа */ .block-box .block-header { border-bottom: 0 none; } .block-box > div:not(.h1-block-header) { padding: 0; border: solid #E6F3FF; border-width: 2px 2px 1px; } .block-box a { font-size: 14px !important; line-height:20px !important; padding:9px 16px 10px !important; text-align: right; color: #a8c7e7; overflow:hidden; } .block-box a.vinyl-sale { color:#b98d8d; } .block-box a span { float: left; text-align:left; max-width:90%; border-bottom:none !important; } .block-box a span b { font-weight:normal; border-bottom:1px solid #fff; } .block-box a:hover span b { border-bottom-color: #175fb9; } /* * ROOT-CAT * блок с рамкой, элементы - ссылки 14 + спан с количеством справа, фон голубой */ .root-cat .block-header { border-bottom: 0 none; } .root-cat .category-list { border-radius:4px; border:2px solid #E6F3FF; background:#ffffff; } .root-cat .category-list .block-mode h3, .block-catalog-categories h3, .block-catalog-brands h3, .brands-alph-list h3 { color: #175fb9; border-bottom: 1px solid transparent; display:inline; -webkit-transition: all 140ms linear; -moz-transition: all 140ms linear; -ms-transition: all 140ms linear; -o-transition: all 140ms linear; transition: all 140ms linear; } .root-cat .category-list .block-mode h3:hover, .block-catalog-categories h3:hover, .block-catalog-brands h3:hover, .brands-alph-list h3:hover { border-bottom-color: #175fb9; } .root-cat .category-list .block-mode { background:#E6F3FF; margin-bottom:1px; text-align:right; color:#a8c7e7; overflow:hidden; padding:10px 8px 11px 16px; } .root-cat .category-list .block-mode:hover { background:#fcfdfe; } .root-cat .category-list .block-mode span { float:left; max-width:90%; text-align:left; font-size:14px; } .root-cat .category-list .block-mode b { border-bottom-color:#E6F3FF; font-weight:normal; } .root-cat .category-list .block-mode:hover b { border-bottom-color:#175fb9; } .root-cat .category-list .block-mode:first-child { border-radius:4px 4px 0 0; } .root-cat .category-list .block-mode:last-child { border-radius:0 0 4px 4px; margin-bottom:0; } /* * ROOT-SCROLLTOTOP * кнопка скрола наверх для корневых страниц */ .root-scroll { visibility:hidden; padding-left:50px; line-height:40px; height:40px; background:url('//img.audiomania.ru/img/scroll-to-top.png') 0 center no-repeat; cursor:pointer; } .root-scroll.scroll-to-fixed-fixed { visibility:visible; } .root-scroll a { cursor:pointer; } /* BLOCK SHOW MORE */ .show-more { border-top: 1px solid #e6f3ff; border-bottom: 1px solid #e6f3ff; } .block-show-more { display:block; border-top: 1px solid #e6f3ff; border-bottom: 1px solid #e6f3ff; padding: 9px 20px 11px !important; font-size: 12px; position:relative; } .extended-selection .block-show-more { padding:10px 12px !important; } .block-show-more span { color: #a8c7e7 !important; border-bottom: 1px solid #a8c7e7 !important; } .block-show-more span:after { top: 38%; left: 100%; margin-left: 4px; } .block-show-more:hover { border-bottom-color: #e6f3ff; background-color:#fcfdfe; } .block-show-more:hover span { color: #175fb9 !important; border-bottom-color: #175fb9 !important; } .block-show-more:hover span:after { border-left-color: #175fb9; } /* BLOCK CONSULTANT */ .block-consultant a { background-position: 92% center; } .block-consultant img { border: 1px solid #e6f3ff; } .block-consultant p { margin: 0 40px 0 69px; color: #000000; } .block-consultant p span { font-size: 12px; color: #7d7d7d !important; display: block; line-height: 18px; border-bottom:none !important; } .block-consultant a .open-dialog { background: url('//img.audiomania.ru/img/open_window.png') no-repeat center right transparent; padding: 0 15px 0 0; display: inline; } .block-consultant a .open-dialog span { color: #a8c7e7; border-bottom: 1px solid #a8c7e7; } .block-consultant a:hover .open-dialog { background-image: url('//img.audiomania.ru/img/open_window_over.png'); } .block-consultant a:hover .open-dialog span { color: #175fb9; border-bottom-color: #175fb9; } .block-consultant a.block-show-more span { border-bottom-style: dotted !important; } /* BLOCK NEWS */ .block-news .block-mode { min-height:81px; padding:10px 20px 11px; border-bottom:1px solid #e6f3ff; } .block-news .block-mode .img { float: left; margin-right: 19px; width: 50px; padding-top:3px; } .block-news .block-mode .img img { width:100%; display:block; box-sizing: border-box; } .block-news .block-mode .news-abstract { margin-left:70px; } .block-news .block-mode .date { font-size: 11px; display: block; margin-bottom: 5px; color: #000000; } .block-news .block-mode:after { top:50%; right:12px; margin-top:-5px; display:none; } .block-news .block-mode:hover:after { display:inline; } .block-articles-list { margin:0 0 10px; } .block-articles-list h1 { padding-bottom:16px; } .article-item { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #e6f3ff; border-radius:4px; margin-bottom:20px; } .article-item:hover { border-color: #a8c7e7; box-shadow: 0 0 3px #a8c7e7; background-image: -moz-linear-gradient(#ffffff 75%, #fafafa); background-image: -o-linear-gradient(#ffffff 75%, #fafafa); background-image: -webkit-linear-gradient(#ffffff 75%, #fafafa); background-image: linear-gradient(#ffffff 75%, #fafafa); } .article-item .img { float:left; width:120px; margin:20px 20px 35px 20px; text-align:center; } .article-item .img img { width:80px; max-height:120px; } .article-item .description { margin:15px 15px 15px 160px; } .article-item .caption { font-size:20px; font-weight:normal; color:#000; text-transform:none; line-height:normal; } .article-item .caption a { color:inherit; font-size:inherit; line-height:inherit; text-decoration:none; } .article-item .caption a:hover { text-decoration:underline; } .article-item .date { font-size:18px; color:#bbb; } .article-item .abstract { cursor:default; } .article-item .read-more-link { font-size:14px; } .article-item .read-more-link a { font-size:inherit; } .article-item-wide { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #e6f3ff; border-radius:4px; margin-bottom:20px; min-height:230px; } .article-item-wide:hover { border-color: #a8c7e7; box-shadow: 0 0 3px #a8c7e7; background-image: -moz-linear-gradient(#ffffff 75%, #fafafa); background-image: -o-linear-gradient(#ffffff 75%, #fafafa); background-image: -webkit-linear-gradient(#ffffff 75%, #fafafa); background-image: linear-gradient(#ffffff 75%, #fafafa); } .article-item-wide .img { float:left; margin:10px 20px 15px 20px; text-align:center; } .article-item-wide .img img { width:200px; height:200px; } .article-item-wide .img.not-square-brand-logo { margin-top:18px; display:table-cell; text-align:center; vertical-align:top; } .article-item-wide .img.not-square-brand-logo img { width:auto; height:auto; max-width:200px; max-height:200px; } .article-item-wide .description { margin:15px 15px 15px 240px; } .article-item-wide .caption { font-size:22px; font-weight:normal; color:#000; text-transform:none; line-height:normal; } .article-item-wide .caption a { color:inherit; font-size:inherit; line-height:inherit; text-decoration:none; } .article-item-wide .caption a:hover { text-decoration:underline; } .article-item-wide .date { font-weight:bold; color:#bbb; } .article-item-wide .abstract { cursor:default; } .article-item-wide .read-more-link { font-size:12px; } .article-item-wide .read-more-link a { font-size:inherit; } /* BLOCK SERVICES */ .block-services .img, .block-whywe .img { padding:0 20px; } .block-services img, .block-whywe img { display:block; margin-top:20px; width: 100%; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* BLOCK GENERAL REVIEWS */ .block-general-reviews {} .block-general-reviews h1.block-header { margin-bottom:17px; } .block-general-reviews .review-list { margin:0 -10px 0; overflow: hidden; display:inline-block; } .block-general-reviews .list-item { float:left; text-align:left; width:320px; padding:0 10px; margin:0 0 20px; vertical-align: top; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .block-general-reviews .list-item .info { display:block; border: 2px solid #e6f3ff; z-index: 1; position: relative; background-color: transparent; } .block-general-reviews .list-item .img { text-align:center; display:block; } .block-general-reviews .list-item .img.img-from-pid { padding:10px 0 5px; } .block-general-reviews .list-item img { max-width:100%; border-radius: 4px 4px 0 0; } .block-general-reviews .list-item .link-blue-invert { border-color:transparent; display:block; } .block-general-reviews .list-item .newarrow-blue-right-after { } .block-general-reviews .list-item .newarrow-blue-right-after:after { top:50%; margin-top:-5px; } .video { position:relative; } .video:after { position:absolute; left:0; top:0; width:100%; height:200px; content:''; background: url('//img.audiomania.ru/img/video.png') center 45px no-repeat; } .fancybox.video { display:block; } .fancybox.video:after { background-position:center center; } .block-general-reviews .list-item a hr { border-top-width: 0; border-bottom: 2px solid #e6f3ff; } .block-general-reviews .list-item p { background-image: -webkit-linear-gradient(#eef7ff, #ffffff); background-image: -moz-linear-gradient(#eef7ff, #ffffff); background-image: -o-linear-gradient(#eef7ff, #ffffff); background-image: linear-gradient(#eef7ff, #ffffff); border: 0 none; padding: 10px 20px; margin:0; font-size:12px; line-height:18px; min-height:100px; } .block-general-reviews .list-item .info span { color: #175fb9; border-bottom: 1px solid transparent; } .block-general-reviews .list-item .info:hover { background: transparent; border-color : #a8c7e7; box-shadow: #a8c7e7 0 0 3px 0; } .block-general-reviews .list-item .info:hover span { border-bottom-color: #175fb9; } .block-general-reviews .list-item .info:hover p { background-image: -webkit-linear-gradient(#fefefe, #f8f8f8); background-image: -moz-linear-gradient(#fefefe, #f8f8f8); background-image: -o-linear-gradient(#fefefe, #f8f8f8); background-image: linear-gradient(#fefefe, #f8f8f8); border-top: 0 none; } .block-general-reviews .list-item .info:hover p:after { border-left-color: #175fb9; } .block-general-reviews .list-item .info:hover hr { border-color: #ffffff; } .block-general-reviews .list-item p:after { left: 100%; margin-left: -20px; top: 58%; border-left-color: transparent; } .block-general-reviews .list-item .date { font-size: 11px; display: block; margin-bottom: 5px; color: #000000; } .block-general-reviews .list-item .count { font-weight:normal; color:#bbb !important; border-bottom:none !important; } .block-general-reviews .list-item .middle { border: 1px solid #E6F3FF; margin-top:-3px; } .block-general-reviews .list-item .middle hr { border-bottom-width: 1px; margin: 4px 0 2px; padding-top: 0; } .block-general-reviews .list-item a.block-show-more { border: solid #e6f3ff; border-width: 0 1px 1px 1px; padding: 10px 0 12px 20px!important; } /* BLOCK REVIEW */ .block-card-review { width:100%; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position:relative; font-size:12px; line-height:18px; } .card-review-item { margin-bottom:20px; border-bottom:1px solid #e6f3ff; } .card-review-user-image { float:left; margin:3px 20px 12px 0; width:50px; } .card-review-user-image img { width:100% } .card-review-user-info { color:#bbb; } .card-review-user-info span { display:block; } .card-review-user-info .review-user-name { color:#000; } .card-review-user-info .review-user-rating span { display:inline-block; vertical-align:text-top; } .card-review-user-info strong { color:#5c5c5c; } .card-review-user-info .review-user-info {} /* BLOCK REVIEW - EU - Brand placeholder */ .block-card-review.eu-brand { padding:12px 14px 5px 18px; } .block-card-review.eu-brand .brand-logo { width:100%; padding:0px; } .block-card-review.eu-brand .brand-logo img { max-width:250px; max-height:80px; } .block-card-review.eu-brand .brand-description { margin:5px 0; } .block-card-review.eu-brand .brand-link { margin:6px 0; } /* BLOCK BREADCRUMBS */ .block-bread-crumbs { min-height:28px; background-color:#fbfbfb; padding-bottom:3px; } /*.block-bread-crumbs .layout { padding:0 30px; max-width:1260px; }*/ .block-bread-crumbs ul {} .block-bread-crumbs li { float:left; margin-left:5px; margin-top:3px; padding:0 5px 0 20px; background:url('//img.audiomania.ru/img/breadcrumbs-arrow-light.png') 0 6px no-repeat; } /*.block-bread-crumbs li:hover, .block-bread-crumbs li:active, */ .block-bread-crumbs li.active, .block-bread-crumbs li.active2, .block-bread-crumbs li.active3 { background-image:url('//img.audiomania.ru/img/breadcrumbs-arrow.png'); font-size:10pt; padding:1px 2px 0 20px; } .block-bread-crumbs li.finish { visibility:hidden; } .block-bread-crumbs li:first-child, /*.block-bread-crumbs li:first-child:hover, .block-bread-crumbs li:first-child:active,*/ .block-bread-crumbs li:first-child.active, .block-bread-crumbs li:first-child.active2, .block-bread-crumbs li:first-child.active3 { background:url('//img.audiomania.ru/img/breadcrumbs-arrow-first.png') 0 3px no-repeat; padding:0 13px 0 25px; } .block-bread-crumbs a { border-bottom-style:solid; font-size:12px; } .block-bread-crumbs li.root a { } /*.block-bread-crumbs li:first-child a { border-bottom-style:dotted; }*/ .block-bread-crumbs li.active a, .block-bread-crumbs li.active2 a, .block-bread-crumbs li.active3 a { border-bottom:none; color:#5c5c5c; } .block-bread-crumbs a:after { top:44%; right:-10px; } /* BLOCK BREADCRUMBS 2 */ .block-bread-crumbs2 { min-height:28px; background-color:#fbfbfb; padding-bottom:3px; } /*.block-bread-crumbs2 .layout { padding:0 30px; max-width:1260px; }*/ .block-bread-crumbs2 ul {} .block-bread-crumbs2 li { float:left; margin-left:5px; margin-top:3px; padding:0 5px 0 20px; background:url('//img.audiomania.ru/img/breadcrumbs-arrow-light.png') 0 6px no-repeat; } /*.block-bread-crumbs2 li:hover, .block-bread-crumbs2 li:active, */ .block-bread-crumbs2 li.active, .block-bread-crumbs2 li.active2, .block-bread-crumbs2 li.active3 { background-image:url('//img.audiomania.ru/img/breadcrumbs-arrow.png'); font-size:10pt; padding:1px 2px 0 20px; } .block-bread-crumbs2 li.finish { visibility:hidden; } .block-bread-crumbs2 li:first-child, /*.block-bread-crumbs2 li:first-child:hover, .block-bread-crumbs2 li:first-child:active,*/ .block-bread-crumbs2 li:first-child.active, .block-bread-crumbs2 li:first-child.active2, .block-bread-crumbs2 li:first-child.active3 { background:url('//img.audiomania.ru/img/breadcrumbs-arrow-first.png') 0 3px no-repeat; padding:0 13px 0 25px; } .block-bread-crumbs2 a { border-bottom-style:solid; font-size:12px; } .block-bread-crumbs2 li.root a { } /*.block-bread-crumbs2 li:first-child a { border-bottom-style:dotted; }*/ .block-bread-crumbs2 li.active a, .block-bread-crumbs2 li.active2 a, .block-bread-crumbs2 li.active3 a { border-bottom:none; color:#5c5c5c; } .block-bread-crumbs2 a:after { top:44%; right:-10px; } /* BLOCK BREADCRUMBS 3 */ .block-bread-crumbs3 { min-height:28px; background-color:#fbfbfb; padding-bottom:3px; } /*.block-bread-crumbs3 .layout { padding:0 30px; max-width:1260px; }*/ .block-bread-crumbs3 ul {} .block-bread-crumbs3 li { float:left; margin-left:5px; margin-top:3px; padding:0 5px 0 20px; background:url('//img.audiomania.ru/img/breadcrumbs-arrow-light.png') 0 6px no-repeat; } /*.block-bread-crumbs3 li:hover, .block-bread-crumbs3 li:active, */ .block-bread-crumbs3 li.active, .block-bread-crumbs3 li.active2, .block-bread-crumbs3 li.active3 { background-image:url('//img.audiomania.ru/img/breadcrumbs-arrow.png'); font-size:10pt; padding:1px 2px 0 20px; } .block-bread-crumbs3 li.finish { visibility:hidden; } .block-bread-crumbs3 li:first-child, /*.block-bread-crumbs3 li:first-child:hover, .block-bread-crumbs3 li:first-child:active,*/ .block-bread-crumbs3 li:first-child.active, .block-bread-crumbs3 li:first-child.active2, .block-bread-crumbs3 li:first-child.active3 { background:url('//img.audiomania.ru/img/breadcrumbs-arrow-first.png') 0 3px no-repeat; padding:0 13px 0 25px; } .block-bread-crumbs3 a { border-bottom-style:solid; font-size:12px; } .block-bread-crumbs3 li.root a { } /*.block-bread-crumbs3 li:first-child a { border-bottom-style:dotted; }*/ .block-bread-crumbs3 li.active a, .block-bread-crumbs3 li.active2 a, .block-bread-crumbs3 li.active3 a { border-bottom:none; color:#5c5c5c; } .block-bread-crumbs3 a:after { top:44%; right:-10px; } /* TABS */ .tabs, .tabs-static { margin-top:32px; } .tabs ul, .tabs-static ul { border-bottom: 2px solid #a8c7e7; height:48px; } .tabs li, .tabs-static li { margin:5px 0 0 18px; float:left; min-width:136px; border-radius:3px 3px 0 0; border: 1px solid #a7c7e7; background-image: -moz-linear-gradient(bottom, #fbfbfb 0%, #fff 100%); background-image: -o-linear-gradient(bottom, #fbfbfb 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #fbfbfb 0%, #fff 100%); background-image: linear-gradient(bottom, #fbfbfb 0%, #fff 100%); -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-align:center; } .block-tabs-item.product-description .tabs-static ul { list-style: none outside none; margin:0 -20px; } .block-tabs-item.product-description .tabs-static li { padding:0 20px; } .block-tabs-item.product-description .tabs-static li.active { border-width:2px; border-bottom-color:#fff; margin-top:0; background:none; } .block-tabs-item.product-description .tabs-static li.active span { display:block; line-height:46px; font-size:12px; border-bottom:none; } .tabs li.auto-width { padding:0 20px; } .tabs li:first-child { min-width:120px; } .tabs li:hover { box-shadow: 0 0 3px #a8c7e7; } .tabs li.event-mouse-down { background-image: -moz-linear-gradient(bottom, #fff 0%, #fbfbfb 100%); background-image: -o-linear-gradient(bottom, #fff 0%, #fbfbfb 100%); background-image: -webkit-linear-gradient(bottom, #fff 0%, #fbfbfb 100%); background-image: linear-gradient(bottom, #fff 0%, #fbfbfb 100%); } .tabs li a, .tabs li.active a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .tabs li a { display:block; line-height:42px; font-size:12px; border-bottom:none; } .tabs li a span { color:#a8c7e7; } .tabs li.active { border-width:2px; border-bottom-color:#fff; margin-top:0; background:none; } .tabs li.active:hover { box-shadow:none; } .tabs li.active a { line-height:46px; color:#5c5c5c; } .tabs-items {} .block-tabs-item { padding:25px 20px; } .block-tabs-item .caption, .block-tabs-item h2 { font-size:14px; color:#000; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; margin:0 -20px; } .block-tabs-item .caption > span { color:#bbb; font-weight:normal } .block-tabs-item .separator { margin:25px 0; } .block-tabs-item .features { list-style:disc; margin-left:20px; } .block-tabs-item .features li { padding:.5em 0; } .block-tabs-item.product-description ul { list-style: disc; margin-left: 20px; } .block-tabs-item.product-description li { padding: .5em 0; } .block-tabs-item.product-description li.li-title { font-weight:bold; list-style: none; padding:10px 0 1px; margin-left:-20px; } /* адрес доставки */ .block-address-list { margin:20px 0 0; } .block-address-list .address-item { border:1px solid #e6f3ff; border-radius:4px; position:relative; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; margin-bottom:20px; } .block-address-list .address-item:hover { border-color: #a8c7e7; box-shadow: 0 0 3px #a8c7e7; background-image: -moz-linear-gradient(#ffffff 75%, #fafafa); background-image: -o-linear-gradient(#ffffff 75%, #fafafa); background-image: -webkit-linear-gradient(#ffffff 75%, #fafafa); background-image: linear-gradient(#ffffff 75%, #fafafa); } .block-address-list .address-item .caption { font-size:18px; line-height:36px; font-weight:bold; background-color:#fcfdfe; border-bottom:1px solid #e6f3ff; border-radius:4px 4px 0 0; padding:0 20px; } .block-address-list .address-item p { margin:10px 20px; } .block-address-list .address-item .buttons { border-top:1px solid #e6f3ff; border-radius:0 0 4px 4px; padding:10px 20px; } .block-address-list .address-item .button { float:left; margin-right:20px; } /* DISCUSSION */ .block-discussion { border-top: 2px solid #e6f3ff; margin:15px 0px 25px; } .block-discussion.thin-border { border-top-width:1px; } .block-discussion.thin-border .block-dialog-items { border-bottom-width:1px; } .block-discussion .block-dialog-items { border-bottom: 2px solid #e6f3ff; } .block-discussion .dialog-item { border-bottom: 1px solid #e6f3ff; padding:10px 20px 15px; font-size:12px; line-height:18px; color:#333333; /*min-height:110px;*/ } .block-discussion .faq-mode { border-left:1px solid #A8C7E7; border-right:1px solid #A8C7E7; } .block-discussion .faq-mode .dialog-item:first-child { border-top:1px solid #A8C7E7; border-bottom:1px solid #A8C7E7; background-color:#e6f3ff; } .block-discussion .faq-mode .dialog-item.re1.q-or-our-a { margin-left:0; padding-left:30px; background-color:#e6f3ff; border-bottom:1px solid #A8C7E7; border-top:0; } .block-discussion .block-dialog-items .dialog-item:last-child { border-bottom:none; } .block-discussion .dialog-item:nth-child(2n) { background-color:#fcfdfe; } .block-tabs-item.product-description .block-discussion.user-comments { border:5px solid #fff; } .dialog-item.re .discussion-user-name { padding-left:25px; background:url('//img.audiomania.ru/img/breadcrumbs-arrow-first.png') 0 2px no-repeat; } .dialog-item .discussion-date { float:right; color:#909090; text-align:right; } .dialog-item .discussion-user-name { float:left; color:#999999; } .dialog-item .discussion-user-name b { color:#000; font-weight:normal; text-transform:capitalize; } .dialog-item .discussion-user-name a { display:block; } .dialog-item .discussion-user-name .goods-review { padding:0 20px; } .dialog-item .discussion-user-name .goods-review a { display:inline; color:#7f7f7f; } .dialog-item .discussion-user-name.magazine-review a { display:inline; } .dialog-item .discussion-spec, .dialog-item .discussion-spec b { color:#175fb9; } .dialog-item .discussion-spec span { color:#909090; } .dialog-item .discussion-user-image { float:left; } .dialog-item .discussion-top-line { overflow:hidden; margin-bottom:20px; } .dialog-item .discussion-subject { font-weight:bold; padding-top:5px; } .dialog-item .discussion-text { color:#5c5c5c; overflow:hidden; } .dialog-item .discussion-text .no-text-review { font-style:italic; color:#7f7f7f; } .dialog-item .discussion-buttons { text-align:text; margin-top:10px; } .dialog-item .discussion-buttons a { border-bottom-style:dotted; } .dialog-item.whith-user-image, .dialog-item.without-user-image { min-height:55px; } .dialog-item.without-user-image { background:url('//img.audiomania.ru/img/bubble_question_icon.png') 11px 14px no-repeat; } .dialog-item.whith-user-image .discussion-top-line, .dialog-item.whith-user-image .discussion-text, .dialog-item.whith-user-image .discussion-buttons, .block-discussion.user-comments .dialog-item.whith-user-image .discussion-subject { margin-left:70px; } .dialog-item.without-user-image .discussion-top-line, .dialog-item.without-user-image .discussion-text, .dialog-item.without-user-image .discussion-buttons, .block-discussion.user-comments .dialog-item.without-user-image .discussion-subject { margin-left:55px; } /* BLOCK DEFAULT-FORM */ .default-form:before { content:''; position:absolute; top:-3px; left:0; width:100%; height:1px; background-color:#e6f3ff; } .default-form { position:relative; background-image: -webkit-linear-gradient(#eef7ff, #ffffff); background-image: -moz-linear-gradient(#eef7ff, #ffffff); background-image: -o-linear-gradient(#eef7ff, #ffffff); background-image: linear-gradient(#eef7ff, #ffffff); border-bottom: 1px solid #e6f3ff; padding:10px; } .default-form.light-gradient { border:1px solid #a8c7e7; border-radius:4px; padding:20px; background-image:-moz-linear-gradient(#fefefe 75%, #f8f8f8); background-image:-o-linear-gradient(#fefefe 75%, #f8f8f8); background-image:-webkit-linear-gradient(#fefefe 75%, #f8f8f8); background-image:linear-gradient(#fefefe 75%, #f8f8f8); } .default-form.light-gradient:before { display:none; } .default-form label { float: left; display:block; padding:10px; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .default-form label span { font-size: 12px; color: #5c5c5c; display: block; } .default-form label span.gray { color:#909090; display:inline; } /* фиксы для меток с ценой (фильтры) */ .default-form label.price { color:#bbb; } .default-form label.price span { display:inline; color:#6f6f6f; } .default-form label.price b { color:#6f6f6f; font-size:12px; } .default-form label.price .price-suffix { color:#bbb; } .default-form label.price .am-combobox { margin-top:4px; } /* метка со спаном в виде плейсхолдера */ .default-form label.span-placeholder { position:relative; padding:0 10px; margin-bottom:20px; width:100%; border: 1px solid #a8c7e7; border-radius:4px; background: #ffffff; box-shadow: 0 0 3px transparent, 0 0 3px 0 rgba(0,0,0,.15) inset; -webkit-transition: all 140ms linear; -moz-transition: all 140ms linear; -ms-transition: all 140ms linear; -o-transition: all 140ms linear; transition: all 140ms linear; } .default-form label.span-placeholder span { display:block; float:left; height:28px; line-height:28px; } .default-form label.span-placeholder.err { border:1px solid red; box-shadow: 0 0 3px transparent, 0 0 3px 0 rgba(255,0,0,.45) inset; } .default-form label.span-placeholder .show-field { float:right; width:22px; height:28px; background:url('//img.audiomania.ru/img/show-field-sign.png') -22px center no-repeat; cursor:pointer; } .default-form label.span-placeholder .show-field.active { background-position:0 center; } .default-form label.span-placeholder .clear-field { display:none; float:right; width:76px; height:28px; background:url('//img.audiomania.ru/img/clear-field-sign.png') 4px 7px no-repeat; cursor:pointer; } .default-form label.span-placeholder input[type="text"], .default-form label.span-placeholder input[type="text"]:hover, .default-form label.span-placeholder input[type="text"]:focus, .default-form label.span-placeholder input[type="password"], .default-form label.span-placeholder input[type="password"]:hover, .default-form label.span-placeholder input[type="password"]:focus { height:22px; border:none; box-shadow:none; margin:3px 0; width:auto; display:inline-block; font-size:12px; } .default-form label.span-placeholder textarea, .default-form label.span-placeholder textarea:hover, .default-form label.span-placeholder textarea:focus { border:none; box-shadow:none; margin:0; padding:0; width:100%; resize:none; display:block;} .default-form label.span-placeholder textarea::-moz-placeholder { font-size:12px; font-style:italic; color:#bbb; } .default-form label.span-placeholder textarea::-ms-input-placeholder { font-size:12px; font-style:italic; color:#bbb; } .default-form label.span-placeholder textarea::-webkit-input-placeholder { font-size:12px; font-style:italic; color:#bbb; } .default-form label input[type="text"], .default-form label input[type="password"], .default-form label textarea { outline:none; padding:0 10px; height: 28px; border: 1px solid #a8c7e7; border-radius:4px; background: #ffffff; box-shadow: 0 0 3px transparent, 0 0 3px 0 rgba(0,0,0,.15) inset; -webkit-transition: all 140ms linear; -moz-transition: all 140ms linear; -ms-transition: all 140ms linear; -o-transition: all 140ms linear; transition: all 140ms linear; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color:#000; font-size:12px; margin:10px 0 0 0; } .default-form label textarea { padding:5px 10px; } .default-form label input[type="text"]:hover, .default-form label input[type="text"]:focus, .default-form label textarea:hover, .default-form label textarea:focus, .default-form label.span-placeholder:hover, .default-form label.span-placeholder:focus, .default-form label.span-placeholder.active { box-shadow: 0 0 3px #a8c7e7, 0 0 3px 0 transparent inset; -webkit-transition: all 140ms linear; -moz-transition: all 140ms linear; -ms-transition: all 140ms linear; -o-transition: all 140ms linear; transition: all 140ms linear; } .default-form textarea { resize:vertical; height:auto; min-height:60px; } .default-form input[type=text], .default-form input[type=password] { display:block; width:100%; } .default-form input[type=submit] {float: right; margin:10px; } .default-form input.checkout-auth-data { width:230px !important; } .default-form .buttons, .default-form .form-fields { overflow:hidden; } .default-form .buttons .button { margin:0; } .default-form .err { border:1px solid red; box-shadow: 0 0 3px transparent, 0 0 3px 0 rgba(255,0,0,.45) inset; } .autoset-item { position:relative; padding:10px 190px 10px 10px !important; } .autoset-item .buttons { position:absolute; width:150px; right:20px; top:43px; } .autoset-item .buttons .button { margin:0; } .autoset-item label { width:auto; } /* блоки с элементами форм для подбора */ .extended-selection { margin-top:24px; } .extended-selection .caption { display:block !important; margin: 15px 0 10px; font-weight:bold; } .extended-selection .caption span { border-bottom:2px solid #a8c7e7; } .extended-selection .buttons .button { margin:0; } .combobox-selector, .radio-selector, .checkbox-selector { margin:10px 5px 0; } .combobox-selector label { float:none } .radio-selector > div { display:inline-block; margin-right:3px; } .checkbox-selector .caption { position:relative; } .checkbox-selector .caption .control { position:absolute; left:310px; top:0; } .checkbox-selector .caption .control a { font-weight:normal; font-size:12px; margin-right:20px; cursor:pointer; } .range-selector .caption { margin:0; } .range-selector .caption span { border-bottom:none; } .param-additional { display:none; } /* правый фильтр */ .fieldset { position:relative; padding-bottom:10px; margin:0px 10px 8px; } .fieldset:after { content:''; position:absolute; bottom:0; left:-20px; right:-20px; height:1px; background:#a8c7e7; } .fieldset .fieldset-caption { color:#000; font-size:14px; line-height:20px; font-weight:bold; padding:3px 0 0 22px; position:relative; cursor:pointer; } .fieldset .fieldset-caption:before { content:''; position:absolute; top:6px; left:0; height:16px; width:16px; background:url('//img.audiomania.ru/img/fieldsets-caption-bg.png') 0 0 no-repeat; } .fieldset .fieldset-caption.minimized:before { background-position:0 -16px; } .fieldset .fieldset-caption.minimized .fieldset-body { display:none; } .fieldset .fieldset-body { padding:3px 0 6px; } .fieldset .fieldset-body .range-selector { border-top:0; margin:4px 0 0px 4px; padding:0px 5px 12px 0px; } .fieldset .button { padding:0; text-align:center; color:#a8c7e7; font-size:12px; line-height:28px; cursor:pointer; } .default-form.fieldsets { border-width:2px; background:#ffffff; padding:10px; } .default-form.fieldsets .button { margin:0; box-shadow:none; } .default-form.fieldsets .buttons { margin:20px 10px 10px; } .default-form.fieldsets .radio-selector label { width:100%; padding:0 10px 0 0; } .default-form.fieldsets label { padding:0 0 5px 20px; width:50%; line-height:18px; cursor:pointer; position:relative; display:block; } .default-form.fieldsets label .v-checked { display:block; position:absolute; left:0; top:1px; width:14px; height:14px; border:1px solid #a8c7e7; border-radius:2px; } .default-form.fieldsets label .name { color:#5c5c5c; font-size:12px; } .default-form.fieldsets label input:checked + .v-checked { background:url('//img.audiomania.ru/img/fieldset-checkbox.png') center center no-repeat #e6f3ff; } .default-form.fieldsets label input:checked ~ .name { font-weight:bold; } .default-form.fieldsets label[for^=v_19_] { width:100% !important; } .default-form.fieldsets label[for^=v_370_] { width:100% !important; } /* иконки с типами оплаты */ .payment-type-item { background:url('//img.audiomania.ru/img/payment-type-sprite-20210811.png') no-repeat; } .pt-nalcur { background-position:0 0; } .pt-beznal { background-position:0 -180px; } .pt-termin { background-position:0 -210px; } .pt-webmon { background-position:0 -90px; } .pt-svyazn { background-position:0 -120px; } .pt-qiwipo { background-position:0 -240px; } .pt-nalkas { background-position:0 -60px; } .pt-cconli { background-position:0 -150px; } .pt-evrose { background-position:0 -270px; } .pt-paylte { background-position:0 -300px; } .pt-yamone { background-position:0 -30px; } .pt-cckass { background-position:0 -150px; } .pt-halvac { background-position:0 -330px; } .pt-sovest { background-position:0 -360px; } .pt-svobod { background-position:0 -390px; } .pt-pbrass { background-position:0 -420px; } .pt-pbcred { background-position:0 -420px; } .pt-moneyc { background-position:0 -450px; } .pt-sbpsbp { background-position:0 -480px; } .r-circle:before { content:''; position:absolute; top:-8px; left:-8px; background:#d70006; width:12px; height:12px; border:2px solid #fff; border-radius:8px; z-index:5; box-shadow:0 2px 0 rgba(0,0,0,.3); } .v-button { position:absolute; left:-110px; background:#175fb9; color:#fff; text-align:center; font-size:14px; padding:0 10px; border-radius:4px; width:80px; height:30px; line-height:30px; z-index:101; cursor:pointer; opacity:0.8; } .v-button:after { right:-8px; top:12px; } .block-honors > div, .block-accessories > div, .block-aboutbrand > div, .block-manual-content > div, .block-recommend > div { padding:0 !important; border-bottom:none !important; } .block-honors .item, .block-accessories .item, .block-honors .item-v2, .block-accessories .item-v2 { border:1px solid #e5f3ff; border-radius:4px; background-color:#fff; text-align:center; margin:10px; width:140px; float:left; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .block-honors .item:hover, .block-accessories .item:hover, .block-honors .item-v2:hover, .block-accessories .item-v2:hover { border-color: #a8c7e7; box-shadow: 0 0 3px #a8c7e7; background-image: -webkit-linear-gradient(#ffffff 75%, #fafafa); background-image: -moz-linear-gradient(#ffffff 75%, #fafafa); background-image: -o-linear-gradient(#ffffff 75%, #fafafa); background-image: linear-gradient(#ffffff 75%, #fafafa); } .block-honors > div { margin:10px -10px 0; } .block-honors .item, .block-honors .item-v2 { min-height:80px; line-height:80px; } .block-honors .item img, .block-honors .item-v2 img { vertical-align:middle; max-height:70px; } .image-holder { width:100%; padding:15px 5px 0px 0px; } .image-holder img { max-width:250px; max-height:150px; } .block-accessories > div { margin:15px -10px 0; } .block-accessories .item, .block-accessories .item-v2 { min-height:300px; } .block-accessories .item.no-buy-button, .block-accessories .item-v2.no-buy-button { min-height:275px; padding-bottom:20px; } .block-accessories .item a, .block-accessories .item-v2 a { background:none !important; border-bottom:none !important; } .block-accessories a.block-show-more { text-align:center; } .block-accessories a.block-show-more span { border-bottom: 1px dotted #a8c7e7 !important; position:relative; } .block-accessories a.block-show-more:hover span { border-bottom-color:#175fb9 !important; } .block-accessories center { font-size:12px; color:#5c5c5c; font-style:italic; padding:20px 0; border-bottom:1px solid #e6f3ff; } .block-accessories .item .item-name, .block-accessories .item-v2 .item-name, .block-accessories .item .item-name2, .block-accessories .item-v2 .item-name2 { text-align:left; height:90px; overflow:hidden; } .block-accessories .item .item-name a, .block-accessories .item-v2 .item-name a, .block-accessories .item .item-name2 a, .block-accessories .item-v2 .item-name2 a { padding:0; margin:0 20px 5px; display:block; text-align:left; color:#5c5c5c; line-height:18px; font-size:12px; } .block-accessories .item .item-cost, .block-accessories .item-v2 .item-cost { padding:5px 20px 0px 20px; text-align:left; font-size:12px; } .block-accessories .item .buttons, .block-accessories .item-v2 .buttons { padding:12px 17px; } .block-accessories .item .buttons a, .block-accessories .item-v2 .buttons a { padding:0; margin:5px 0 10px; display:block; } .block-accessories .item .buttons span, .block-accessories .item-v2 .buttons span { border-bottom:1px dotted #a8c7e7; color:inherit; } .block-accessories .item .buttons a:hover span, .block-accessories .item-v2 .buttons a:hover span { border-bottom:1px dotted #175fb9; } .block-accessories .item .buttons input, .block-accessories .item-v2 .buttons input { width:100%; } .block-accessories a.block-show-more:hover span:after { border-top-color: #175fb9; border-left-color:transparent; } .block-accessories .item .item-img, .block-accessories .item-v2 .item-img { padding:10px 0px 5px 0px; } .block-accessories .item .item-img img, .block-accessories .item-v2 .item-img img { border:0; width:120px; height:120px; } .block-reviews-by-categories { float: left; } .block-reviews-by-categories ul { padding: 30px 0 40px; overflow:hidden; } .block-reviews-by-categories li { width: 33.3%; height:40px; float:left; position:relative; display:table; box-sizing:border-box; padding-right:20px; } .block-reviews-by-categories li:nth-child(3n) { padding-right:0; } .block-reviews-by-categories li a { display:table-cell; vertical-align:middle; color:#a8c7e7; border-bottom:1px solid #e6f3ff; padding:0 20px !important; } .block-reviews-by-categories a span { margin-right: 5px; } .block-reviews-by-categories .block-show-more { text-align: center; } #isotope-grid { display:block; min-height:300px; height:100%; } #isotope-grid .list-item img, #isotope-grid .list-item a { display:block; } .block-foto-list {} .foto-list { margin:0 -10px; } .foto-list .list-item .caption, .foto-list .list-item:hover .caption { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .foto-list .list-item { float:left; width:320px; padding:10px; box-sizing:border-box; } .foto-list .list-item .img { border:2px solid #e6f3ff; position:relative; border-radius:4px; padding:1px; } .foto-list .list-item img { width:100%; display:block; border-radius:4px; } .foto-list .list-item .caption { position:absolute; left:0; bottom:0; padding:10px; width:100%; box-sizing:border-box; border-radius:0 0 4px 4px; background:rgba(255,255,255,.8); color:#175fb9; opacity:0; } .foto-list .list-item:hover .caption { opacity:1; } .foto-list .list-item a { display:block; } .paginator { list-style:none; padding:0; margin:20px 0; text-align:center; } .paginator li { display:inline-block; height:30px; min-width:30px; margin:0 5px; } .paginator a { padding:0 10px; } .paginator a.active { text-decoration:none; cursor:default; } .paginator .first, .paginator .last, .paginator .prev, .paginator .next { min-width:100px; } .search-result { border: 1px solid #e6f3ff; border-radius: 4px; position: relative; box-sizing: border-box; margin:20px 0; } .search-result .caption { font-size:12px; font-style:italic; font-weight:normal; color:#b91717; margin:15px 20px; } .admin-block { border:1px dotted #478fe9; text-align:right; margin-top:8px; padding:4px 12px; float:right; color:#909090; font-size:12px; } .admin-block a { text-decoration:underline; color:#175fb9; font-size:12px; margin:0 8px; } @media screen and (min-width: 1250px) { .li-slide-menu-close { display:none; } } @media screen and (max-width: 1200px) { /* TABS */ .hide-tabs { display:none; } .block-goods-list .list-style .goods-description { display: none; } .block-goods-list .list-style.discount .image { max-width:400px; height:80px; overflow:hidden; } .block-goods-list .list-style.alternate .image { max-width:110px; height:80px; overflow:hidden; } .block-reviews-by-categories li { width: 50%; } .block-reviews-by-categories li:nth-child(2n) { padding-right:0; } .block-reviews-by-categories li:nth-child(3n) { padding-right:20px; } .block-goods-list .list-style.discount .goods-item-name p.descr { font-size:12px; padding:12px 230px 0 0; } } @media screen and ( max-width: 1000px ) { /*ul.align-justify li { padding:0 50px 0 0; }*/ li.cart-not-empty a { width:120px; } .block-goods-list .list-style.discount .image { max-width:300px; height:80px; overflow:hidden; } }