.w_100 { width: 100%; } .w_960 { width: 960px; margin: auto; } @main_green: #6aa033; .cat_p_bradcrump { padding: 30px 0px; ul { list-style: none; li { display: inline-block; i { position: relative; top: 1px; padding: 0px 2px 0 8px; color: #8C9295; font-size: 13px; } a { font-size: 12px; color: #898b8e; } } .active { a { text-decoration: none; } } } } .cat_p_filter_bar { font-family: 'HelveticaRegular',sans-serif; width: 210px; padding-right: 20px; display: inline-block; float: left; .filter_list { ul { list-style: none; .title_2 { font-size: 15px; font-weight: bold; color: #898b8e; padding: 30px 0 20px; } li { border-bottom: 1px solid #bbbbbb; position: relative; padding: 15px 0; font-weight: bold; color: #333333; .width_li_filter { width: 180px; display: block; } .arrow { position: absolute; right: 2px; top: 3px; font-size: 20px; color: #727272; padding: 10px 0 10px 200px; i { font-weight: bold; } img { transform: scale(1.3); position: relative; bottom: 3px; } } } } .price_filter { display: none; padding-top: 10px; a { color: #6aa033; } } .first_price_li { padding-top: 30px; display: block; } } .filter_accept_bloc { padding: 20px 0 40px; button { color: #fff; padding: 10px; font-size: 15px; border: none; border-radius: 3px; background-color: #898b8e; box-shadow: 0 2px 0 darken(#898b8e, 15%); &:hover { background-color: darken(#898b8e, 10%); } } a { color: #6AA033; font-size: 12px; } } .product_list { .title { padding-bottom: 5px; color: #898b8e; } a { display: block; padding: 5px 0 0 15px; font-weight: normal; } } .price_slider { width: 203px; /*margin: auto;*/ } .checkbox { margin-top: 5px; font-weight: normal; } .see_all { a { font-size: 13px; position: relative; bottom: 3px; } i { font-size: 18px; color: #898B8E; } } .title { font-size: 16px; font-weight: bold; color: #898b8e; padding-bottom: 20px; } p { margin-bottom: 20px; input { padding: 8px; border-radius: 3px; border: none; border: 1px solid #bbb; width: 60px; } label { display: block; margin-bottom: 15px; } } } .cat_p_catalog_list { font-family: 'HelveticaRegular',sans-serif; width: 700px; padding-right: 10px; display: inline-block; ul { list-style: none; display: inline-block; li { display: inline-block; .active { color: #333333; text-decoration: none; } a { color: #6aa033; font-size: 13px; } } } .sort_menu { padding-bottom: 10px; border-bottom: 1px solid #DBDCDD; margin-bottom: 30px; width: 720px; } .title { font-size: 30px; font-weight: bold; padding-bottom: 20px; } .sort_price { display: inline-block; width: 225px; position: relative; font-size: 13px; select { text-decoration: underline; width: 120px; border: none; color: #6aa033; -webkit-appearance: none; /* скрытие треугольника в селекте */ appearance: none; /* скрытие треугольника в селекте */ text-indent: 0.01px; /* скрытие треугольника в селекте в firefox */ text-overflow: ''; /* скрытие треугольника в селекте в firefox */ /*&::-ms-expand { display: none; } скрытие треугольника в селекте в IE */ background: transparent; &:focus{ outline: none; } option { background: transparent; } } i { position: absolute; right: 72px; top: 3px; cursor: pointer; font-weight: bold; color: #898b8e; z-index: -1; } } .show { display: inline-block; width: 225px; text-align: center; font-size: 13px; } .show_pages { display: inline-block; width: 250px; text-align: right; font-size: 13px; i { color: #898b8e; position: relative; top: 1px; padding-left: 5px; font-size: 15px; cursor: pointer; } } } .cat_p_item_card_list { font-family: 'HelveticaRegular',sans-serif; .novelty { text-align: center; .content { width: 720px; padding: 0; .novelty_cont { width: 720px; padding-bottom: 10px; .item { min-height: 375px; margin-right: 20px; margin-bottom: 20px; margin-left: 0; &:after { display:none; } .item_bottom_img{ position: relative; top: 3px; right: 1px; } &:before { content: ""; position: absolute; bottom: -1px; right: -1px; width: 0px; height: 0px; border-width: 13px 13px 0px 0px; border-style: solid; border-color: transparent #fff; z-index: 2; } .brand { span { color: @main_green; } } .new { background-color: red; width: auto; padding-right: 20px; &:after { right: 0px; width: 0px; height: 0px; border-width: 18px 13px 0px 0px; border-style: solid; border-color: transparent #fff; } } } } .load_more_btn { font-size: 13px; padding: 10px 15px; background: #6AA033; border-radius: 2px; border: none; color: white; box-shadow: 0 2px 0 darken(#6AA033, 10%); margin-bottom: 20px; &:hover { background: darken(@main_green, 5%); } } .show_pages { display: block; margin: auto; text-align: center; margin-bottom: 7px; } .description { color: #333333; text-align: left; font-weight: normal; font-size: 13px; h2 { padding: 30px 0; font-size: 30px; font-weight: normal; } .bold { font-weight: bold; } h4 { padding: 20px 0; font-size: 14px;} .margin_bottom_20 { margin-bottom: 20px; } .empty_padding_400 { width: 100px; height: 380px; } } } } }