@font-face { font-family: 'CalibriRegular'; src: url('/bitrix/templates/mxv_main/fonts/CalibriRegular.eot'); src: url('/bitrix/templates/mxv_main/fonts/CalibriRegular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/mxv_main/fonts/CalibriRegular.woff') format('woff'), url('/bitrix/templates/mxv_main/fonts/CalibriRegular.ttf') format('truetype'), url('/bitrix/templates/mxv_main/fonts/CalibriRegular.svg#CalibriRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'WebServeroff'; src: url('/bitrix/templates/mxv_main/fonts/WebServeroffRegular.eot'); src: url('/bitrix/templates/mxv_main/fonts/WebServeroffRegular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/mxv_main/fonts/WebServeroffRegular.woff') format('woff'), url('/bitrix/templates/mxv_main/fonts/WebServeroffRegular.ttf') format('truetype'), url('/bitrix/templates/mxv_main/fonts/WebServeroffRegular.svg#WebServeroffRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'WebServeroff'; src: url('/bitrix/templates/mxv_main/fonts/WebServeroffItalic.eot'); src: url('/bitrix/templates/mxv_main/fonts/WebServeroffItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/mxv_main/fonts/WebServeroffItalic.woff') format('woff'), url('/bitrix/templates/mxv_main/fonts/WebServeroffItalic.ttf') format('truetype'), url('/bitrix/templates/mxv_main/fonts/WebServeroffItalic.svg#WebServeroffItalic') format('svg'); font-weight: normal; font-style: italic; } /* reset browser styles */ * { margin: 0; padding: 0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1.2; } ol { list-style: decimal; } ul { list-style: circle; } table { border-collapse: collapse; border-spacing: 0; } /* end reset browser styles */ html, body, .wrap { height: 100%; } body { background: #ffffff; color: #8a857d; font: 14px/20px Arial, Helvetica, sans-serif; } body a { text-decoration: none; color: #2c84ab; } /* delete orange border in Chrome */ input, textarea { outline:none; } input:active, textarea:active { outline:none; } :focus { outline:none; } /*------------------------------*/ .clear { clear: both; } .wrap { width: 100%; min-width: 936px; margin: 0 auto; font: 14px/20px CalibriRegular; } .main { min-height: 100%; margin: 0 0 -112px; overflow: hidden; } /*--------------------------------------*/ /* header */ /*--------------------------------------*/ .header { /*height: 268px;*/ background: #fff; margin-bottom: 27px; } .header .header-top-wrap { background: #603a17; } .header .header-top { width: 936px; height: 50px; margin: 0 auto; } .header .header-content { position: relative; width: 936px; margin: 0 auto; } /*--------------------------------------*/ /* center */ /*--------------------------------------*/ .all { padding: 0 0 112px; } .main .all .content { width: 936px; margin: 0 auto; padding-bottom: 50px; } .main .all .content:after { display: table; content: " "; clear: both; } /*--------------------------------------*/ .footer-wrap { background: #8a857d; }
/*--------------------------------------*/ /* header-top elements */ /*--------------------------------------*/ .header-top .search { float: left; width: 152px; height: 30px; margin-top: 8px; border: 2px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .header-top .search form { overflow: hidden; } .header-top .search .pole { float: left; width: 96px; height: 30px; color: #fff; border: none; background: none; font: 16px/30px WebServeroff; padding: 0 10px; } .header-top .search .search-btn { float: right; width: 36px; height: 30px; border: none; background: url('/bitrix/templates/mxv_main/img/search-btn.png') no-repeat center #fff; cursor: pointer; } .header-top .search ::-webkit-input-placeholder {color: #fff;} .header-top .search ::-moz-placeholder {color: #fff;} .header-top .search :-moz-placeholder {color: #fff;} .header-top .search :-ms-input-placeholder {color: #fff;} /*--------------------------------------*/ .header-top .cart-top { float: right; width: 156px; height: 30px; border: 2px solid #fff; font: 18px/30px WebServeroff; text-transform: uppercase; margin-top: 8px; color: #fff; text-align: center; } .header-top .cart-top span { display: inline-block; width: 25px; height: 30px; background: url('/bitrix/templates/mxv_main/img/cart-btn.png') no-repeat left top; vertical-align: top; margin-right: 10px; } .header-top .cart-top.full { color: #f00; } .header-top .cart-top.full span { background-position: -26px 0; } /*--------------------------------------*/ .header-top .callback-wrap { float: right; position: relative; } .header-top .callback { float: right; width: 140px; height: 34px; font: 18px/34px WebServeroff; text-transform: uppercase; margin: 8px 20px 0 0; color: #fff; text-align: center; background: #2c84ab; cursor: pointer; } /*--------------------------------------*/ .header-top .phone-1 { float: right; width: 96px; height: 34px; font: 16px/34px WebServeroff; text-transform: uppercase; margin: 8px 20px 0 0; color: #fff; padding-left: 34px; background: url('/bitrix/templates/mxv_main/img/phone-1.png') no-repeat left center; } /*--------------------------------------*/ .header-top .phone-lisa { float: right; width: 132px; height: 34px; font: 16px/34px WebServeroff; text-transform: uppercase; margin: 8px 20px 0 0; color: #fff; padding-left: 5px; } /*--------------------------------------*/.header-top .phone-lisa img {height:40px;display: block;margin-top: -20px;padding-top: 20px;float: left;} /*--------------------------------------*/ .header-top .phone-2 { float: right; width: 96px; height: 34px; font: 16px/34px WebServeroff; text-transform: uppercase; margin: 8px 20px 0 0; color: #fff; padding-left: 34px; background: url('/bitrix/templates/mxv_main/img/phone-2.png') no-repeat left center; } /*--------------------------------------*/ /* top-nav */ /*--------------------------------------*/ .top-nav { position: relative; padding: 28px 0; height: 110px; } .logo { position: absolute; left: 398px; top: 28px; display: inline-block; width: 136px; height: 106px; border: 2px solid #b1aea8; } .logo span { display: inline-block; width: 140px; height: 48px; margin: 26px -2px 0; background: #fff; color: #2c84ab; font: 48px/48px WebServeroff; text-shadow: 0 0 #2c84ab; text-align: center; text-transform: lowercase; padding-bottom: 6px; } /*--------------------------------------*/ .top-nav .nav-left, .top-nav .nav-right { position: absolute; right: 538px; top: 28px; list-style: none; overflow: hidden; } .top-nav .nav-left li { float: right; margin: 31px 34px 0 0; } .top-nav .nav-left li a, .top-nav .nav-right li a { display: inline-block; color: #8a857d; font: 18px/48px WebServeroff; text-shadow: 0 0 #8a857d; } .top-nav .nav-left li a:hover, .top-nav .nav-left li.active a, .top-nav .nav-right li a:hover, .top-nav .nav-right li.active a { color: #2c84ab; } /*--------------------------------------*/ .top-nav .nav-right { right: auto; left: 538px; } .top-nav .nav-right li { float: left; margin: 31px 0 0 34px; } /*--------------------------------------*/ /* top-menu */ /*--------------------------------------*/ .top-menu ul { position: relative; height: 46px; list-style: none; border-top: 2px solid #b1aea8; border-bottom: 2px solid #b1aea8; } .top-menu ul li { float: left; margin-right: 48px; } .top-menu ul li a { display: inline-block; font: 18px/46px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; margin: -2px 0; border-top: 2px solid #b1aea8; border-bottom: 2px solid #b1aea8; text-transform: uppercase; } .top-menu ul li.last { float: right; margin-right: 0; } .top-menu ul li.active a, .top-menu ul li a:hover { border-top: 2px solid #2c84ab; border-bottom: 2px solid #2c84ab; color: #2c84ab; text-shadow: 0 0 #2c84ab; } /*--------------------------------------*/ .top-menu ul ul { display: none; list-style: none; position: absolute; left: 0; top: 46px; width: 918px; height: auto; overflow: hidden; background: #fff; padding: 15px 7px 0; border: 2px solid #b1aea8; -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2); z-index: 100; } .top-menu ul ul li { float: left; margin: 0 3px 10px; text-align: center; width: 146px; height: 220px; } .top-menu ul ul li a.pic { display: table-cell; width: 146px; height: 155px; vertical-align: bottom; border: none; margin: 0; border: none; } .top-menu ul ul li a.pic img { vertical-align: bottom; max-width: 146px; max-height: 155px; } .top-menu ul ul li a.title { display: inline-block; font: 18px/20px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; margin: 25px 0 0 0; border: none; text-transform: none; } .top-menu ul ul li.active a.title, .top-menu ul ul li a.title:hover { color: #2c84ab; } .top-menu ul .arrow { display: none; position: absolute; left: 0; top: 35px; width: 19px; height: 13px; background: url('/bitrix/templates/mxv_main/img/top-menu-arrow.png') no-repeat left top; z-index: 110; } /*--------------------------------------*/ /* contents */ /*------------------------------------.catalog .catalog-top h1.title-text�{--*/ .content h1, .content h2, .content h3 { font: 36px/36px WebServeroff; color: #2c84ab; margin-bottom: 27px; text-transform: uppercase; } .content h1.title-text, .content h2.title-text, .content h3.title-text { padding-left: 45px; background: url('/bitrix/templates/mxv_main/img/title-icon-1.png') no-repeat left center; } .content p { margin-bottom: 27px; } /*--------------------------------------*/ /* footer contents */ /*--------------------------------------*/ .footer .copyright { position: absolute; left: 0; top: 37px; font: 16px/16px WebServeroff; color: #fff; } .footer .address { position: absolute; left: 330px; top: 37px; font: 16px/16px WebServeroff; color: #fff; } .footer .social { position: absolute; right: 0; top: 20px; font: 16px/16px WebServeroff; color: #fff; text-align: right; } .footer .social a { display: inline-block; width: 22px; height: 22px; margin: 10px 0 0 20px; background: url('/bitrix/templates/mxv_main/img/social-icons.png') no-repeat 0 0; } .footer .social a.social-2 { background-position: -23px 0; } .footer .social a.social-3 { background-position: -46px 0; } .footer .social a.social-4 { background-position: -69px 0; } .footer .social a.social-5 { background-position: -92px 0; } .footer .social a.social-6 { background: url('/bitrix/templates/mxv_main/img/social-6.png') no-repeat left top; } .footer .bottom-menu { position: absolute; left: 0; top: 78px; width: 936px; font: 12px/14px Calibri; } .footer .bottom-menu ul { overflow: hidden; list-style: none; text-align: center; } .footer .bottom-menu ul li { display: inline-block; margin: 0 3px; } .footer .bottom-menu ul li a { text-decoration: underline; color: #fff; text-transform: lowercase; } .footer .bottom-menu ul li a:hover { text-decoration: none; } /*--------------------------------------*/ /* main page contents */ /*--------------------------------------*/ .main-pic { width: 936px; height: 318px; background: url('/bitrix/templates/mxv_main/img/main-pic.jpg') no-repeat left top; padding-bottom: 27px; border-bottom: 2px solid #b1aea8; margin-bottom: 27px; text-align: center; } .main-pic span.text { display: inline-block; width: 430px; height: 140px; background: url('/bitrix/templates/mxv_main/img/main-pic-rect.png') no-repeat left top; margin-top: 80px; color: #fff; } .main-pic span.text span { display: inline-block; text-transform: uppercase; padding-top: 35px; width: 430px; font: 46px/52px WebServeroff; } .main-pic span.text em { font: italic 24px/24px WebServeroff; } /*--------------------------------------*/ /* main page our-work */ /*--------------------------------------*/ .our-work { padding-bottom: 11px; border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } .our-work h2.title-text { background: url('/bitrix/templates/mxv_main/img/title-icon-2.png') no-repeat left center; color: #603a17; } .our-work .our-work-in { overflow: hidden; } .our-work .our-work-in .our-work-one { position: relative; float: left; width: 222px; height: 164px; margin: 0 16px 16px 0; } .our-work .our-work-in .our-work-one.last { margin-right: 0; } .our-work .our-work-in .our-work-one a.pic { display: table-cell; width: 222px; height: 164px; vertical-align: middle; text-align: center; } .our-work .our-work-in .our-work-one a.pic img { max-width: 222px; max-height: 164px; vertical-align: bottom; } .our-work .our-work-in .our-work-one a.pic .border { position: absolute; left: 0; top: 0; width: 222px; height: 164px; background: url('/bitrix/templates/mxv_main/img/our-work-border.png') no-repeat left top; } .our-work .our-work-in .our-work-one a.pic .border span { float: left; font: 18px/20px WebServeroff; text-shadow: 0 0 #fff; color: #fff; background: #2c84ab; opacity: 0.9; padding: 6px 20px; text-transform: uppercase; margin-top: 66px; text-align: left; letter-spacing: 1px; } /*--------------------------------------*/ /* main page top-sales */ /*--------------------------------------*/ .top-sales { margin-bottom: 27px; } .top-sales h2.title-text { background: url('/bitrix/templates/mxv_main/img/title-icon-3.png') no-repeat left center; } .top-sales .top-sales-in { margin-bottom: 27px; } .top-sales .top-sales-in ul { overflow: hidden; list-style: none; } .top-sales .top-sales-in ul li { float: left; width: 186px; margin: 0 48px 0 0; } .top-sales .top-sales-in ul li a.pic { display: table-cell; width: 186px; height: 165px; vertical-align: middle; text-align: center; background: url('/bitrix/templates/mxv_main/img/top-sales-border.png') no-repeat left top; } .top-sales .top-sales-in ul li a.pic img { display: inline-block; max-width: 182px; max-height: 161px; vertical-align: bottom; } .top-sales .top-sales-in ul li .descr { display: inline-block; width: 186px; height: 36px; overflow: hidden; margin-top: 8px; font: 16px/18px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; } .top-sales .top-sales-in ul li .more-price { float: left; width: 186px; height: 30px; } .top-sales .top-sales-in ul li .more-price a { float: left; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; padding-right: 20px; background: url('/bitrix/templates/mxv_main/img/more.png') no-repeat right center; text-transform: lowercase; } .top-sales .top-sales-in ul li .more-price .price { position: relative; float: right; font: 26px/30px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; } .top-sales .top-sales-in ul li .more-price .price.new { color: #de2924; text-shadow: 0 0 #de2924; } .top-sales .top-sales-in ul li .more-price .price .grn { font-size: 16px; line-height: 16px; color: #8a857d; text-shadow: 0 0 #8a857d; } .top-sales .top-sales-in ul li .more-price .price .price-old { position: absolute; right: 0; top: -15px; font-size: 15px; line-height: 15px; white-space: nowrap; background: #fff; color: #8a857d; text-shadow: 0 0 #8a857d; } .top-sales .top-sales-in ul li .more-price .price .price-old .old { background: url('/bitrix/templates/mxv_main/img/detail-price-old.png') repeat-x left center; } .top-sales .top-sales-in ul li .more-price .price .price-old .action { text-transform: uppercase; color: #de2924; text-shadow: 0 0 #de2924; } .top-sales .top-sales-in ul li .more-price .price .price-old .grn { font-size: 9px; line-height: 9px; text-shadow: 0 0 #8a857d; } .top-sales .top-sales-in ul li .buy-btn { display: inline-block; width: 177px; height: 34px; padding-left: 82px; background: url('/bitrix/templates/mxv_main/img/buy-btn.png') no-repeat 50px center #2c84ab; font: 18px/34px WebServeroff; text-shadow: 0 0 #fff; text-transform: uppercase; color: #fff; margin-top: 5px; } /* slider nav */ .top-sales .bx-wrapper .bx-prev { left: -24px; background: url('/bitrix/templates/mxv_main/img/slider-nav-1.png') no-repeat 0 0; } .top-sales .bx-wrapper .bx-next { right: -24px; background: url('/bitrix/templates/mxv_main/img/slider-nav-1.png') no-repeat -16px 0; } .top-sales .bx-wrapper .bx-prev:hover { background-position: 0 -39px; } .top-sales .bx-wrapper .bx-next:hover { background-position: -16px -39px; } .top-sales .bx-wrapper .bx-controls-direction a { position: absolute; top: 30%; margin-top: -19px; outline: 0; width: 15px; height: 38px; text-indent: -9999px; z-index: 99; } /*--------------------------------------*/ .top-sales .full-catalog { text-align: center; } .top-sales .full-catalog a { display: inline-block; font: 18px/18px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; padding-bottom: 33px; background: url('/bitrix/templates/mxv_main/img/full-catalog.png') no-repeat center bottom; } /*--------------------------------------*/ /* main page calc-baget */ /*--------------------------------------*/ .calc-baget { overflow: hidden; padding-bottom: 27px; border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } /* calc */ .calc-baget .calc, .calc-baget .baget { float: left; width: 446px; margin-right: 44px; padding-top: 27px; border-top: 2px solid #b1aea8; } .calc-baget .calc a.title-text, .calc-baget .baget a.title-text { display: inline-block; background: url('/bitrix/templates/mxv_main/img/calc-icon.png') no-repeat left center; color: #8a857d; margin-bottom: 22px; font: 36px/36px WebServeroff; text-shadow: 0 0 #8a857d; text-transform: uppercase; padding-left: 45px; } .calc-baget .calc a.pic, .calc-baget .baget a.pic { display: table-cell; width: 446px; height: 165px; vertical-align: middle; text-align: center; } .calc-baget .calc a.pic img, .calc-baget .baget a.pic img { max-width: 446px; max-height: 165px; vertical-align: bottom; } .calc-baget .calc .descr, .calc-baget .baget .descr { width: 356px; height: 40px; font: 16px/20px WebServeroff; color: #fff; background: #603a17; padding: 32px 45px; margin-top: 12px; } /* baget */ .calc-baget .baget { margin: 0; } .calc-baget .baget a.title-text { background: url('/bitrix/templates/mxv_main/img/baget-icon.png') no-repeat left center; } /*--------------------------------------*/ /* main page calc-baget */ /*--------------------------------------*/ .many { overflow: hidden; padding-bottom: 27px; border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } .many .many-one { float: left; width: 284px; margin-right: 42px; } .many .many-one.last { margin: 0; } .many .many-one a.pic { display: table-cell; width: 284px; height: 150px; vertical-align: middle; text-align: center; } .many .many-one a.pic img { max-width: 284px; max-height: 150px; vertical-align: bottom; } .many .many-one a.title { display: inline-block; margin: 27px 0; font: 24px/26px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; border-bottom: 1px solid #603a17; } .many .many-one a.title:hover { border-bottom: 1px solid #fff; } .many .many-one .descr { height: 120px; overflow: hidden; } /*--------------------------------------*/ /* catalog section page */ /*--------------------------------------*/ .catalog { border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } /*--------------------------------------*/ /* title and filter */ /*--------------------------------------*/ .catalog .catalog-top { float: left; width: 936px; padding-bottom: 27px; border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } .catalog .catalog-top h1.title-text { float: left; background: none; padding: 0; margin: 0; max-width: 415px; } .filter { float: right; width: 693px; } .filter form { float: right; } .filter .selectWrap { position: relative; float: left; width: 150px; height: 30px; background-color: rgba(255,255,255,0); border: 1px solid #b1aea8; margin-right: 10px; } .filter .selectWrap .link { position: absolute; left: 0; top: 0; width: 140px; height: 30px; padding: 0 0 0 10px; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; z-index: 1; background: url('/bitrix/templates/mxv_main/img/select-arrow.png') no-repeat right top; } .filter .selectWrap select { position: absolute; left: 0; top: 0; width: 140px; height: 30px; padding: 0 0 0 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; z-index: 2; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; } .filter .selectWrap.last, .filter .selectWrap.ullList { margin: 0; } .filter .selectWrap.ullList { float: right; } .filter .selectWrap ul { position: absolute; left: 0; top: 30px; width: 148px; overflow: hidden; background: #fff; border: 1px solid #b1aea8; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; visibility: hidden; z-index: 90; font: 16px/22px WebServeroff; text-shadow: 0 0 #8a857d; } .filter .selectWrap ul.opened { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; visibility: visible; } .filter .selectWrap ul li a { display: inline-block; padding: 0 0 0 10px; color: #8a857d; } .filter .selectWrap ul li:hover { background: #1e90ff; } .filter .selectWrap ul li:hover a { color: #fff; } .filter a.action { float: right; margin-left: 20px; font: 16px/30px WebServeroff; text-transform: uppercase; color: #de2924; text-shadow: 0 0 #de2924; } /*--------------------------------------*/ /* products */ /*--------------------------------------*/ .catalog .products { overflow: hidden; margin-bottom: 27px; } .catalog .products .product { float: left; width: 205px; margin: 0 38px 0 0; } .catalog .products .row { padding-bottom: 27px; margin-bottom: 27px; background: url('/bitrix/templates/mxv_main/img/catalog-row.png') no-repeat center bottom; overflow: hidden; } .catalog .products .row.last { padding: 0; margin: 0; background: none; } .catalog .products .product.last { margin: 0; } .catalog .products .product a.pic { display: table-cell; width: 205px; height: 184px; vertical-align: middle; text-align: center; } .catalog .products .product a.pic img { display: inline-block; max-width: 205px; max-height: 184px; vertical-align: bottom; } .catalog .products .product .code { font: 18px/20px WebServeroff; text-shadow: 0 0 #8a857d; margin-top: 8px; } .catalog .products .product .code span { color: #2c84ab; text-shadow: 0 0 #2c84ab; } .catalog .products .product .descr { display: inline-block; width: 205px; /*height: 40px;*/ overflow: hidden; margin-top: 8px; font: 18px/20px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; } .catalog .products .product .more-price { float: left; width: 205px; height: 40px; margin-top: 15px; } .catalog .products .product .more-price a { float: left; font: 16px/40px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; padding-right: 20px; background: url('/bitrix/templates/mxv_main/img/more.png') no-repeat right center; text-transform: lowercase; } .catalog .products .product .more-price .price { position: relative; float: right; font: 40px/40px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; } .catalog .products .product .more-price .price.new { color: #de2924; text-shadow: 0 0 #de2924; } .catalog .products .product .more-price .price .grn { font-size: 25px; line-height: 25px; color: #8a857d; text-shadow: 0 0 #8a857d; } .catalog .products .product .more-price .price .price-old { position: absolute; right: 0; top: -15px; font-size: 15px; line-height: 15px; white-space: nowrap; background: #fff; color: #8a857d; text-shadow: 0 0 #8a857d; } .catalog .products .product .more-price .price .price-old .old { background: url('/bitrix/templates/mxv_main/img/detail-price-old.png') repeat-x left center; text-shadow: 0 0 #8a857d; } .catalog .products .product .more-price .price .price-old .action { text-transform: uppercase; color: #de2924; text-shadow: 0 0 #de2924; } .catalog .products .product .more-price .price .price-old .grn { font-size: 9px; line-height: 9px; text-shadow: 0 0 #8a857d; } .catalog .products .product .available, .catalog .products .product .not-available { float: left; width: 134px; height: 30px; border: 2px solid #b1aea8; text-transform: uppercase; font: 18px/30px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; padding-left: 67px; background: url('/bitrix/templates/mxv_main/img/catalog-available.png') no-repeat 34px center; margin-top: 5px; } .catalog .products .product .not-available { color: #8a857d; text-shadow: 0 0 #8a857d; background: url('/bitrix/templates/mxv_main/img/catalog-not-available.png') no-repeat 34px center; } .catalog .products .product .buy-btn { display: inline-block; width: 113px; height: 34px; padding-left: 92px; background: url('/bitrix/templates/mxv_main/img/buy-btn.png') no-repeat 60px center #2c84ab; font: 18px/34px WebServeroff; text-shadow: 0 0 #fff; text-transform: uppercase; color: #fff; margin-top: 10px; } /*--------------------------------------*/ /* page-nav */ /*--------------------------------------*/ .page-nav { text-align: center; margin-bottom: 27px; } .page-nav a { display: inline-block; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; padding: 0 3px; } .page-nav a.active { color: #2c84ab; text-shadow: 0 0 #2c84ab; text-decoration: underline; } .page-nav a:hover { color: #2c84ab; text-shadow: 0 0 #2c84ab; } .page-nav a.prev, .page-nav a.next { border: 1px solid #b1aea8; padding: 0 10px; } .page-nav a.prev { margin-right: 5px; } .page-nav a.next { margin-left: 5px; } .page-nav a.prev span, .page-nav a.next span { display: inline-block; width: 13px; height: 16px; background: url('/bitrix/templates/mxv_main/img/page-nav.png') no-repeat 0 0; vertical-align: middle; } .page-nav a.prev span { margin-right: 3px; } .page-nav a.next span { margin-left: 3px; background-position: -14px 0; } .page-nav a.prev:hover span { background-position: 0 -17px; } .page-nav a.next:hover span { background-position: -14px -17px; } /*--------------------------------------*/ /* catalog detail page */ /*--------------------------------------*/ .catalog .detail .two-column { overflow: hidden; margin-bottom: 27px; } /* left-column */ .catalog .detail .two-column .left { float: left; width: 455px; margin-right: 27px; } .catalog .detail .two-column .left .pic-wrap { position: relative; width: 431px; height: 431px; padding: 12px; background: url('/bitrix/templates/mxv_main/img/detail-border.png') no-repeat left top; } .catalog .detail .two-column .left a.pic { display: table-cell; width: 431px; height: 431px; vertical-align: middle; text-align: center; } .catalog .detail .two-column .left a.pic img { max-width: 431px; max-height: 431px; vertical-align: bottom; } .catalog .detail .two-column .left a.pic span.delivery { position: absolute; right: 12px; top: 12px; width: 202px; height: 179px; background: url('/bitrix/templates/mxv_main/img/detail-delivery.png') no-repeat left top; } /* detail slider */ .detail-slider-wrap { margin-top: 10px; } .detail-slider-wrap ul { overflow: hidden; list-style: none; } .detail-slider-wrap ul li { float: left; width: 75px; margin: 0 10px 0 0; } .detail-slider-wrap ul li a.pic-small { display: table-cell; width: 75px; height: 75px; vertical-align: middle; text-align: center; } .detail-slider-wrap ul li a.pic img { display: inline-block; max-width: 75px; max-height: 75px; vertical-align: bottom; } /* slider nav */ .detail-slider-wrap .bx-wrapper .bx-prev { left: -24px; background: url('/bitrix/templates/mxv_main/img/slider-nav-1.png') no-repeat 0 0; } .detail-slider-wrap .bx-wrapper .bx-next { right: -24px; background: url('/bitrix/templates/mxv_main/img/slider-nav-1.png') no-repeat -16px 0; } .detail-slider-wrap .bx-wrapper .bx-prev:hover { background-position: 0 -39px; } .detail-slider-wrap .bx-wrapper .bx-next:hover { background-position: -16px -39px; } .detail-slider-wrap .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -19px; outline: 0; width: 15px; height: 38px; text-indent: -9999px; z-index: 99; } /* right-column */ .catalog .detail .two-column .right { float: right; width: 454px; } .catalog .detail .two-column .right h1.title-text { background: none; padding: 0 0 20px 0; border-bottom: 2px solid #b1aea8; color: #603a17; } .catalog .detail .two-column .right ul.prop { list-style: none; font: 18px/20px WebServeroff; text-shadow: 0 0 #8a857d; margin-bottom: 17px; overflow: hidden; } .catalog .detail .two-column .right ul.prop li { margin-bottom: 5px; } .catalog .detail .two-column .right ul.prop li.article { margin-bottom: 30px; } .catalog .detail .two-column .right ul.prop li span { color: #2c84ab; text-shadow: 0 0 #2c84ab; } /* two-col in right-column */ .catalog .detail .two-column .right .two-col .left-col { float: left; width: 241px; margin-right: 20px; } /* gift */ .catalog .detail .two-column .right .two-col .left-col .gift { display: inline-block; font: 26px/30px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; text-transform: uppercase; margin-bottom: 27px; } .catalog .detail .two-column .right .two-col .left-col .gift img { display: inline-block; padding-bottom: 4px; vertical-align: bottom; } /* video */ .catalog .detail .two-column .right .two-col .left-col .video-wrap { position: relative; width: 150px; height: 114px; margin-bottom: 27px; } .catalog .detail .two-column .right .two-col .left-col a.video { display: table-cell; width: 150px; height: 114px; vertical-align: middle; text-align: center; } .catalog .detail .two-column .right .two-col .left-col a.video img { max-width: 150px; max-height: 114px; vertical-align: bottom; } .catalog .detail .two-column .right .two-col .left-col a.video span { position: absolute; width: 150px; height: 114px; left: 0; top: 0; background: url('/bitrix/templates/mxv_main/img/video-button.png') no-repeat center; } /* back-btn */ .catalog .detail .two-column .right .two-col .left-col a.back-btn { display: inline-block; font: 16px/16px WebServeroff; text-shadow: 0 0 #8a857d; color: #8a857d; text-transform: lowercase; } .catalog .detail .two-column .right .two-col .left-col a.back-btn span { display: inline-block; width: 13px; height: 16px; background: url('/bitrix/templates/mxv_main/img/page-nav.png') no-repeat 0 0; vertical-align: middle; margin-right: 5px; } .catalog .detail .two-column .right .two-col .left-col a.back-btn:hover { color: #2c84ab; text-shadow: 0 0 #2c84ab; } .catalog .detail .two-column .right .two-col .left-col a.back-btn:hover span { background-position: 0 -17px; } /* right-col in right column */ .catalog .detail .two-column .right .two-col .right-col { float: right; width: 193px; text-align: center; } .catalog .detail .two-column .right .two-col .left-col .price { position: relative; display: inline-block; font: 70px/70px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; margin-bottom: 17px; } .catalog .detail .two-column .right .two-col .left-col .price .grn { font-size: 43px; line-height: 43px; color: #2c84ab; text-shadow: 0 0 #2c84ab; } .catalog .detail .two-column .right .two-col .left-col .price.new { color: #de2924; text-shadow: 0 0 #de2924; } .catalog .detail .two-column .right .two-col .left-col .price.new .grn { color: #8a857d; text-shadow: 0 0 #8a857d; } .catalog .detail .two-column .right .two-col .left-col .price.new .action { position: absolute; left: 0; top: -18px; font-size: 18px; line-height: 18px; text-transform: uppercase; color: #de2924; text-shadow: 0 0 #de2924; } .catalog .detail .two-column .right .two-col .left-col .price.new .price-old { position: absolute; right: 0; top: 5px; font-size: 24px; line-height: 24px; white-space: nowrap; color: #8a857d; text-shadow: 0 0 #8a857d; background: url('/bitrix/templates/mxv_main/img/detail-price-old.png') repeat-x left center; } .catalog .detail .two-column .right .two-col .left-col .price.new .price-old .grn { font-size: 15px; line-height: 24px; text-shadow: 0 0 #8a857d; } /* available */ .catalog .detail .two-column .right .two-col .right-col .available, .catalog .detail .two-column .right .two-col .right-col .not-available { display: inline-block; width: 127px; height: 30px; border: 2px solid #b1aea8; text-transform: uppercase; font: 18px/30px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; padding-left: 55px; background: url('/bitrix/templates/mxv_main/img/catalog-available.png') no-repeat 24px center; margin-bottom: 10px; text-align: left; } .catalog .detail .two-column .right .two-col .right-col .not-available { color: #8a857d; text-shadow: 0 0 #8a857d; background: url('/bitrix/templates/mxv_main/img/catalog-not-available.png') no-repeat 24px center; } .catalog .detail .two-column .right .two-col .right-col .buy-btn { display: inline-block; width: 104px; height: 34px; padding-left: 82px; background: url('/bitrix/templates/mxv_main/img/buy-btn.png') no-repeat 50px center #2c84ab; font: 18px/34px WebServeroff; text-shadow: 0 0 #fff; text-transform: uppercase; color: #fff; text-align: left; margin-bottom: 27px; } /* payment info */ .catalog .detail .two-column .right .two-col .right-col .payment-info, .catalog .detail .two-column .right .two-col .right-col .delivery-info { text-align: left; } .catalog .detail .two-column .right .two-col .right-col .payment-info { margin-bottom: 27px; } .catalog .detail .two-column .right .two-col .right-col .payment-info span, .catalog .detail .two-column .right .two-col .right-col .delivery-info span { display: block; } .catalog .detail .two-column .right .two-col .right-col .payment-info ul, .catalog .detail .two-column .right .two-col .right-col .delivery-info ul { list-style: none; } /* descr */ .catalog .detail .descr { padding-top: 27px; border-top: 2px solid #b1aea8; padding-bottom: 27px; } /*--------------------------------------*/ /* cart page */ /*--------------------------------------*/ .cartTable table { border: none; width: 100%; } /* table with title page */ .cartTable .table-1 { border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } /* table products */ .cartTable .table-2 td { text-align: left; vertical-align: middle; padding: 0 0 20px; } .cartTable .table-2 th h3 { margin-bottom: 20px; } .cartTable .table-2 td.pic { width: 186px; padding-right: 30px; } .cartTable .table-2 td.pic a, .cartTable .table-2 td.pic span { display: table-cell; width: 186px; height: 165px; vertical-align: middle; text-align: center; background: url('/bitrix/templates/mxv_main/img/top-sales-border.png') no-repeat left top; } .cartTable .table-2 td.pic a img, .cartTable .table-2 td.pic span img { max-width: 182px; max-height: 161px; vertical-align: bottom; } .cartTable .table-2 td.info { position: relative; vertical-align: top; width: 220px; padding-right: 30px; } .cartTable .table-2 td.info p { margin-bottom: 10px; } .cartTable .table-2 td.info p.title, .cartTable .table-2 p.title a { font: 18px/20px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; } .cartTable .table-2 td.info p.article { font: 18px/20px WebServeroff; text-shadow: 0 0 #8a857d; } .cartTable .table-2 td.info p.article span { color: #2c84ab; text-shadow: 0 0 #2c84ab; } .cartTable .table-2 td.info .available, .cartTable .table-2 td.info .not-available { display: inline-block; position: absolute; left: 0; bottom: 20px; width: 134px; height: 30px; border: 2px solid #b1aea8; text-transform: uppercase; font: 18px/30px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; padding-left: 67px; background: url('/bitrix/templates/mxv_main/img/catalog-available.png') no-repeat 34px center; margin-top: 5px; } .cartTable .table-2 td.info .not-available { color: #8a857d; text-shadow: 0 0 #8a857d; background: url('/bitrix/templates/mxv_main/img/catalog-not-available.png') no-repeat 34px center; } .cartTable .table-2 td.quant { text-align: center; padding-right: 20px; font: 18px/20px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; } .cartTable .table-2 td.quant.zakaz { vertical-align: top; text-align: left; } .cartTable .table-2 td.quant .quant-wrap { display: inline-block; width: 34px; } .cartTable .table-2 td.quant .quant-wrap span { float: left; width: 30px; height: 14px; border: 2px solid #b1aea8; background: url('/bitrix/templates/mxv_main/img/cart-controls.png') no-repeat 0 0; cursor: pointer; } .cartTable .table-2 td.quant .quant-wrap span.count-minus { background-position: -31px 0; } .cartTable .table-2 td.quant .quant-wrap span.count-plus:hover { background-position: 0 -15px; } .cartTable .table-2 td.quant .quant-wrap span.count-minus:hover { background-position: -31px -15px; } .cartTable .table-2 td.quant .quant-wrap input { float: left; width: 30px; height: 30px; border-top: none; border-bottom: none; border-left: 2px solid #b1aea8; border-right: 2px solid #b1aea8; font: 18px/18px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; padding: 6px 0; text-align: center; } /* price */ .cartTable .table-2 td.td-price { padding-right: 50px; } .cartTable .table-2 td.td-price .price { position: relative; display: inline-block; font: 40px/40px WebServeroff; text-shadow: 0 0 #8a857d; margin-bottom: 17px; min-width: 180px; text-align: right; } .cartTable .table-2 td.td-price .price .grn { font-size: 30px; line-height: 30px; text-shadow: 0 0 #8a857d; } .cartTable .table-2 td.td-price .price.new { color: #de2924; text-shadow: 0 0 #de2924; } .cartTable .table-2 td.td-price .price.new .grn { color: #8a857d; text-shadow: 0 0 #8a857d; } .cartTable .table-2 td.td-price .price.new .action { position: absolute; right: 0; top: -20px; font-size: 16px; line-height: 16px; text-transform: uppercase; color: #de2924; text-shadow: 0 0 #de2924; } .cartTable .table-2 td.td-price .price.new .price-old { position: absolute; right: -10px; top: -5px; font-size: 20px; line-height: 20px; white-space: nowrap; color: #8a857d; text-shadow: 0 0 #8a857d; background: url('/bitrix/templates/mxv_main/img/detail-price-old.png') repeat-x left center; } .cartTable .table-2 td.td-price .price.new .price-old .grn { font-size: 13px; line-height: 20px; text-shadow: 0 0 #8a857d; } /* delete */ .cartTable .table-2 a.delete { display: inline-block; width: 35px; height: 35px; background: url('/bitrix/templates/mxv_main/img/cart-delete-btn.png') no-repeat left top; } /* total price row */ .cartTable .table-2 tr.sum { border-top: 2px solid #b1aea8; } .cartTable .table-2 tr.sum td { vertical-align: bottom; } .cartTable .table-2 tr.sum .sum-wrap { float: right; } .cartTable .table-2 tr.sum .sum-wrap .price { display: inline-block; font: 40px/40px WebServeroff; color: #2c84ab; text-shadow: 0 0 #2c84ab; margin-top: 10px; text-align: right; } .cartTable .table-2 tr.sum .sum-wrap .grn { font-size: 30px; line-height: 30px; color: #2c84ab; text-shadow: 0 0 #2c84ab; } .cartTable .table-2 tr.sum .sum-wrap .text { font: 18px/18px WebServeroff; text-shadow: 0 0 #8a857d; margin-right: 40px; } /* table with buttons */ .cartTable .table-3 { margin-bottom: 27px; } .cartTable .table-3 a.continue { float: left; width: 245px; height: 30px; border: 2px solid #b1aea8; font: 18px/30px WebServeroff; text-shadow: 0 0 #8a857d; text-transform: uppercase; text-align: center; color: #8a857d; } .cartTable .table-3 a.continue span { display: inline-block; width: 13px; height: 16px; background: url('/bitrix/templates/mxv_main/img/page-nav.png') no-repeat 0 0; vertical-align: middle; margin-right: 10px; margin-bottom: 2px; } .cartTable .table-3 a.continue:hover { color: #2c84ab; text-shadow: 0 0 #2c84ab; } .cartTable .table-3 a.continue:hover span { background-position: 0 -17px; } .cartTable .table-3 a.update { float: right; width: 160px; height: 30px; border: 2px solid #b1aea8; font: 18px/30px WebServeroff; text-shadow: 0 0 #8a857d; text-transform: uppercase; text-align: center; color: #8a857d; } .cartTable .table-3 a.update:hover { color: #2c84ab; text-shadow: 0 0 #2c84ab; } .cartTable .table-3 td.btn-3 { width: 275px; } .cartTable .table-3 a.order { float: right; width: 245px; height: 34px; font: 18px/34px WebServeroff; text-shadow: 0 0 #fff; text-transform: uppercase; text-align: center; color: #fff; background: #2c84ab; } /*--------------------------------------*/ /* order page */ /*--------------------------------------*/ .cartTable .table-1 td.title-1 { width: 497px; padding-right: 27px; } .cartTable .table-1 td.title-2 h1 { color: #603a17; } /* left table */ .cartTable .left-table { float: left; width: 100%; margin-right: 27px; } .cartTable .left-table .table-2 td, .cartTable .right-table .table-2 td { padding: 0 0 15px; } .cartTable .left-table .table-2 .label, .cartTable .right-table .table-2 .label { font: 16px/18px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; padding-right: 35px; width: 30%; } .cartTable .left-table .table-2 .label span { float: right; width: 11px; height: 11px; background: url('/bitrix/templates/mxv_main/img/stars.png') no-repeat 0 -11px; margin-right: -25px; } .cartTable .left-table .table-2 .field, .cartTable .right-table .table-2 .field { vertical-align: top; width: 300px; }
.cartTable .left-table .table-2 .field input, .cartTable .right-table .table-2 .field input { display: inline-block; width: 276px; height: 30px; border: 2px solid #b1aea8; font: 18px/30px WebServeroff; text-shadow: 0 0 #8a857d; padding: 0 10px; } .cartTable .left-table .note { display: inline-block; font: 16px/16px WebServeroff; text-shadow: 0 0 #8a857d; margin-top: 10px; } .cartTable .left-table .note span { display: inline-block; width: 11px; height: 11px; background: url('/bitrix/templates/mxv_main/img/stars.png') no-repeat 0 0; } /* right table */ .cartTable .right-table { float: right; width: 412px; } .cartTable .right-table .table-2 .label { padding-right: 20px; } .cartTable .right-table .table-2 .field textarea { width: 276px; height: 86px; border: 2px solid #b1aea8; font: 18px/20px WebServeroff; text-shadow: 0 0 #8a857d; padding: 5px 10px; resize: none; overflow: auto; } .cartTable .right-table .table-2 .field .selectWrap { position: relative; width: 296px; height: 30px; background-color: rgba(255,255,255,0); border: 2px solid #b1aea8; } .cartTable .right-table .table-2 .field .selectWrap .link { position: absolute; left: 0; top: 0; width: 286px; height: 30px; padding: 0 0 0 10px; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; z-index: 1; background: url('/bitrix/templates/mxv_main/img/select-arrow.png') no-repeat right top; } .cartTable .right-table .table-2 .field .selectWrap select { position: absolute; left: 0; top: 0; width: 286px; height: 30px; padding: 0 0 0 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; z-index: 2; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; } /* table-3 */ .cartTable .table-3 .buy { width: 245px; height: 34px; font: 18px/34px WebServeroff; text-shadow: 0 0 #fff; text-transform: uppercase; text-align: center; color: #fff; background: #2c84ab; margin: 10px auto 0; cursor: pointer; } /*--------------------------------------*/ /* oformlenie page */ /*--------------------------------------*/ h1.oforml { color: #603a17; padding-bottom: 27px; border-bottom: 2px solid #b1aea8; } /* tabs */ .oforml-tabs { overflow: hidden; margin-bottom: 27px; } .oforml-tabs a.tab-one { position: relative; float: left; width: 179px; height: 179px; margin-right: 10px; } .oforml-tabs a.tab-one.last { margin: 0; } .oforml-tabs a.tab-one img { width: 179px; height: 179px; vertical-align: bottom; } .oforml-tabs a.tab-one .title { position: absolute; left: 0; right: 0; top: 73px; display: inline-block; width: 179px; font: 18px/32px WebServeroff; text-shadow: 0 0 #fff; color: #fff; text-transform: uppercase; text-align: center; background: #603a17; -moz-opacity: .9; -webkit-opacity: .9; opacity: .9; } .oforml-tabs a.tab-one.current .title { background: #2c84ab; } .tab-text { border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } .tab-text ul { list-style: none; margin-left: 20px; margin-bottom: 27px; } .tab-text .text { display: none; min-height: 261px; } #tab-1 { display: block; } /* oformlenie slider */ .oforml-gal { margin-bottom: 27px; } .oforml-gal h3.title-text { background: url('/bitrix/templates/mxv_main/img/title-icon-4.png') no-repeat left center; } .oforml-gal ul.oforml-slider { overflow: hidden; list-style: none; } .oforml-gal ul.oforml-slider li { float: left; width: 208px; height: 209px; margin: 0 10px 0 0; } .oforml-gal ul.oforml-slider li a { display: table-cell; width: 208px; height: 209px; vertical-align: middle; text-align: center; background: url('/bitrix/templates/mxv_main/img/oforml-slider-border.png') no-repeat left top; } .oforml-gal ul.oforml-slider li a img { display: inline-block; max-width: 184px; max-height: 183px; vertical-align: bottom; } #featured table{ width: 100%; /* растягиваем таблицу на всю ширину контента */ border-collapse: collapse; /* схлопываем границы ячеек */ } #featured td{ padding: 0 10px; /* для красоты добавляем отступы в ячейках */ } #featured td img{ width: 100%; /* растягиваем изображение на всю ширину ячейки */ } /* slider nav */ .oforml-gal .bx-wrapper .bx-prev { left: -35px; background: url('/bitrix/templates/mxv_main/img/slider-nav-1.png') no-repeat 0 0; } .oforml-gal .bx-wrapper .bx-next { right: -35px; background: url('/bitrix/templates/mxv_main/img/slider-nav-1.png') no-repeat -16px 0; } .oforml-gal .bx-wrapper .bx-prev:hover { background-position: 0 -39px; } .oforml-gal .bx-wrapper .bx-next:hover { background-position: -16px -39px; } .oforml-gal .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -19px; outline: 0; width: 15px; height: 38px; text-indent: -9999px; z-index: 99; } /*--------------------------------------*/ /* article page */ /*--------------------------------------*/ .articles-wrap { margin-bottom: 27px; overflow: hidden; } .articles-wrap h1 { padding-bottom: 27px; border-bottom: 2px solid #b1aea8; } .articles-wrap .articles { overflow: hidden; } .articles-wrap .articles .article { float: left; width: 447px; margin: 0 42px 27px 0; } .articles-wrap .articles .article.last { margin-right: 0; } .articles-wrap .articles .article a.title { display: inline-block; height: 56px; font: 26px/28px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; overflow: hidden; } .articles-wrap .articles .article a.pic { display: table-cell; width: 447px; height: 165px; vertical-align: middle; text-align: center; } .articles-wrap .articles .article a.pic img { max-width: 447px; max-height: 165px; vertical-align: bottom; } .articles-wrap .articles .article .intro { margin: 10px 0 27px; padding: 30px; background: #603a17; height: 85px; overflow: hidden; } .articles-wrap .articles .article .intro a { font: 16px/20px WebServeroff; text-shadow: 0 0 #fff; color: #fff; text-decoration: underline; } .articles-wrap .articles .article .intro a:hover { text-decoration: none; } .articles-wrap .articles .article .text { margin-bottom: 10px; height: 100px; overflow: hidden; } .articles-wrap .articles .article a.more { float: right; font: 16px/20px WebServeroff; text-shadow: 0 0 #8a857d; text-transform: lowercase; } .articles-wrap .articles .article a.more span { display: inline-block; width: 13px; height: 16px; background: url('/bitrix/templates/mxv_main/img/page-nav.png') no-repeat -14px -17px; vertical-align: middle; margin-left: 10px; } /*--------------------------------------*/ /* contacts page */ /*--------------------------------------*/ .main .all .content.contacts { width: 100%; } .content.contacts .div_map { width: 100%; height: 320px; margin-bottom: 27px; } .content.contacts .text { width: 936px; margin: 0 auto; overflow: hidden; margin-bottom: 27px; } .content.contacts .text h3 { padding-bottom: 27px; border-bottom: 2px solid #b1aea8; } .content.contacts .text p { margin-bottom: 20px; } .content.contacts .text .left { float: left; width: 276px; margin-right: 50px; } .content.contacts .text .left p { font: 18px/24px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; margin-bottom: 10px; } .content.contacts .text .left p span.icon { display: inline-block; width: 25px; height: 24px; background: url('/bitrix/templates/mxv_main/img/contact-icons.png') no-repeat left center; margin-right: 10px; vertical-align: top; } .content.contacts .text .left p span.icon-2 { background-position: -26px 0; } .content.contacts .text .left p span.icon-3 { background-position: -52px 0; } .content.contacts .text .left p span.icon-4 { background-position: -78px 0; } .content.contacts .text .left p span.icon-5 { background-position: -104px 0; } .content.contacts .text .left p.time { padding-top: 10px; border-top: 2px solid #b1aea8; } .content.contacts .text .right { float: right; width: 610px; } .content.contacts .text .right .title { font: 18px/20px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; text-transform: uppercase; margin-bottom: 10px; } /*--------------------------------------*/ /* print page */ /*--------------------------------------*/ .main .all .content.print { width: 100%; } /* print-menu */ .content.print .print-menu { width: 936px; margin: 0 auto 27px; overflow: hidden; } .content.print .print-menu .item { float: left; width: 226px; margin-right: 11px; } .content.print .print-menu .item h3, .content.print .print-menu .item-big h3 { font: 18px/20px WebServeroff; padding-bottom: 27px; border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } .content.print .print-menu .item a.pic { position: relative; display: table-cell; width: 226px; height: 164px; vertical-align: middle; text-align: center; } .content.print .print-menu .item a.pic img { max-width: 226px; max-height: 164px; vertical-align: bottom; } .content.print .print-menu .item a.pic span { position: absolute; left: 0; top: 72px; font: 18px/20px WebServeroff; text-shadow: 0 0 #fff; color: #fff; background: #2c84ab; opacity: 0.9; padding: 6px 20px; text-transform: uppercase; text-align: left; } .content.print .print-menu .item-big { float: left; width: 460px; margin-right: 0; } .content.print .print-menu .item-big .sub-items { overflow: hidden; } .content.print .print-menu .item-big .sub-items .item { width: 146px; } .content.print .print-menu .item-big .sub-items .item.last { margin-right: 0; } .content.print .print-menu .item-big .sub-items .item a.pic { width: 146px; height: 125px; } .content.print .print-menu .item-big .sub-items .item a.pic img { max-width: 146px; max-height: 125px; } .content.print .print-menu .item-big .sub-items .item a.title { display: inline-block; margin-top: 17px; font: 18px/20px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; text-transform: uppercase; border-bottom: 1px solid #603a17; } .content.print .print-menu .item-big .sub-items .item a.title:hover { border: none; } /* order */ .content.print .order { margin-bottom: 27px; } .content.print .order h2 { width: 936px; margin: 0 auto 27px; } .content.print .order .steps-wrap { background: #2c84ab; } .content.print .order .steps-wrap .steps { width: 936px; padding: 27px 0; margin: 0 auto; overflow: hidden; text-align: center; } .content.print .order .steps-wrap .steps .step { display: inline-block; padding-right: 70px; background: url('/bitrix/templates/mxv_main/img/print-order-arrow.png') no-repeat right center; margin-right: 20px; } .content.print .order .steps-wrap .steps .step-3 { margin-right: 0; padding-right: 0; background: none; } .content.print .order .steps-wrap .steps .step span { display: inline-block; width: 48px; height: 54px; background: url('/bitrix/templates/mxv_main/img/print-order-icons.png') no-repeat 0 0; margin-bottom: 10px; } .content.print .order .steps-wrap .steps .step-2 span { width: 54px; background-position: -49px 0; } .content.print .order .steps-wrap .steps .step-3 span { width: 50px; background-position: -104px 0; } .content.print .order .steps-wrap .steps .step .text { font: 24px/28px WebServeroff; text-shadow: 0 0 #fff; color: #fff; text-transform: uppercase; } /* calculate */ .content.print .calculate { width: 936px; margin: 0 auto 27px; overflow: hidden; } /* left */ .content.print .calculate .left { float: left; width: 502px; margin-right: 40px; } .content.print .calculate .left h2, .content.print .calculate .right h2 { color: #603a17; } .content.print .calculate .left table { width: 502px; font: 18px/18px WebServeroff; text-shadow: 0 0 #8a857d; } .content.print .calculate .left table td { padding: 10px; border: 2px solid #b1aea8; text-align: center; vertical-align: top; text-transform: uppercase; } .content.print .calculate .left table tr.head td { color: #2c84ab; width: 78px; text-transform: none; } /* right */ .content.print .calculate .right { float: right; width: 394px; } .content.print .calculate .right .calc .row { overflow: hidden; width: 394px; margin-bottom: 15px; } .content.print .calculate .right .calc .row span { font: 18px/34px WebServeroff; text-shadow: 0 0 #8a857d; text-transform: uppercase; } .content.print .calculate .right .calc .row .label { float: left; margin-right: 10px; } .content.print .calculate .right .calc .row .vs { margin: 0 7px; } .content.print .calculate .right .calc .row .input-wrap { float: right; } .content.print .calculate .right .calc .row .input-wrap input.text { display: inline-block; width: 100px; height: 30px; border: 2px solid #b1aea8; padding: 0 10px; font: 18px/30px WebServeroff; text-shadow: 0 0 #8a857d; } .content.print .calculate .right .calc .row .selectWrap { position: relative; float: right; width: 272px; height: 30px; background-color: rgba(255,255,255,0); border: 2px solid #b1aea8; } .content.print .calculate .right .calc .row .selectWrap .link { position: absolute; left: 0; top: 0; width: 262px; height: 30px; padding: 0 0 0 10px; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; z-index: 1; background: url('/bitrix/templates/mxv_main/img/select-arrow.png') no-repeat right top; } .content.print .calculate .right .calc .row .selectWrap select { position: absolute; left: 0; top: 0; width: 262px; height: 30px; padding: 0 0 0 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; z-index: 2; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; } .content.print .calculate .right .calc .row.ch { padding-bottom: 20px; border-bottom: 2px solid #b1aea8; margin-bottom: 20px; } .for-check { position: relative; display: block; width: 35px; height: 35px; } .for-check span.pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/bitrix/templates/mxv_main/img/checkbox.png') no-repeat left top; cursor: pointer; } input.check:checked + span.pic { background-position: -36px 0; } .for-check span.text { position: absolute; left: 45px; top: 0; width: 120px; line-height: 35px; } .content.print .calculate .right .calc .row .for-check { float: left; margin-right: 140px; } .content.print .calculate .right .calc .row.btn { text-align: center; } .content.print .calculate .right .calc .row .send-btn { display: inline-block; width: 246px; height: 32px; font: 18px/32px WebServeroff; text-shadow: 0 0 #fff; color: #fff; background: #2c84ab; text-transform: uppercase; border: none; cursor: pointer; } .content.print .calculate .right .calc .row.total { text-align: center; font: 18px/18px WebServeroff; text-shadow: 0 0 #8a857d; margin-bottom: 0; } .content.print .calculate .right .calc .row.total span { font: 36px/36px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; } /* photo-pic */ .content.print .photo-pic, .content.print .why, .content.print .print-video, .content.print .comments { width: 936px; margin: 0 auto 27px; } .content.print .photo-pic h2, .content.print .why h2, .content.print .print-video h2, .content.print .comments h3 { padding-bottom: 27px; border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } .content.print .photo-pic .items { overflow: hidden; } .content.print .photo-pic .items .item { float: left; width: 226px; margin-right: 10px; } .content.print .photo-pic .items .item.last { margin-right: 0; } .content.print .photo-pic .items .item a.pic { position: relative; display: table-cell; width: 226px; height: 165px; vertical-align: middle; text-align: center; } .content.print .photo-pic .items .item a.pic img { max-width: 226px; max-height: 165px; vertical-align: bottom; } .content.print .photo-pic .items .item a.pic span { position: absolute; left: 0; top: 66px; padding: 0 20px; font: 18px/32px WebServeroff; text-shadow: 0 0 #fff; color: #fff; text-transform: uppercase; background: #2c84ab; -moz-opacity: .9; -webkit-opacity: .9; opacity: .9; } /* why */ .content.print .why h2, .content.print .print-video h2 { color: #603a17; } .content.print .why .items { overflow: hidden; } .content.print .why .items .item { float: left; text-align: center; margin-right: 38px; } .content.print .why .items .item.last { margin: 0; } .content.print .why .items .item .icon { width: 98px; height: 98px; margin: 0 auto 15px; background: url('/bitrix/templates/mxv_main/img/print-icons.png') no-repeat 0 0; } .content.print .why .items .item .icon-2 { background-position: -99px 0; } .content.print .why .items .item .icon-3 { background-position: -198px 0; } .content.print .why .items .item .icon-4 { background-position: -297px 0; } .content.print .why .items .item .icon-5 { background-position: -396px 0; } .content.print .why .items .item .text { font: 24px/24px WebServeroff; text-shadow: 0 0 #8a857d; text-transform: uppercase; } /*--------------------------------------*/ /* payment page */ /*--------------------------------------*/ .content .payment { padding: 0 0 200px; background: url('/bitrix/templates/mxv_main/img/payment.png') no-repeat right bottom; overflow: hidden; margin-bottom: 27px; } .content .payment p { margin-bottom: 17px; } .content .payment .left { float: left; width: 450px; margin-right: 36px; } .content .payment .left h2, .content .payment .right h2 { font: 26px/26px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; } .content .payment .left .title, .content .payment .right .title { text-shadow: 0 0 #2c84ab; color: #2c84ab; } .content .payment .right { float: right; width: 450px; } /*--------------------------------------*/ /* prtfolio page */ /*--------------------------------------*/ .content .portfolio { overflow: hidden; margin-bottom: 17px; } .content .portfolio .item { float: left; width: 222px; margin: 0 16px 10px 0; } .content .portfolio .item.last { margin-right: 0; } .content .portfolio a.pic { display: table-cell; position: relative; width: 222px; height: 156px; vertical-align: middle; text-align: center; } .content .portfolio a.pic img { max-width: 222px; max-height: 156px; vertical-align: bottom; } .content .portfolio a.pic .ramka { position: absolute; left: 0; top: 0; width: 222px; height: 156px; background: url('/bitrix/templates/mxv_main/img/ramka-new.png') no-repeat left top; } /*--------------------------------------*/ /* gallery page */ /*--------------------------------------*/ .catalog.gal h1.title-text { max-width: 200px; } .catalog.gal .filter { width: 736px; margin-top: 2px; } .catalog.gal .filter .selectWrap { margin-left: 20px; margin-right: 0; } .catalog.gal a.filter-btn { float: right; width: 150px; font: 16px/32px WebServeroff; text-transform: uppercase; margin-right: 20px; color: #fff; text-align: center; background: #2c84ab; } .catalog.gal a.filter-btn.last { margin-right: 0; } .pictures { margin-bottom: 17px; } .pictures { display: table; } .pictures:after { display: table; content: " "; clear: both; } .pictures .item { float: left; width: 160px; margin: 0 98px 40px 0; } .pictures .item.last { margin-right: 0; } .pictures .item a.pic { display: table-cell; width: 160px; height: 160px; vertical-align: middle; text-align: center; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .pictures .item a.pic img { max-width: 160px; max-height: 160px; vertical-align: bottom; -moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.7); -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.7); box-shadow: 1px 1px 6px rgba(0,0,0,0.7); } .pictures .item a.pic:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .pictures .item .article { font: 18px/18px WebServeroff; text-shadow: 0 0 #8a857d; margin-top: 10px; } .pictures .item .category { font: 14px/14px WebServeroff; text-shadow: 0 0 #8a857d; } .pictures .item .select { display: block; font: 18px/18px WebServeroff; text-shadow: 0 0 #8a857d; } .pictures .item .select:hover { text-decoration: underline; } a.gal-buy-btn, span.gal-buy-btn { display: inline-block; max-width: auto; height: 34px; background: #2c84ab; font: 18px/34px WebServeroff; text-shadow: 0 0 #fff; text-transform: uppercase; color: #fff; text-align: center; padding: 0 20px; } span.gal-buy-btn { margin-left: 10px; text-transform: uppercase; } /*--------------------------------------*/ /* callback */ /*--------------------------------------*/ #callback { background: #fff; border-radius: 5px; box-shadow: 0px 0px 6px #666; width: 200px; display: none; position: absolute; left: -30px; top: 50px; font-size: 12px; z-index: 999; } #callback .title { text-align: center; background: #efefef; padding: 5px; border-bottom: 1px solid #e1e1e1; border-top-left-radius: 5px; border-top-right-radius: 5px; font-weight: bold; } #callback .form { padding: 10px; } #callback .input { float: left; } #callback .input input { border: 1px solid #aaa; } #callback .input sup{ color: red;font-weight: bold; } #callback-submit { text-align: center; } #callback-submit input { position: relative; top: 3px; } #callback-close { position: absolute; top: 4px; right: 5px; font-size: 11px; font-weight: bold; cursor: pointer; } /*--------------------------------------*/ /* calculator page */ /*--------------------------------------*/ .baget-calc { overflow: hidden; padding-bottom: 27px; border-bottom: 2px solid #b1aea8; margin-bottom: 27px; } /* left column */ .baget-calc .left { float: left; width: 525px; margin-right: 40px; } .view_wall { width: 525px; height: 450px; position: relative; overflow: hidden; text-align: center; } .view_frame { position: absolute; /* width: 400px; */ /* height: 300px; */ /* margin: -150px 0 0 -200px; */ left: 50%; top: 50%; text-align: center; background: #ADADAD; overflow: hidden; -webkit-box-shadow: 0 15px 10px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px 6px rgba(0, 0, 0, 0.5); } .view_frame a { color: #FFF; font-weight: bold; } .view_frame u { display: block; width: 100%; height: 100%; } .view_frame s { position: absolute; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: #ADADAD; display: block; } .view_frame .t { top: 0; } .view_frame .b { top: 100%; } .view_frame .t { left: 0; } .view_frame .r { left: 100%; } .view_met { position: absolute; width: 350px; height: 250px; margin: -125px 0 0 -175px; left: 50%; top: 50%; text-align: center; background: #ADADAD; } .view_image { position: absolute; width: 300px; height: 200px; margin: -100px 0 0 -150px; left: 50%; top: 50%; background: #000; display: block; } .view_image a { color: #333; display: block; left: 50%; margin: -0.5em 0 0 -75px; position: absolute; top: 50%; width: 150px; } .view_wall3 { overflow: hidden; margin-top: 20px; } .view_wall3 h2 { float: left; font: 18px/34px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; } .view_wall3 #itogo { float: left; margin-left: 40px; font: 24px/24px WebServeroff; text-shadow: 0 0 #2c84ab; color: #2c84ab; } .view_wall3 #itogo u { font: 34px/34px WebServeroff; text-shadow: 0 0 #2c84ab; text-decoration: none; } .view_wall3 .buy-btn { display: inline-block; width: 114px; height: 34px; padding-left: 55px; /*background: url('/bitrix/templates/mxv_main/img/buy-btn.png') no-repeat 40px center #2c84ab*;*/ font: 18px/34px WebServeroff; text-shadow: 0 0 #fff; text-transform: uppercase; color: #fff; text-align: left; margin: 0; } /* right column */ .baget-calc .right { float: right; width: 371px; } .view_wall2 { position: relative; overflow: hidden; } .view_wall2 h2 { font: 18px/18px WebServeroff; text-shadow: 0 0 #603a17; color: #603a17; margin-bottom: 12px; } .view_wall2 .hr { border: 0; margin: 10px 0; border-bottom: 1px solid #E0D1C7; display: block; } .view_wall2 a { text-decoration: none; } .view_wall2 a, #paparoach > div > span.ty, .view_wall2 .submit { display: inline-block; width: 112px; height: 22px; line-height: 22px; text-align: center; color: #2c84ab; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%); border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .view_wall2 .submit { font: 14px/22px CalibriRegular; -webkit-box-sizing: conten-box; -mox-box-sizing: content-boc; box-sizing: content-box; } .view_wall2 .selectWrap { position: relative; float: left; width: 175px; height: 30px; background-color: rgba(255,255,255,0); border: 1px solid #b1aea8; } .view_wall2 .selectWrap .link { position: absolute; left: 0; top: 0; width: 165px; height: 30px; padding: 0 0 0 10px; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; z-index: 1; background: url('/bitrix/templates/mxv_main/img/select-arrow.png') no-repeat right top; } .view_wall2 .selectWrap select { position: absolute; left: 0; top: 0; width: 165px; height: 30px; padding: 0 0 0 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none; font: 16px/30px WebServeroff; text-shadow: 0 0 #8a857d; z-index: 2; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; } .view_wall2 .for-check { margin-left: 10px; } .view_wall2 .for-check span.text { width: 150px; } /* change size row */ .view_wall2 table.changeSize td { vertical-align: middle; } .view_wall2 table.changeSize td.leftTd, .view_wall2 table.chosePicture td.leftTd, .view_wall2 table.choseBaget td.leftTd { padding: 0 15px 0 55px; } .view_wall2 table.changeSize td.leftTd { text-align: right; } .view_wall2 table.changeSize td.leftTd .sizeWidth { margin-bottom: 5px; } .view_wall2 table.changeSize td.leftTd .sizeWidth #photografy-wd { width:50px; text-align:center; color:#6C8399; padding:0; height:17px; border: 1px solid #8B8B8B; } .view_wall2 table.changeSize td.leftTd .sizeHeight #photografy-hd { text-align:center; color:#6C8399; width:50px; padding:0; height:17px; border: 1px solid #8B8B8B; } .view_wall2 table.changeSize td.rightTd .submit { cursor:pointer; } /* chose picture row */ .view_wall2 table.chosePicture td { vertical-align: middle; } .view_wall2 table.chosePicture td.leftTd > a { margin-bottom: 5px; } #paparoach > div { float:left; position:relative; overflow:hidden; cursor:pointer; } #paparoach > div > span.ty { display: block; text-decoration: none; } #paparoach > div > input { position:absolute; left:0; top:0; width:200px; margin-left:-50px; font-size:300px; opacity:0; filter: alpha(opacity=0); z-index:1; cursor: pointer; } /* chose baget row */ .view_wall2 table.choseBaget td { vertical-align: middle; } /* chose pasportu row */ table#changepasportu td { padding-left: 55px; } table#changepasportu td .submit { margin: 0 0 10px; cursor: pointer; } /* other option */ .view_wall2 .selectWrap.print { width: 110px; margin-top: 2px; margin-right: 10px; } .view_wall2 .selectWrap.print .link { width: 100px; } .view_wall2 .selectWrap.print select { width: 100px; } .view_wall2 .selectWrap.pt_1 { width: 110px; margin-top: 2px; margin-right: 10px; } .view_wall2 .selectWrap.pt_1 .link { width: 100px; } .view_wall2 .selectWrap.pt_1 select { width: 100px; } .view_wall2 .selectWrap.pt_2 { width: 140px; margin-top: 2px; margin-right: 10px; } .view_wall2 .selectWrap.pt_2 .link { width: 130px; } .view_wall2 .selectWrap.pt_2 select { width: 130px; } .view_wall2 .selectWrap.glass { width: 180px; margin-top: 2px; margin-bottom: 0px; margin-right: 5px; } .view_wall2 .selectWrap.glass .link { width: 170px; } .view_wall2 .selectWrap.glass select { width: 170px; } .view_wall2 .selectWrap.zadnik { width: 130px; } .view_wall2 .selectWrap.zadnik .link { width: 120px; } .view_wall2 .selectWrap.zadnik select { width: 120px; } /*--------------------------------------*/ /* breadcrumb */ /*--------------------------------------*/ .breadcrumb { list-style: none; margin-bottom: 17px; overflow: hidden; } .breadcrumb li { float: left; } .breadcrumb li.first { padding-left: 15px; background: url('/bitrix/templates/mxv_main/img/breadcrumb-home.png') no-repeat left 5px; } .breadcrumb li span.arrow { display: inline-block; width: 6px; height: 20px; background: url('/bitrix/templates/mxv_main/img/breadcrumb-arrow.png') no-repeat left center; margin: 0 10px; } .breadcrumb li a.active { color: #8a857d; } /*--------------------------------------*/ /* about page */ /*--------------------------------------*/ #div_about { padding-bottom: 112px; background: url('/bitrix/templates/mxv_main/img/worm.png') no-repeat right bottom; } #div_about p { text-indent: 30px; margin-bottom: 17px; } /*--------------------------------------*/ /* viezdnaya bagetnaya page */ /*--------------------------------------*/ .catalog .detail .two-column .right .two-col .right-col .buy-btn.order { background: #2c84ab; text-align: center; width: 186px; padding: 0; } /*--------------------------------------*/ /* yor-photo page */ /*--------------------------------------*/ .content .yor-photo p { margin-bottom: 17px; } /*--------------------------------------*/ /* photo-print subpages */ /*--------------------------------------*/ .content .print-pic { overflow: hidden; } .content .print-pic .item { position: relative; float: left; width: 222px; margin-right: 10px; } .content .print-pic .item.last { margin-right: 0; } .content .print-pic .item img { max-width: 222px; max-height: 156px; vertical-align: bottom; } .content .print-pic .item .ramka { position: absolute; left: 0; top: 0; width: 222px; height: 156px; background: url('/bitrix/templates/mxv_main/img/ramka-new.png') no-repeat left top; } /*--------------------------------------*/ /* comments form on photo-print page */ /*--------------------------------------*/ .comments-form { width: 560px; margin-bottom: 27px; } .comments-form .row { margin-bottom: 15px; } .comments-form .row span.label { display: block; font: 18px/34px WebServeroff; text-shadow: 0 0 #8a857d; } .comments-form .row .inputtext, .comments-form .row .inputtextarea { display: block; width: 538px; border: 1px solid #b1aea8; } .comments-form .row .inputtext { height: 30px; padding: 0 10px; font-size: 16px; line-height: 30px; } .comments-form .row .inputtextarea { height: 100px; padding: 5px 10px; resize: none; overflow: auto; font: 18px/20px CalibriRegular; } .comments-form .btn input { display: inline-block; width: 246px; height: 32px; font: 18px/32px WebServeroff; text-shadow: 0 0 #fff; color: #fff; background: #2c84ab; text-transform: uppercase; border: none; cursor: pointer; } .comments-form .row.capcha .inputtext { width: 158px; } /* answers */ .comments .answers .item { margin-bottom: 17px; border-bottom: 1px solid #b1aea8; } .comments .answers .item span.name { display: inline-block; font-weight: bold; } .comments .answers .item .text { padding: 10px; } /* for buttons in modal window on /gallery/photoworks/ */ .fancybox-title.fancybox-title-outside-wrap { text-align: center; }
input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked),
input[type="radio"]:checked,
input[type="radio"]:not(:checked)
{
position: absolute;
left: -9999px;
}
input[type="checkbox"]:checked + label,
input[type="checkbox"]:not(:checked) + label
{
display: inline-block;
position: relative;
padding-left: 28px;
line-height: 20px;
cursor: pointer;
}
input[type="radio"]:checked + label{
font: 16px/18px WebServeroff;
font-style: normal;
font-variant-caps: normal;
font-weight: normal;
font-stretch: normal;
font-size: 16px;
line-height: 18px;
font-family: WebServeroff;
color: #333333;
font-size-adjust: none;
font-kerning: auto;
font-optical-sizing: ;
font-variant-alternates: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-language-override: normal;
font-feature-settings: normal;
font-variation-settings: ;
display: inline-block;
position: relative;
padding-left: 28px;
line-height: 20px;
cursor: pointer;
color: #e145a3;
font-size: 18px;
}
#select2-warehouses-container,
#select2-cities-container,
.js-example-basic-single {
padding-top: 1%;
font: 16px/18px WebServeroff;
font-style: normal;
font-variant-caps: normal;
font-weight: normal;
font-stretch: normal;
font-size: 16px;
line-height: 18px;
font-family: WebServeroff;
color: #333333;
font-size-adjust: none;
font-kerning: auto;
font-optical-sizing: ;
font-variant-alternates: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-language-override: normal;
font-feature-settings: normal;
}
.select2-container
{
margin: 1%;
}
input[type="radio"]:not(:checked) + label{
font: 16px/18px WebServeroff;
font-style: normal;
font-variant-caps: normal;
font-weight: normal;
font-stretch: normal;
font-size: 16px;
line-height: 18px;
font-family: WebServeroff;
font-size-adjust: none;
font-kerning: auto;
font-optical-sizing: ;
font-variant-alternates: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-language-override: normal;
font-feature-settings: normal;
font-variation-settings: ;
display: inline-block;
position: relative;
padding-left: 28px;
line-height: 20px;
cursor: pointer;
color: #333333;
font-size: 18px;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 18px;
height: 18px;
border: 1px solid #dddddd;
background-color: #ffffff;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before {
border-radius: 2px;
}
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
border-radius: 100%;
}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after,
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
content: "";
position: absolute;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after {
left: 3px;
top: 4px;
width: 10px;
height: 5px;
border-radius: 1px;
border-left: 4px solid #e145a3;
border-bottom: 4px solid #e145a3;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
left: 5px;
top: 5px;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #e145a3;
}
input[type="checkbox"]:not(:checked) + label:after,
input[type="radio"]:not(:checked) + label:after {
opacity: 0;
}
input[type="checkbox"]:checked + label:after,
input[type="radio"]:checked + label:after {
opacity: 1;
}
.view_wall2 {
position: relative;
overflow: hidden;
}
.view_wall2 h2 {
font: 18px/18px WebServeroff;
text-shadow: 0 0 #603a17;
color: #603a17;
margin-bottom: 12px;
}
.view_wall2 .hr {
border: 0;
margin: 10px 0;
border-bottom: 1px solid #E0D1C7;
display: block;
}
.view_wall2 a {
text-decoration: none;
}
.view_wall2 a,
#paparoach > div > span.ty,
.view_wall2 .submit {
display: inline-block;
width: 112px;
height: 22px;
line-height: 22px;
text-align: center;
color: #2c84ab;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.view_wall2 .submit {
font: 14px/22px CalibriRegular;
-webkit-box-sizing: conten-box;
-mox-box-sizing: content-boc;
box-sizing: content-box;
}
.view_wall2 .selectWrap {
position: relative;
float: left;
width: 175px;
height: 30px;
background-color: rgba(255,255,255,0);
border: 1px solid #b1aea8;
}
.view_wall2 .selectWrap .link {
position: absolute;
left: 0;
top: 0;
width: 165px;
height: 30px;
padding: 0 0 0 10px;
font: 16px/30px WebServeroff;
text-shadow: 0 0 #8a857d;
z-index: 1;
background: url('/bitrix/templates/mxv_main/img/select-arrow.png') no-repeat right top;
}
.view_wall2 .selectWrap select {
position: absolute;
left: 0;
top: 0;
width: 165px;
height: 30px;
padding: 0 0 0 10px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: none;
font: 16px/30px WebServeroff;
text-shadow: 0 0 #8a857d;
z-index: 2;
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
}
.view_wall2 .for-check {
margin-left: 10px;
}
.view_wall2 .for-check span.text {
width: 150px;
}
/* change size row */
.view_wall2 table.changeSize td {
vertical-align: middle;
}
.view_wall2 table.changeSize td.leftTd,
.view_wall2 table.chosePicture td.leftTd,
.view_wall2 table.choseBaget td.leftTd {
padding: 0 15px 0 55px;
}
.view_wall2 table.changeSize td.leftTd {
text-align: right;
}
.view_wall2 table.changeSize td.leftTd .sizeWidth {
margin-bottom: 5px;
}
.view_wall2 table.changeSize td.leftTd .sizeWidth #photografy-wd {
width:50px;
text-align:center;
color:#6C8399;
padding:0;
height:17px;
border: 1px solid #8B8B8B;
}
.view_wall2 table.changeSize td.leftTd .sizeHeight #photografy-hd {
text-align:center;
color:#6C8399;
width:50px;
padding:0;
height:17px;
border: 1px solid #8B8B8B;
}
.view_wall2 table.changeSize td.rightTd .submit {
cursor:pointer;
}
/* chose picture row */
.view_wall2 table.chosePicture td {
vertical-align: middle;
}
.view_wall2 table.chosePicture td.leftTd > a {
margin-bottom: 5px;
}
.content .portfolio{
margin: 0 -8px;
display: flex;
flex-wrap: wrap;
}
.content .portfolio .item{
flex: 0 0 auto;
width: 25%;
padding: 0 8px 16px 8px;
margin: 0;
}
@media (max-width: 991px){
.content .portfolio .item{
width: 33.33%;
}
}
@media (max-width: 767px){
.content .portfolio .item{
width: 50%;
}
}
.content .portfolio a.pic{
width: 100%;
height: auto;
}
.content .portfolio a.pic img{
width: 100%;
height: auto;
max-width: none;
max-height: none;
}
.content .portfolio a.pic .ramka{
width: 100%;
height: 100%;
background: url(/bitrix/templates/mxv_main/img/ramka-new2.png) no-repeat center;
background-size: contain;
}
.cart-count-empty{
visibility: hidden;
}
.articles-wrap .articles .article{
float: none;
width: 100%;
margin: 0 0 27px 0;
display: flex;
}
.articles-wrap .articles .article .pic-wrap{
flex: 0 0 auto;
width: 195px;
min-height: 165px;
padding-right: 30px;
}
.articles-wrap .articles .article a.pic{
width: 100%;
height: auto;
display: block;
}
.articles-wrap .articles .article a.pic img{
width: 100%;
height: auto;
max-width: none;
max-height: none;
}
.articles-wrap .articles .article .desc-wrap{
flex-grow: 1;
display: flex;
flex-direction: column;
padding-bottom: 24px;
border-bottom: 2px solid #b1aea8;
}
.articles-wrap .articles .article a.title{
height: auto;
margin-bottom: 20px;
}
.articles-wrap .articles .article .intro{
background: none;
height: auto;
margin: 0;
color:#000;
padding: 0;
margin-bottom: 20px;
}
.articles-wrap .articles .article .intro a{
color:#000;
text-decoration: none;
font-family: Roboto-Regular;
}
.articles-wrap .articles .article a.more{
float: none;
margin-top: auto;
}
.cartTable .table-2 td.pic a, .cartTable .table-2 td.pic span{
background: none;
}
.cartTable .table-2 td.info .available, .cartTable .table-2 td.info .not-available{
width: auto;
padding-left: 42px;
padding-right: 12px;
background: url(/bitrix/templates/mxv_main/img/catalog-available.png) no-repeat 12px center;
bottom: 32px;
line-height: 28px;
}
.cartTable .table-2 td{
padding-top: 32px;
padding-bottom: 32px;
border-bottom:2px solid #b1aea8;
}
.cartTable .table-2 tr:first-child td{
padding-top: 0;
}
.cartTable .table-2 tr:last-child td{
border-bottom: none;
}
.cartTable .table-2 td.quant .quant-wrap span{
background-position: -1px -2px;
}
.cartTable .table-2 td.quant .quant-wrap span.count-plus:hover{
background-position: -1px -17px;
}
.cartTable .table-2 td.quant .quant-wrap span.count-minus{
background-position: -32px -2px;
}
.cartTable .table-2 td.quant .quant-wrap span.count-minus:hover{
background-position: -32px -17px;
}
.bd-print-header{
background-color: #252525;
padding: 97px 40px 78px 68px;
margin-top: 50px;
}
.bd-print-header .row{
display: flex;
}
.bd-print-header .row .col-left{
flex: 0 0 auto;
width: 54%;
padding-right: 80px;
}
.bd-print-header .row .col-right{
flex: 0 0 auto;
width: 46%;
}
.bd-print-breadcrums .breadcrums{
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
margin-bottom: 28px;
margin-top: 22px;
letter-spacing: .8px;
}
.bd-print-breadcrums .breadcrums span:after{
content: ">";
display: initial;
margin: 0 8px;
}
.bd-print-breadcrums .breadcrums span:last-child:after{
display: none;
}
.bd-print-breadcrums .breadcrums a{
text-decoration: none;
}
.bd-print-breadcrums .breadcrums a:hover{
text-decoration: underline;
}
.bd-print-breadcrums .title h1{
margin-bottom: 47px;
font-size: 62px;
text-transform: none;
letter-spacing: 7px;
}
.bd-print-header .breadcrums{
color: rgba(255, 255, 255, 0.75);
}
.bd-print-header .title h1{
color:#fff;
}
.bd-print-header .breadcrums a{
color: rgba(255, 255, 255, 0.75);
}
.bd-print-header .text{
color:#fff;
margin-bottom: 47px;
font-family: WebServeroff;
font-size: 17px;
letter-spacing: 2px;
}
.bd-print-header .photo img{
width: 100%;
height: auto;
}
.bd-print-header .col-left .photo{
display: none;
}
.bd-print-header .btn{
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-size: 16px;
padding: 13px 32px;
letter-spacing: 7px;
}
.bd-print-form{
background: rgba(249, 249, 249, 0.75);
padding: 57px 233px 30px 66px;
margin-top: 67px;
}
.bd-print-form .title{
font-size: 56px;
letter-spacing: 5px;
font-family: WebServeroff;
}
.bd-print-form .form-wrap{
margin-top: 47px;
}
.bd-print-form label{
font-size: 24px;
font-family: WebServeroff;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
display: inline-block;
}
.bd-print-form .input-group{
display: flex;
}
.bd-print-form .input-group span{
margin: 0 44px;
display: flex;
align-items: center;
font-family: WebServeroff;
text-transform: uppercase;
font-size: 22px;
}
.bd-print-form .form-group{
margin-bottom: 31px;
position: relative;
}
.bd-print-form .btn{
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-size: 16px;
padding: 13px 32px;
letter-spacing: 7px;
}
.bd-print-form .btn-outline-primary{
padding: 13px 21px;
}
.bd-print-form .input-group .btn{
margin-left: 14px;
}
.bd-print-form .form-control{
font-family: WebServeroff;
font-size: 27px;
padding: 4px 18px;
}
.bd-print-form select.form-control{
padding: 6px 18px;
}
.bd-print-form .custom-select{
position: relative;
}
.bd-print-form .custom-select:after{
display: block;
content: "";
position: absolute;
cursor: pointer;
pointer-events: none;
background: url(img/arrow_dropdown.svg) no-repeat center;
background-size: contain;
width: 20px;
height: 20px;
top: 18px;
right: 15px;
}
.bd-print-form .custom-select:before{
display: block;
content: "";
position: absolute;
right: 1px;
top: 1px;
cursor: pointer;
pointer-events: none;
background: #0792B0;
background-size: contain;
width: 50px;
height: 50px;
}
.bd-print-services{
margin-top: 58px;
}
.bd-print-services .title{
font-size: 56px;
letter-spacing: 5px;
font-family: WebServeroff;
}
.bd-print-services .list{
display: flex;
margin: 31px -25px 0;
}
.bd-print-services .list .col{
width: 33%;
padding: 0 25px;
}
.bd-print-services .list .item{
background: rgba(245, 245, 245, 0.75);
border: 1px solid #F5F5F5;
position: relative;
}
.bd-print-services .list .item .photo{
padding-left: 40px;
}
.bd-print-services .list .item .photo img{
width: 100%;
height: auto;
}
.bd-print-services .list .item .name{
font-family: WebServeroff;
font-size: 24px;
text-align: center;
margin-top: 20px;
letter-spacing: 3px;
}
.bd-print-services .list .item .price{
font-family: WebServeroff;
font-size: 18px;
text-align: center;
margin-top: 11px;
letter-spacing: 2px;
color: rgba(0, 0, 0, 0.75);
}
.bd-print-services .list .item .desc{
position: absolute;
left: 12px;
top: 25px;
font-family: Roboto;
font-weight: 500;
letter-spacing: 2.5px;
writing-mode: vertical-lr;
transform-origin: center center;
text-align: right;
transform: rotate(-180deg);
}
.bd-print-services .list .item .link{
margin-top: 20px;
}
.bd-print-services .list .item .link a{
text-align: center;
display: block;
font-family: Roboto;
color:#000;
background-color: #fff;
font-size: 16px;
padding: 22px 0 14px;
font-weight: 500;
letter-spacing: 8px;
}
.bd-print-services .list .item .link a:hover{
text-decoration: underline;
}
.bd-print-advantages{
margin-top: 94px;
}
.bd-print-advantages .title{
font-size: 56px;
letter-spacing: 5px;
font-family: WebServeroff;
}
.bd-print-advantages .list{
display: flex;
justify-content: space-between;
margin: 24px -40px 0;
}
.bd-print-advantages .list .item{
width: 20%;
padding: 0 20px;
}
.bd-print-advantages .list .item .icon{
border: 2px solid #0792B0;
display: flex;
align-items: center;
justify-content: center;
width: 127px;
height: 127px;
margin: auto;
margin-bottom: 20px;
border-radius: 50%;
}
.bd-print-advantages .list .item .name{
font-family: WebServeroff;
font-size: 24px;
text-align: center;
text-transform: uppercase;
}
.print-text{
margin-top: 142px;
}
.print-text h2{
font-size: 56px;
letter-spacing: 5px;
font-family: WebServeroff;
color:#000;
text-transform: none;
margin-bottom: 46px;
}
.print-text h3{
font-size: 42px;
letter-spacing: 5px;
font-family: WebServeroff;
color:#000;
text-transform: none;
}
.print-text .lead{
font-family: Roboto;
font-weight: 500;
font-size: 15px;
margin-bottom: 31px;
}
.print-text .lead p{
margin-bottom: 7px;
}
.print-text p{
font-family: Roboto;
text-transform: uppercase;
font-size: 14px;
line-height: 28px;
letter-spacing: .75px;
}
.print-example{
margin-top: 92px;
}
.print-example .title{
font-size: 57px;
letter-spacing: 5px;
font-family: WebServeroff;
}
.print-example .list{
display: flex;
flex-wrap: wrap;
margin: 0 -24px;
margin-top: 30px;
}
.print-example .list > div{
padding: 0 24px;
margin-bottom: 48px;
}
.print-example .list .col-7{
flex: 0 0 auto;
width: 58.33333333%;
}
.print-example .list .col-5{
flex: 0 0 auto;
width: 41.66666667%;
}
.print-example .list .col-4{
flex: 0 0 auto;
width: 33.33333333%;
}
.print-example .photo{
height: 100%;
width: 100%;
}
.print-example .photo img{
max-width: none;
object-fit: cover;
width: 100%;
height: 100%;
}
.bd-print-order .breadcrums{
color: rgba(0, 0, 0, 0.75);
}
.bd-print-order .title h1{
color:#000;
}
.bd-print-order .breadcrums a{
color: rgba(0, 0, 0, 0.75);
}
.bd-print-order .row{
display: flex;
flex-wrap: wrap;
margin: 0 -20px;
}
.bd-print-order .row .col-12{
flex: 0 0 auto;
width: 100%;
padding: 0 20px;
}
.bd-print-order .row .col-6{
flex: 0 0 auto;
width: 50%;
padding: 0 20px;
}
.bd-print-order .qq-gallery .qq-upload-button-wrap{
width: 100%;
height: 158px;
float: none;
position: absolute;
left: 0;
margin-left: 0;
top: 0;
display: block;
}
.bd-print-order .qq-gallery .qq-upload-button-wrap-inner{
background: url(/bitrix/templates/mxv_main/img/print/qq_upload_icon.svg) no-repeat center;
background-size: contain;
position: relative;
width: 72px;
height: 72px;
overflow: hidden;
margin: auto;
top: 15px;
}
.bd-print-order .qq-gallery .qq-upload-button{
opacity: 0;
}
.bd-print-order .qq-gallery.qq-uploader:before{
display: none;
}
.qq-upload-button-wrap-text{
font-family: Roboto;
font-size: 17px;
line-height: 23px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
margin-top: 28px;
text-align: center;
}
.bd-print-order .qq-gallery.qq-uploader{
min-height: 158px;
background: #FFFFFF;
border: 1px dashed #B0B0B0;
max-height: 588px;
}
.bd-print-order .qq-gallery .qq-upload-list{
margin-top: 115px;
}
.bd-print-order .qq-gallery .qq-total-progress-bar-container{
position: absolute;
top: 128px;
margin: 0;
width: 100%;
}
.bd-print-order .qq-gallery .qq-total-progress-bar{
height: 6px;
}
.mb-2{
margin-bottom: .5rem;
}
@media (max-width: 991px){
.bd-print-header{
padding: 52px 40px 52px 40px;
}
.bd-print-breadcrums .breadcrums{
margin-top: 0;
}
.bd-print-header .row{
flex-wrap: wrap;
}
.bd-print-header .row .col-left{
width: 100%;
padding-right: 0;
}
.bd-print-header .row .col-right{
display: none;
}
.bd-print-header .col-left .photo{
display: block;
margin-bottom: 32px;
}
.bd-print-breadcrums .title h1{
line-height: .9;
}
.bd-print-form{
padding: 52px 40px 52px 40px;
}
.bd-print-form .title{
line-height: .9;
}
.bd-print-form .input-group span{
margin: 0 15px;
}
.bd-print-form .form-group:last-child .input-group{
flex-wrap: wrap;
}
.bd-print-form .input-group .btn{
width: 100%;
margin: 0;
margin-top: 15px;
}
.bd-print-form .input-group input + .btn{
margin-top: 31px;
}
.bd-print-services .title{
line-height: .9;
}
.bd-print-services .list{
flex-wrap: wrap;
}
.bd-print-services .list .col{
width: 100%;
}
.bd-print-services .list .item{
margin-bottom: 31px;
}
.bd-print-services .list .col:last-child{
margin-bottom: 0;
}
.bd-print-advantages{
margin-top: 58px;
}
.bd-print-advantages .title{
line-height: .9;
}
.bd-print-advantages .list{
flex-wrap: wrap;
margin: 41px -20px 0;
justify-content: center;
}
.bd-print-advantages .list .item {
width: 33.33%;
padding: 0 20px;
margin-bottom: 41px;
}
.bd-print-advantages .list .item .icon{
width: 100px;
height: 100px;
}
.bd-print-advantages .list .item .name{
font-size: 20px;
}
.print-text{
margin-top: 17px;
}
.print-text h2{
line-height: .9;
}
.print-example {
margin-top: 57px;
margin-bottom: 57px;
}
.print-example .title{
line-height: .9;
}
.print-example .list{
margin: 0 -5px;
margin-top: 31px;
}
.print-example .list > div{
padding: 0 5px;
margin-bottom: 10px;
}
}
@media (max-width: 767px){
.bd-print-advantages .list .item {
width: 50%;
}
}
@media (min-width: 768px) and (max-width: 991px){
.bd-print-services .list .item .photo{
width: 220px;
float: left;
margin-right: 30px;
}
.bd-print-services .list .item:after{
display: block;
content: "";
clear: both;
}
.bd-print-services .list .item .name,
.bd-print-services .list .item .price,
.bd-print-services .list .item .link{
text-align: left;
}
.bd-print-services .list .item .link{
margin-top: 40px;
}
.bd-print-services .list .item .link a{
display: inline;
position: static;
background: none;
}
}