@charset "utf-8"; /* LESS Document */ @import "mixins.less"; @link: #ab3e6c; @hover: #ff6600; @visited: #9f2264; @text: #333333; @mw: 980px; * { margin: 0; padding: 0; } a { color: @link; text-decoration: underline; cursor: pointer; .transition(0.3s, ease-out); } a:visited { color: @visited; } a:hover { text-decoration: none; color: @hover; .transition(0.3s, ease-out); } a img { border: none; } input[type='text']:focus, textarea:focus { } input[type='submit'] { cursor: pointer; } textarea { resize: vertical; } .f-row {label{cursor:pointer}} /* .container{min-width:1280px !important;width:1280px !important} */ @media (min-width: 1200px) { .container { min-width: 1280px !important; width: 1280px !important; } } h1 { margin-top: 0; font-size: 2.4em; } h2 { font-size: 2.2em; } h3 { font-size: 2.0em; } h4 { font-size: 1.8em; } h5 { font-size: 1.6em; } h6 { font-size: 1.4em; margin-bottom: 3px; } .left { float: left; } .right { float: right; } .clear { clear: both; } .hidden { display: none; .transition(0.3s, ease-out); } .alignleft { text-align: left; } .aligncenter { text-align: center; } .alignright { text-align: right; } form .input-group .form-control {color: #5d5d5d} .rub { display: inline-block; border-bottom: 1px solid #000000; font-size: 1em; line-height: 12px; width: 0.4em; } img.ruble-img { height: 1.5ex; } span.dot { position: absolute; text-indent: -1000em; } .navbar { ul { li { a { position: relative; height: 53px; padding: 0 16px; text-decoration: none; text-shadow: 0 -1px 0px #9f2264; font-size: 1.4em; line-height: 53px; color: #ffffff; } a:hover, a.active { .gradient(#d14b01, #ffae00); } } li:last-child { a { padding: 0 18px; } } } } .navbar { ul { li.catalog_item { a { text-shadow: 0 -1px 0px #1b7058; .gradient(#459c83, #8cd1bd); } a:hover, a.active { text-shadow: 0 -1px 0px #9f2264; .gradient(#d14b01, #ffae00); } } } } .section-color(@color){ h2 { margin: 0 0 15px 0; font-family: 'Trebuchet MS', sans-serif; font-size: 2.4em; color: @color; font-weight: bold; } .object-item { border-color: @color; } .object-item-price { background-color: @color; } } .catalog-item { position: relative; margin-bottom: 20px; height: 360px; border: 1px solid #cccccc; .border-radius(6px); text-align: center; img { max-width: 100%; } .object-item-price { position: absolute; bottom: 52px; left: 0; height: 40px; /*border: 1px solid #ffffff; border-right: 0; */padding: 0 10px; background-color: #fff; text-shadow: 0 1px 1px #ffffff; font-family: 'Trebuchet MS', sans-serif; font-size: 2em; line-height: 36px; font-weight: bold; del {font-size: 16px; color:#878787} } .catalog-item-name { position: absolute; top: 227px; height:40px; overflow:hidden; width: 100%; text-align: inherit; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; text-align: left; padding: 0 10px; a { color : #000; line-height: 1.2;} } .cart-add { position: absolute; bottom: 1px; width: 100%; height: 37px; text-align: inherit; a { display: block; width: inherit; height: inherit; .border-radius(6px); .gradient(#9f2264, #bc6777); text-decoration: none; text-shadow: 0 -1px 0px #9f2264; font-family: 'Trebuchet MS', sans-serif; font-size: 1.8em; line-height: 33px; color: #ffffff; font-weight: bold; } a:hover { .gradient(#d24c01, #ffae00); color: #ffffff; } } } html { min-width: 100%; height: 100%; font-size: 73.3%; } body { position: relative; width: 100%; min-height: 100%; background-color: #ffffff; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: inherit; color: @text; } /*** HEADER ***/ header { .logo { margin-top: 15px; max-width: 100%; } .header_phones { margin-top: 20px; font-size: 2.3em; color: #666666; p { margin: 0; line-height: 1.0em; } small { font-size: 58%; } } /* .callback { display: block; margin-top: 20px; width: 100%; height: 49px; .border-radius(14px); border: 1px solid #1d8b48; .gradient(#23a154, #9aea92); text-align: center; text-decoration: none; text-shadow: 0 -1px 1px #1fa051; font-size: 22px; color: #ffffff;} .callback:hover { background: #23a154; } */ .callback, .callback2 { /*background: url('../images/call_btn.png');*/ background: url(/images/btn_callback.png) 0 0 no-repeat; display: block; width: 100%; height:49px; transition:none } .callback:hover , .callback2:hover { /*background: url('../images/call_btn_hover.png');*/ background-position:0 -49px; transition:none; } .user, .cart { h6 { font-size: 1.5em; } p { font-size: 1.3em; } } .well { margin-bottom: 10px; border: none; .border-radius(6px 6px 6px 6px); box-shadow: unset; } input[type='text'] { background: url('../images/search-icon.png') #ffffff 5px center no-repeat; text-indent: 30px; } } @media (min-width: 768px) { header .callback , header .callback2 { background-position:right top; } } @media (min-width: 1200px) { header .callback , header .callback2 { background-position:left top; } header { /*height: 155px;*/ padding-bottom:10px } } /*** NAVBAR HEADER ***/ #navbar-header { .border-radius(6px); .gradient(#9f2264, #bc6777); overflow: hidden; .navbar; .navbar-nav { margin: 0; } ul { li { float: left; a:after { position: absolute; top: 10px; right: -1px; width: 1px; height: 35px; border-left: 1px solid #eb8ea0; border-right: 1px solid #881853; background: #a9396b; content: ""; } a:hover:after, a.active:after { display: none; } } li:last-child { a:after { display: none; } } } } .topmenu-xs {padding:10px;font-size:14px;text-align:center} .topmenu-xs .active {background:none !important; color:#ab3e6c !important} @media (min-width: 992px) { #navbar-header ul li a , #navbar-header ul li:last-child a {padding:0 8px;font-size:13px} } @media (min-width: 1200px) { #navbar-header ul li a , #navbar-header ul li:last-child a {padding:0 19px;font-size:15px} } /*** BANNERS ***/ #main_slider { position: relative; margin-bottom: 20px; .box-shadow(0, 0, 8px, 0, rgba(0, 0, 0, 0.3)); .border-radius(6px); overflow: hidden; .carousel-indicators { bottom: 0; li { margin: 0 5px 0 0; width: 14px; height: 14px; .border-radius(7px); .inner-shadow(0, 1px, 1px, 0, rgba(0, 0, 0, 0.3)); background-color: #999999; } li.active { background-color: #a32e67; } } .carousel-inner { .item { .border-radius(6px); } } } @media (min-width: 768px) { #main_slider {height:260px} } @media (min-width: 992px) { #main_slider {height:224px} } @media (min-width: 1200px) { #main_slider {height:298px} } #right_banner { margin-bottom: 20px; .box-shadow(0, 0, 8px, 0, rgba(0, 0, 0, 0.3)); .border-radius(6px); overflow: hidden; } /*** ASIDE ***/ aside { ul { list-style: none; li { a:visited { color: #9f2264 } a:hover { color: @hover; } } } } aside > ul > li > a { display: block; margin-bottom: 1px; width: 100%; .border-radius(6px); padding: 5px 8px 5px 25px; .gradient(#e2e2e2, #f5f5f5); text-decoration: none; font-family: 'Trebuchet MS', sans-serif; font-size: 18px; color: #ab3e6c; font-weight: bold; } aside > ul > li > a:visited { color: #ab3e6c; } aside > ul > li > a:focus, aside > ul > li > a:hover, ul > li > a.active { .gradient(#d24c01, #ffae00); color: #ffffff !important; } aside > ul > li > a:focus {text-decoration: none; outline: none } aside > ul > li > ul { display: none; } aside > ul > li.active > ul { display: block; } aside > ul > li > ul > li > a { display: block; width: 100%; padding: 5px 8px 5px 25px; } aside > ul > li > ul > li > a:hover, aside > ul > li > ul > li > a.active { background: #ff6600; color: #ffffff; } .social { margin-top: 15px; border-top: 1px solid #b24e70; padding-top: 15px; width:200px; height:40px; a { margin-right: 9px; } } div.filter { border: none; padding-bottom: 14px; .form-horizontal { label.control-label { margin-right: 20px; padding-top: 2px; font-size: 1.1em; font-weight: 400; } select { height: 23px; padding: 0; } .btn { margin-top: -5px; padding: 6px 12px; } } } div.content { font-size: 1.2em; } div.object { margin-bottom: 15px; font-size: 1.2em; .object-right { position: relative; min-height: 490px; } .main_desc { /*border-bottom: 1px solid #b24e70;*/ padding-bottom: 30px; /*min-height: 488px;*/ min-height:360px; } .search_params { table { width: 100%; tr { td { span { display: inline-block; padding-right: 10px; background: #ffffff; } } td:first-child { background: url('../images/points.png') 0 10px repeat-x; } td:last-child { padding-left: 10px; } } } } .object-item-price { display: inline-block; /*margin-top:10px; position: absolute; bottom: 50px; padding: 0 10px; background-color: #ececec;line-height: 40px; */ text-shadow: 0 1px 1px #ffffff; font-size: 2.4em; } .cart-add { /*display: inline-block; position: absolute; bottom: 0; margin-top: 20px; height: 37px; text-align: center;*/ a { display: block; float:left; margin-right:10px; height: inherit; .border-radius(6px); padding: 0 10px; .gradient(#9f2264, #bc6777); text-decoration: none; text-shadow: 0 -1px 0px #9f2264; font-family: 'Trebuchet MS', sans-serif; font-size: 1.4em; line-height: 33px; color: #ffffff; font-weight: bold; } a:hover { .gradient(#d24c01, #ffae00); color: #ffffff; } } } .big-photos {/*width: 490px; */} .big-photo { display: none; text-align: left; img { max-width: 100%; border: 1px solid #cccccc; } } .big-photo.active { display: block; } .small-photos { margin: 30px auto 0; /*width: 490px; */padding-right: 13px; overflow: hidden; text-align: center; } .small-photo { margin: 0 8px 8px 0; border: 1px solid #cccccc; cursor: pointer; display: inline-block; float: none !important;} .small-photo:hover, .small-photo.active { border-color: #ff6600; } .small-photo:last-child { margin-right: 0; } div.related-objects { margin-bottom: 50px; } .robject-item-image { margin-bottom: 10px; text-align: left; img { max-width: 100%; } } .robject-item-name { a { font-size: 1.1em; color: #ff6600; } } .robject-item-price { text-align: left; font-size: 1.8em; .rub { line-height: 7px; } } div.i-mes { border-top: 1px solid #b24e70; padding-top: 25px; font-size: 1.1em; color: #cccccc; } section.green { .section-color(#d1e183); } section.pink { .section-color(#f285a3); .object-item { .object-item-price { text-shadow: 0 -1px 0 #a93a6b; color: #ffffff; .rub { border-color: #ffffff; } } } } section.orange { .section-color(#fd8327); .object-item { .object-item-price { text-shadow: 0 -1px 0 #a93a6b; color: #ffffff; .rub { border-color: #ffffff; } } } } .category-list, .object-list { } .category-item, .object-item { .catalog-item; } .more-info { .nav-tabs { border: none; li { a { .border-radius(6px 6px 0 0); border-color: #ececec; text-decoration: none; font-family: 'Trebuchet MS', sans-serif; font-size: 1.4em; font-weight: bold; } } li.active { a { background-color: #ececec; } } } .tab-content { .border-radius(0 6px 6px 6px); background-color: #ececec; } .tab-pane { padding: 15px; font-size: 1.2em; h6 { margin-top: 0; } ul, ol { margin-left: 15px; } table { position: relative; margin-bottom: 40px; width: 100%; tr { td { p { display: inline-block; margin: 0; padding-right: 10px; background: #ececec; } } td:first-child { width: 75%; background: url('../images/points.png') 0 10px repeat-x; } td:last-child { padding-left: 10px; } } } table:after { position: absolute; bottom: -20px; width: 100%; height: 2px; background-color: #cccccc; border-bottom: 1px solid #ffffff; content: ""; } } } .cart-steps { margin-bottom: 30px; width: 100%; height: 30px; .border-radius(6px); .gradient(#e2e2e2, #f5f5f5); overflow: hidden; } .cart-step { position: relative; width: 20%; height: 100%; padding: 0 2%; text-align: center; span { font-size: 1.2em; line-height: 30px; } } .cart-step.active { color: #fff; } .cart-step.complete a { text-decoration: none; &:visited { color: @text; } &:hover { color: #fff; } } .cart-step.active, .cart-step.complete { .gradient(#d24c01, #ffae00); } .cart-step:after { position: absolute; right: -9px; width: 9px; height: 30px; background: url('../images/next-step.png') no-repeat; content: ""; z-index: 1; } .cart-step.active:after, .cart-step.complete:after { background-image: url('../images/next-step-active.png');} .cart-head {border-bottom: 1px solid #d0d0d0; padding-bottom: 5px; font-size: 1.2em; color: #999999; } @media (min-width: 992px) { .cart-head { height: 30px; line-height: 30px; } } .cart-item { border-bottom: 1px solid #d0d0d0; padding: 20px 0; } .cart-item-image { img { border: 1px solid #d0d0d0; } } .cart-item-name { margin-top: 40px; font-size: 1.4em; } .cart-item-price { margin-top: 28px; font-size: 1.2em; text-align: center; font-weight: bold; .rub { line-height: 5px; } } .cart-item-amount { margin-top: 40px; label { margin: 0 15px 0 30px; font-weight: 400; } input[type='number'] { margin-top: -4px; width: 40px; height: 30px; } } .cart-item-totalprice { margin-top: 28px; margin-bottom: 10px; text-align: center; font-size: 1.2em; font-weight: bold; .rub { line-height: 5px; } } @media (min-width: 992px) { .cart-item-price { font-size: 2.2em; font-weight: normal; } .cart-item-totalprice {font-size: 2.3em; font-weight: normal; margin-bottom: 0; } .cart-item-price .rub , .cart-item-totalprice .rub { line-height: 10px; } } .summary { margin-top: 15px; font-size: 2.4em; } .purchase { margin-top: 15px; a, button { display: block; height: 40px; .border-radius(6px); padding: 0 15px; .gradient(#9f2264, #bc6777); text-decoration: none; text-shadow: 0 -1px 0px #9f2264; font-family: 'Trebuchet MS', sans-serif; font-size: 2.0em; line-height: 35px; color: #ffffff; font-weight: bold; border:1px solid #bc6777 } a:hover, button:hover { .gradient(#d24c01, #ffae00); color: #ffffff; border:1px solid #ffae00 } } @media (min-width: 992px) { .fpad { height: 250px; } } .usersettings { .nav-tabs { border: none; } .nav-tabs>li.active>a, .nav>li>a:hover, .nav>li>a:focus { background-color: #ebebeb; color: @text; border-bottom: none; } .nav-tabs>li>a { .border-radius(8px 8px 0 0); border-color: #ebebeb; border-bottom: none; margin-right: 4px; } .nav>li>a { padding: 10px 15px 3px; text-decoration: none; font-size: 15px; font-weight: 700; } .tab-pane { background-color: #ebebeb; padding: 40px 20px 20px; font-size: 15px; } .form-control { height: 25px; line-height: 25px; .border-radius(0); padding: 0 5px; font-size: 18px; color: #ccc;} .btn { border: none; padding: 4px 20px; .gradient(#a02264, #bc6777); .border-radius(8px); font-size: 15px; color: #fff; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { .gradient(#d14b01, #ffae00); } } .pagination { height: 28px; font-size: 1.2em; display: block; .item { display: inline-block; margin-left: 2px; height: 26px; line-height: 26px; text-align: center; &.active { .border-radius(14px); .gradient(#d14b01, #ffae00); color: #fff; width: 26px; } a { color: @text; text-decoration: none; } } } .tab-pane#orders { ol { padding: 0 20px; } li { margin-bottom: 50px; border-bottom: 1px solid #d0d0d0; } .ordershortinfo { line-height: 1em; font-size: 14px; } .order-head { height: 25px; border-bottom: 1px solid #d0d0d0; padding-bottom: 5px; font-size: 1.1em; line-height: 25px; color: #999999; } span.rub { line-height: 4px; } } /*** FOOTER ***/ footer { width: 100%; border-top: 1px solid #c0707f; border-bottom: 1px solid #a42d6c; .gradient(#9f2164, #bc6777);} @media (min-width: 992px) { footer { .navbar { margin-bottom: 10px; } #navbar-footer ul > li { float: left; } #navbar-footer ul > li > a { padding: 0 16px; font-size: 15px} #navbar-footer ul > li:last-child > a { padding: 0 18px; } } } @media (min-width: 1200px) { footer {position: absolute; bottom: 0;height: 202px} } .footer_text { position: relative; margin: 0 35px; border-top: 1px solid #cf7285; border-bottom: 1px solid #853154; padding: 15px 0; p { /*color: #febac8;*/ color:#fff } } /*.footer_text:before, .footer_text:after { position: absolute; left: 0; width: 100%; height: 1px; content: ""; }*/ .footer_text:before { top: 0; background: #853154; } .footer_text:after { bottom: 0; background: #cf7285; } div.copyright, div.phones, div.counters { padding-top: 10px; font-size: 1em; /*color: #febac8;*/ color:#fff; text-align:center} div.copyright { margin-left: 35px; } div.counters { margin-right: 35px; } .f_owner {text-align:center;color:#fff;} @media (min-width: 768px) { div.copyright, div.counters {text-align:left} .f_owner {text-align:right} } /*** NAVBAR FOOTER ***/ #navbar-footer { .navbar; } #loader { position: fixed; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 100; img { position: fixed; top: 50%; left: 50%; margin-left: -64px; } } span.delete { width: 140pt; padding: 0px 7pt; border: solid silver 0px; margin-left: 10px; border-radius: 6pt; float: right; font-size: 14pt; /* margin-top: 5pt; */ background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #f5f5f5)); background: -ms-linear-gradient(bottom, #e2e2e2, #f5f5f5); background: -moz-linear-gradient(center bottom, #e2e2e2 0%, #f5f5f5 100%); background: -o-linear-gradient(#f5f5f5, #e2e2e2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e2e2e2', GradientType=0); } span.delete:hover { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d24c01), color-stop(1, #ffae00)); } .form-control {font-size: 18px; color: #333;} iframe { border: none; } .comments .title { font-weight: bold; } .comments .message { font-style: italic; } .comments .foto { padding-top: 2px; } .comm { background: #e1e7ee; padding: 3px; padding-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: opacity 100ms linear, background-color 100ms linear; color:#2B587A; margin-bottom: 10px; } ol.search_results li { float:left; margin:15px; } /* #get_disco_btn{ background: url('../images/get_disco_btn.png'); background-repeat: no-repeat; min-height:32px; margin-top:12px; } #get_disco_btn:hover{ background: url('../images/get_disco_hover.png'); background-repeat: no-repeat; } #track_order_btn{ background: url('../images/track_order.png'); background-repeat: no-repeat; min-height:32px; margin-top:12px; } #track_order_btn:hover{ background: url('../images/track_order_hover.png'); background-repeat: no-repeat; } #repair_status_btn{ background: url('../images/repair_status.png'); background-repeat: no-repeat; min-height:32px; margin-top:12px; } #repair_status_btn:hover{ background: url('../images/repair_status_hover.png'); background-repeat: no-repeat; } */ /* кнопка авито */ #avito{ background: url('../images/avito.png'); background-repeat: no-repeat; margin-top:10px; width:195px; min-height:43px; } #avito:hover{ background: url('../images/avito_hover.png'); background-repeat: no-repeat; } /* кнопка payanyway */ #payanyway{ background: url('../images/payanyway.png'); background-repeat: no-repeat; margin-top:10px; width:195px; min-height:43px; } #payanyway:hover{ background: url('../images/payanyway_hover.png'); background-repeat: no-repeat; } /* кнопка directcredit */ #directcredit{ background: url('../images/direct.png'); background-repeat: no-repeat; margin-top:10px; width:195px; min-height:43px; } #directcredit:hover{ background: url('../images/direct_hover.png'); background-repeat: no-repeat; } /* кнопка paybylink */ #paybylink{ background: url('../images/paybylink.png'); background-repeat: no-repeat; margin-top:10px; width:195px; min-height:43px; } #paybylink:hover{ background: url('../images/paybylink_hover.png'); background-repeat: no-repeat; } /* Pagination */ .uk-pagination { font-size: 0; list-style: none outside none; padding: 0; text-align: center; float: left; } .uk-pagination:before, .uk-pagination:after { content: " "; display: table; } .uk-pagination:after { clear: both; } .uk-pagination > li { display: inline-block; font-size: 1rem; vertical-align: top; } .uk-pagination > li:nth-child(n+2) { margin-left: 5px; } .uk-pagination > li > a, .uk-pagination > li > span { border-radius: 4px; box-sizing: content-box; display: inline-block; line-height: 20px; min-width: 16px; padding: 3px 5px; text-align: center; text-decoration: none; } .uk-pagination > li > a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: linear-gradient(to bottom, #fff, #eee) repeat scroll 0 0 border-box #f7f7f7; border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-image: none; border-style: solid; border-width: 1px; color: #666; text-shadow: 0 1px 0 #fff; } .uk-pagination > li > a:hover, .uk-pagination > li > a:focus { background-color: #fafafa; background-image: none; color: #666; outline: 0 none; } .uk-pagination > li > a:active { background-color: #f5f5f5; background-image: none; border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset; color: #666; } .uk-pagination > .uk-active > span { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: linear-gradient(to bottom, #00b4f5, #008dc5) repeat scroll 0 0 border-box #009dd8; border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4); border-image: none; border-style: solid; border-width: 1px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .uk-pagination > .uk-disabled > span { background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.2); color: #999; text-shadow: 0 1px 0 #fff; } .uk-pagination-previous { float: left; } .uk-pagination-next { float: right; } .uk-pagination-left { text-align: left; } .uk-pagination-right { text-align: right; } [class*="uk-icon-"] { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; } *::-moz-selection { background: none repeat scroll 0 0 #39f; color: #fff; text-shadow: none; } .object-item-icon-block { height: 37px; position: absolute; top: 0; right: 0; .oicon { margin: 0 3px; float: right; height: 37px; width: 45px; } .object-icon-hit { background: url(../images/icon_hit.png) no-repeat; } .object-icon-action { background: url(../images/icon_action.png) no-repeat; } .object-icon-sale { background: url(../images/icon_sale.png) no-repeat; } .object-icon-new { background: url(../images/icon_new.png) no-repeat; } } .object { .object-item-icon-block { right: 30px; } } .catalog-fpage { margin: 0 0 20px 0; text-align: center; a.catalog-fpage { font-size: 2em; margin: 0 10px; } } .buttonWrapper {width:100%;float:left;height:34px} .object-item .cart-add .objectButton { float:left; width:45%; background:#a72367 !important; position:relative; display:block; color:#FFF !important; border-radius:0 !important; line-height:34px; font-size:11px !important; height:34px; text-transform:uppercase; text-shadow:none !important } .object-right .cart-add .objectButton { width:120px; background:#a72367 !important; position:relative; display:block; color:#FFF !important; border-radius:0 !important; line-height:35px; /*font-family: Arial;*/ font-size:11px !important; height:35px; text-transform:uppercase; text-shadow:none !important } .object-item .cart-add .objectOneClickButton { float:left; width:55%; background:#ececec !important; color:#a72367 !important; } .object-right .cart-add .objectOneClickButton { width:140px; background:#ececec !important; color:#a72367 !important; } .object-item .cart-add .objectButton span , .object-item .cart-add .objectOneClickButton span , .object-right .cart-add .objectButton span , .object-right .cart-add .objectOneClickButton span { display:inline-block; padding:0 0 0 20px; background: url(/images/basket-button1.png) left center no-repeat; } .object-item .cart-add .objectOneClickButton span , .object-right .cart-add .objectOneClickButton span { padding:1px 0 0 19px; background-image:url(/images/basket-button2.png) } .date {font-size:11px;color:#555;padding:0 0 0 2px} .catrating {font-size:7px} .liverating {font-size:10px} .objrating {padding:0 0 10px 0} .objquickrating { position:absolute; left:10px; bottom:44px; text-align:left; margin:0; padding:0; font-size:5px } .original_price { font-size:19px; color:#999 } #addres_id .form-control::-webkit-input-placeholder {font-size:17px !important} #addres_id .form-control:-moz-placeholder {font-size:17px !important} #addres_id .form-control::-moz-placeholder {font-size:17px !important} #addres_id .form-control:-ms-input-placeholder {font-size:17px !important} .header_buttons {display:inline-block;width:152px;margin-top:12px} .repost_img { cursor:pointer; margin:0 15px 15px 0; vertical-align:top } .catalog_filter_wrapper { display:none; margin:10px 0 20px 0; padding:10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee } #jivo_top_wrap {display:none} @media (min-width: 768px) { #jivo_top_wrap {display:block} .repost_img { margin:0 10px 0 0; } } .btn_apply , .btn_order {display:inline-block;margin-top:10px;width:95px;height:35px;background:transparent url(/images/btn_apply.png) no-repeat;border:none;padding:0;font-size:0} .btn_order {width:130px;background:transparent url(/images/btn_order.png) no-repeat} .sdek_price , .kredit_price {font-size:15px;font-weight:bold} .sdek_price .rub , .kredit_price .rub {line-height:7px} .itemButtons {margin-bottom:10px} .credit_payment { display:block; text-align:left; font-size:14px } .credit_payment strong {font-weight:normal;font-size:25px} .share_label { display:inline-block; vertical-align:top; padding-top:8px; font-weight:bold } .ya_kassa { display:inline-block; margin:10px 0 0 0; width:195px; height:43px; background:url(/images/yandex_kassa.png) 0 0 no-repeat; transition:none } .ya_kassa:hover { background-position:0 -49px; transition:none } .header_phones .hphones { text-align:left; /*line-height:normal;*/ line-height:1.1; } header .header_phones p.phones { line-height:1.0; font-size: 22px; color: #ab3e6c; } .header_phones .hphones span { display:block; margin:0; padding:0; font-size:11px; } .header_phones .hphones strong { font-size:16px; color:#ab3e6c; font-weight:normal } @media (min-width: 768px) { .header_phones .hphones strong { font-size:25px; } } label.error {color:#f00} .row {margin-left:-10px !important;margin-right:-10px !important;} @media (min-width: 768px) { .row {margin-left:-15px !important;margin-right:-15px !important;} } .buyer_data .btn , .buyer_data .modal-footer .btn + .btn { margin-bottom:10px } @media (min-width: 768px) { .buyer_data .btn , .buyer_data .modal-footer .btn + .btn { margin-bottom:0 } } .btn-grey { display: block; margin-bottom: 1px; width: 100%; .border-radius(6px); padding: 6px 10px; .gradient(#e2e2e2, #f5f5f5); text-decoration: none; font-family: 'Trebuchet MS', sans-serif; font-size: 15px; color: #ab3e6c; font-weight: bold; text-align: center;} .btn-grey:visited { color: #ab3e6c; } .btn-grey:focus, .btn-grey:hover{ .gradient(#d24c01, #ffae00); color: #ffffff !important; } .btn-grey:focus {text-decoration: none; outline: none } .rating_wrapper {padding:8px 0 0 13px;} .flags_wrapper {margin:0 0 10px 0} .item_flag { display:inline-block; font-size:13px; padding:3px 17px 3px 25px; background:url(/images/item_flags_icons.png) 0 0 no-repeat; } .item_flag_credit {cursor:pointer;background-position:0 0} .item_flag_credit , .item_flag_credit:hover {color:#000 !important} .item_flag_gift {background-position:0 -27px} .item_flag_warranty {background-position:0 -51px} .item_price_wrapper { margin:0 0 15px 0; padding:20px 5px; border:1px solid #cbcbcb; border-radius:10px; text-align:center; } @media (min-width: 992px) { .item_price_wrapper {text-align:left} div.object .object-item-price {font-size:28px} } @media (min-width: 1200px) { .item_price_wrapper {text-align:left} div.object .object-item-price {font-size:2.4em} } .object-right .cart-add .object_item_button_cart { display:inline-block !important; float:none; margin-top:5px; margin-bottom:0; padding:0 15px; /*width:117px !important;*/ height:38px !important; line-height:42px; text-align:center; font-size:15px; font-weight:normal; vertical-align:top; text-transform:uppercase; border-radius:5px; text-shadow:none; background:url(/images/object_cart_gr.png) repeat-x !important; } .object-right .cart-add .object_item_button_oneclick { display:inline-block !important; float:none; margin-top:5px; margin-bottom:0; width:158px !important; height:38px !important; border-radius:0; background:url(/images/object_oneclick.png) no-repeat !important; } .object_item_button_oneclick_wrapper {padding:15px 0 0 0} .object-right .cart-add .object_item_button_credit { display:inline !important; background:none !important; line-height:normal; width:auto; height:auto; color:#000 !important; border-radius:0; float:none; padding:0; border-bottom:1px dashed #000; text-transform:none; font-size:14px !important; font-weight:normal; } .object-right .cart-add .object_item_button_credit span {display:inline;background:none;color:#000;padding:0;} .object-item-price-text {font-size:14px !important;padding:0 7px 0 10px;} .bonus_wrapper {position:relative;margin:20px 30px 10px 10px;padding:5px 0 0 0;border-top:1px solid #dfdfdf;} .bonus_title {padding:2px 0 0 0;font-size:13px;} .bonus_number {padding:2px 5px;background:#eaeaec;border-radius:5px;} .bonus_help {display:inline-block;border:2px solid #ccc;border-radius:50%;padding:0px 5px;font-size:10px;text-decoration:none;color:#000;cursor:pointer;} @media (min-width: 1200px) { .bonus_title {display:inline-block;} .bonus_number {float:right;} .bonus_help {position:absolute;right:-21px;top:8px;} } #navbar-footer ul { float:none; text-align:center; } footer #navbar-footer ul > li { display:inline-block; float:none } .md_lg_cart .cart h6 {margin:3px 0 0 0} .embed-responsive { display: block; height: 0; overflow: hidden; padding: 0; position: relative; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } /*back to top*/ .back-to-top { position:fixed; display:none; bottom:25px; right:30px; width:44px; height:44px; text-decoration:none; font-size:0; border-radius:50%; background:rgba(255,255,255,.4) url(/images/back_to_top.png) center 0 no-repeat; outline:none !important; } .back-to-top:hover { background:rgba(255,255,255,.8) url(/images/back_to_top.png) center -42px no-repeat; } .block_quote { border-radius: 3px; border-width: 1px; border-left-width: 5px; margin:20px 0; border-color: #eee; border-style: solid; padding: 10px 20px 5px 20px; } .block_quote_red { border-radius: 3px; border-width: 1px; border-left-width: 5px; margin:20px 0; border-color: #eee; border-left-color: #ce4844; border-style: solid; padding: 10px 20px 5px 20px; } .formcontainer { margin:10px 0 50px 0; } @media (min-width: 992px) { .formcontainer { margin:10px 0 30px 0; } } .repair_tabs {margin:20px 0 50px 0} .repair_tabs .nav-tabs > li {float:none} .repair_tabs .nav-tabs li a { border-radius:0; } .repair_tabs .nav-tabs > li > a { margin:0; } .repair_tabs .tab-content { border-radius:0; } .repair_tabs .nav-tabs li.active a { background-color:#fff; } @media (min-width: 992px) { .repair_tabs .nav-tabs > li {float:left} .repair_tabs .nav-tabs li a { border-radius:6px 6px 0 0; } .repair_tabs .nav-tabs > li > a { margin-right:2px; } .repair_tabs .tab-content { border-radius:0 6px 6px; } .repair_tabs .nav-tabs li.active a { background-color:#ececec; } } .opt_block { margin-top:75px; height:200px; font-size:15px; } .opt_block_xs {font-size:16px;padding:10px 0} .opt_list { list-style:none } .opt_list li { margin-left:0; padding-left:23px; background:url(/images/opt_list.png) 0 center no-repeat } .opt_banner img { margin-bottom:15px } .opt_icon { display:inline-block; width:25px; height:25px; background:url(/images/opt_icons.png) 0 0 no-repeat; } .opt_icon1 {background-position:0 0;} .opt_icon2 {background-position:-28px 0;} .opt_icon3 {background-position:-55px 0;} .opt_case { margin-bottom:20px; } @media (min-width: 768px) { .opt_case { position:relative; height:563px; margin-bottom:20px; background:url(/images/opt_case.jpg) center no-repeat } .opt_form { margin-top:210px; padding:0 40px; } .opt_form .alert { position:absolute; top:-60px; } } .opt_form .btn-warning { font-weight:bold; text-transform:uppercase; border-color:#fff; width:100%; background:url(/images/opt_button.jpg) 0 bottom repeat-x } .opt_form .btn-warning:hover { background:#f71800 } .opt_form .form-control { box-shadow:none; font-size:12px; border-left:1px solid #fff; } .opt_form .form-control::-moz-placeholder {color:#000} .opt_form .input-group-addon:first-child { background:#FFF; border-right:0 } @media (max-width: 767px) { .form-control:focus {border-color:#ccc;border-left:1px solid #fff} .category-menu span {display: block;} .mobile-ver .alignright {margin-top: 0px} } @media (min-width: 768px) { .opt_form .form-control { border:1px solid #fff } .opt_form .form-control::-moz-placeholder {color:#000} .opt_form .input-group-addon:first-child { border:1px solid #fff; border-right:0 } } .contact_img {text-decoration:none !important} .top_action {font-size:14px;background:#fdf2ba;padding:10px 20px 10px 20px;margin-bottom:10px;text-align:center;border-radius:5px} .top_action p {margin-bottom: 0px;} .category-menu {font-weight: bold;font-size:17px;margin: 10px 0;} .category-menu a {font-weight: normal;margin-left: 10px;color:#000;text-decoration:none;border-bottom:1px dashed;display: inline-block;} .category-menu a.active {color:#ab3e6c;} .category-menu a:hover {border-bottom:0px none;} .social-link {width: 30px; height:30px; display: inline-block; margin-left: 10px;} .social-link.vk {background-image: url(/templates/applik/images/vk_small.png);} .social-link.fb {background-image: url(/templates/applik/images/fb_small.png);} .social-link.in {background-image: url(/templates/applik/images/in_small.png);} .social-link.tw {background-image: url(/templates/applik/images/tw_small.png);} a.filter-menu {font-size:18px} a.filter-menu , a.filter-menu:active , a.filter-menu:focus , a.filter-menu:hover {outline:none} a.filter-menu.active {border:none} @media (min-width: 1370px) { .col-lg-5col {width:20%} } .header_topmenu-wrapper {display:none;background:#f5f5f5;} .toggle__topmenu {/*position:absolute;top:2px;right:14px;*/outline:none !important;z-index:9;background:#f5f5f5;border-radius:0 0 5px 5px;padding:5px;} .toggle__topmenu span {font-size:28px;color:#ab3e6c;} .header__topmenu {padding:0 0 15px 0;} .header__topmenu a { display:inline-block; font-size:18px; padding-top:8px; font-weight:bold; text-decoration:none; text-transform:uppercase; } .toggle__topmenu.active { background:#f5f5f5 !important; } .header__topmenu ul {margin: 0;padding:10px;list-style:none;text-align:left} .header__topmenu li {display:block;padding-left:0;} .header__topmenu li a {display:inline-block;font-weight:normal;text-transform:none;} .header__topmenu li.active a , .header__topmenu .active {color:#ab3e6c;} .topmenu-xs {padding-bottom:0} body.iosBugFixCaret.modal-open { position: fixed; width: 100%; } .object-item--index { margin-top: 10px; height: 400px; @media (min-width: 992px) { height: 420px; } @media (min-width: 1205px) { height: 380px; } } .object-item__link a { display: inline-block; padding-top: 10px; color:#000 !important; font-size: 1.8em; line-height: normal; } .object-item__anons { padding: 5px 8px 10px 8px; text-align: left; font-size: 13px; } .object-item__btn a { padding: 10px 25px; background-color:#a62367; text-transform: uppercase; color:#fff; text-align: center; font-weight: bold; text-decoration: none; &:hover { background-color: #ff6600; } } .object-item--cat { margin-top: 20px; padding-top: 10px; padding-bottom: 20px; height: auto; @media (min-width: 768px) { height: 330px; padding-bottom: 10px; } @media (min-width: 992px) { height: 300px; } .object-item__link a { font-size: 1.4em; } } .navbar-flex { display: flex; float: none; text-align: center; li { flex-grow: 1; } } #navbar-footer .navbar-flex { @media (max-width: 991px) { display: inline-block; } } .top_action { background: #a62367; p { color: #fff; } } /* TEMP: New year decoration .top_action { background: #a62367 url(../images/ny__topaction.jpg) center no-repeat; @media (min-width: 340px) { background-size: 100% auto; } p { color: #fff; } } .logo__wrapper { position: relative; display: block; &::after { content: ""; position: absolute; right: 0; top: 25%; width: 23px; height: 17px; @media (min-width: 290px) { right: -10px; top: 18%; width: 46px; height: 33px; } @media (min-width: 390px) { left: 112px; top: 9px; width: 90px; height: 66px; } background-image: url(../images/ny__logo.png); background-repeat: no-repeat; background-size: 100%; } } header { position: relative; &::before, &::after { content: ""; position: absolute; top: -41px; @media (min-width: 992px) { top: 0; } width: 91px; height: 97px; @media (min-width: 1560px) { width: 181px; height: 194px; } background-size: 100%; background-repeat: no-repeat; } &::after { left: 0; background-image: url(../images/ny__header_left.png); } &::before { right: 0; background-image: url(../images/ny__header_right.png); } } */