@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&subset=cyrillic,cyrillic-ext'); @orange_bg: #f9b715; @orange_b: #ffb800; @gray_bg: #f5f5f5; @blue_ask: #4a5ba0; @def_txt_color: #404040; .bg_gray{background-color: @gray_bg;} .orange_button(@width:210px, @ln_ht:50px, @sz:18px){ text-shadow: 1px 1px 4px #bb7a00;font-weight: 600;font-size: @sz;font-weight: 600;line-height:@ln_ht;border-radius: 3px;background-color:@orange_bg; display: block; width:@width;text-align: center;text-decoration: none;color:white;cursor: pointer; &:hover{background-color:#ffc42c;} } .def_button(@col:@blue_ask){ font-weight: 600;font-size: 18px;font-weight: 600;line-height: 50px;border-radius: 3px;background-color:@col; display: block; width: 210px;text-align: center;text-decoration: none;color:white;border:1px solid @col;cursor:pointer; &:hover{background-color:white;color:@col;} } .custom_title{font-size: 24px;border-bottom:4px solid @orange_b;padding-bottom: 9px;margin-bottom: 20px;display: inline-block;margin-top: 13px;margin-bottom: 42px;font-weight: 700;} .box_shadow{box-shadow:0px 0px 8px 0px #b2b2b2;} .clear{content: "";clear:both;height: 0px;display: block;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bebebe; } ::-moz-placeholder { /* Firefox 19+ */ color: #bebebe; } :-ms-input-placeholder { /* IE 10+ */ color: #bebebe; } :-moz-placeholder { /* Firefox 18- */ color: #bebebe; } body{ font: 16px/18px 'Source Sans Pro', sans-serif; color:@def_txt_color; background-color: #f6f6f6; p{margin:0 0 21px;} } .wrap{ max-width: 1365px; min-width: 1000px; margin:0 auto; //border:1px solid black; } #header{ margin-left:initial; height:initial; background-image:none; } a.simple{ color:@def_txt_color;text-decoration: none; &:hover{text-decoration:underline;} } .h_top{ height:50px; background: #f7f7f7; .right{ width: 430px;float: right; } } .bold{font-weight: 700;} .ht_address{ float: left; margin-top: 15px; margin-left: 34px; color: #757575; } .ht_address:before{ width: 22px; height: 30px; content: ""; position: absolute; background: url(/bitrix/templates/main/images/address_icon.png); margin-left: -34px; margin-top: -3px; } #header{ .ht_social{ float:right; padding-top: 10px; margin-right: 3px; .fb{ &:hover{ background-image: url(/bitrix/templates/main/images/hover_sprite.png); background-position: 0px 111px;} } .inst{ &:hover{ background-image: url(/bitrix/templates/main/images/hover_sprite.png); background-position:0px 151px ;} } } .dsfeedback-btn{.orange_button(170px, 41px, 16px);} } .ht_search{ float: left; margin-top: 13px; } .sSearchForm{ position: relative; width: 330px; height: 30px; } .sSearchForm input[type="text"]{ width: 100%; border: none; border-bottom: 1px solid #d5d5d5; background: transparent; color:#bebebe; } .sSearchForm input[type="submit"]{ position: absolute; right: 3px; top: 2px; height: 30px; width: 22px; border-radius: 0; background-image:url(/bitrix/templates/main/images/search-magnifier-icon.png); background-position: top center; background-repeat: no-repeat; background-color:transparent; &:hover{background-image: url(/bitrix/templates/main/images/hover_sprite.png);background-position: -5px 0px;} } .white-bg{background-color: white;margin-top: -30px;padding-top: 30px;margin-bottom: -44px;padding-bottom: 44px;} .h_bottom{ background-color: white; .right{float: right;} } .hb_logo{ float:left; padding-top: 21px; padding-bottom: 20px; //background: #ccc; box-sizing: border-box; width:270px; } .hb_contacts{ float: left; box-sizing: border-box; width: 152px; padding-top: 9px; margin-left: 83px; } .hb_contacts:before{ margin-left:-34px; position: absolute; content:""; width:22px; height:22px; background: url(/bitrix/templates/main/images/phone-icon.png); margin-top:16px; } .hb_contacts p{ margin:5px 0 0 15px; } .hb_contacts p a{ text-decoration: none; &:hover{text-decoration:underline;} } .hb_contacts a{ color:@def_txt_color; } .dsvopros-btn{ margin-top:0; box-sizing: border-box; width:170px; padding:10px 10px; background: transparent; color:#2e3b7d; border:1px solid #2e3b7d; font-size: 16px; font-weight: 600; &:hover{background-color:#2e3b7d;color:white;} } .fb { background-image: url(/bitrix/templates/main/images/fb-new.png); width: 31px; height: 31px; display: block; float: left; margin-right: 5px; } .inst { background-image: url(/bitrix/templates/main/images/in-new.png); width: 31px; height: 31px; display: block; float: left; } .toptextup{margin-bottom: 40px;} .top_menu{ .box_shadow; background-color: white; position: absolute;z-index: 1;width: 100%; } .topmenu { background-color:transparent;height: 51px; li{ list-style: none;display: inline; margin-right: 50px; a.root-item{ padding:14px 0 4px 25px !important; color: @def_txt_color; font-weight: 700; background: transparent; text-transform: none; /* font-size: 16px; */ font-size: 18px; text-decoration: none; display: inline-block;border-bottom: 3px solid transparent; &.selected{background-color: transparent;border-bottom: 3px solid @orange_b;text-decoration: none;color:#ffb800;} } .extra{display: none;max-width: 580px; ul{ background-color: white;margin-top: 7px;border-top: 1px solid #E2E2E2;box-shadow:0px 5px 3px 0px #b2b2b2;padding:16px 19px 16px 19px; li{ display: block;width: 250px;float: left;margin: 0px;height: 31px;line-height: 12px; a{ font-weight: 400;color:#616161;font-size: 18px;padding: 0px !important;text-decoration: none; &:hover{ text-decoration:underline;color:#4a5b9f; } } } &:after{.clear;} } } &:hover{ a.root-item{background-color: transparent;border-bottom: 3px solid @orange_b;text-decoration: none;color:#ffb800;} .extra{ display:block;position: absolute; } } &:last-child{margin-right:0px;} } } #middle{margin-top: 0;} #content{ padding-right:0; padding-left:0; } #content h2{ color:@def_txt_color; } #kroshiki{ margin:0; padding:20px 0; color:@def_txt_color; font-size:14px; a{ color:#2e3b7d; &:hover{color:#2e3b7d;text-decoration:underline} } } #content ul{ width:auto; } .mcl-item{ float: left; width: 160px; height:230px; margin: 0 6px 14px 4px; text-align: center; line-height: 20px; a{ text-decoration: none; font-size:18px; color:@def_txt_color; img{ margin-bottom:12px; } } &:hover a{color:#ffb800;font-weight:700;} } .wrap { .mcl-tocat{.orange_button;margin: 11px auto 0px; } } .bg_text{background-image: url(/bitrix/templates/main/images/bg_text_main.jpg);padding-top: 51px;line-height: 22px;padding-bottom: 37px; .custom_title{margin-top: 4px;padding-bottom: 7px;border-bottom:3px solid #ffb800;margin-bottom: 16px;} } .slide{width: 1920px;height: 517px; .info{ position: absolute; background-color: rgba(0,0,0,0.3); color: white; font-weight: 700; font-size: 48px; margin-top: 73px; margin-left: 76px; border: 15px solid white; width: 830px; height: 219px; padding: 44px 0px 28px 60px; line-height: 57px; .more{.orange_button; margin-top: 43px;} } } .on-main{ .slick-dots{ bottom: 25px; li{ margin:0 6px 0 0px; button{ width: 14px;height: 14px;background-color: transparent;border-radius: 50%; border:1px solid white; &:before{content:"" !important;} } } li.slick-active{ button{background-color: white;} } } } .a{ font-size: 14px;font-weight: 400;text-decoration: none;display: block; &:hover{text-decoration:underline;} } .appliances{ .bg_gray;padding-top: 31px;margin-top: 44px;padding-bottom: 68px; .custom_title{.custom_title;margin-bottom: 28px;} .all{ .item{float: left;width: 240px;margin-right: 40px;height: 300px;background-color: white;.box_shadow; & > a { color:#616161 !important; span.black_bg{ background-color: black;display: table-cell;text-align: center;vertical-align: middle;height: 161px;width: 240px; img{} } } a{.a;color:#2e3b7d; .padd{padding: 5px 0 12px 10px;display: block;font-weight: 200;} } &:hover{ background-color: #F5F5F5; outline: 1px solid #FFB800; } } .links{ a{ padding: 0px 0 3px 10px;display: block;font-weight: 200; } } & > div:last-child{margin-right: 0px;} &:after{content:"";display: block;height: 0px;clear: both;} } .mcl-tocat{margin-top: 55px;} } .first_level_bt{ .bg_gray;/*padding-top: 31px;margin-top: 44px;padding-bottom: 68px;*/ .custom_title{.custom_title;margin-bottom: 28px;} .all{ .item{float: left;width: 240px;margin-right: 40px;height: 300px;background-color: white;.box_shadow;margin-bottom: 30px; & > a { color:#616161 !important; span.black_bg{ background-color: black;display: table-cell;text-align: center;vertical-align: middle;height: 161px;width: 240px; img{} } } a{.a;color:#2e3b7d; .padd{padding: 5px 0 12px 10px;display: block;font-weight: 200;} } &:hover{ background-color: #F5F5F5; outline: 1px solid #FFB800; } } .links{ a{ padding: 0px 0 3px 10px;display: block;font-weight: 200; } } & > div:last-child{margin-right: 0px;} &:after{content:"";display: block;height: 0px;clear: both;} } .mcl-tocat{margin-top: 55px;} } .design{ background-image: url(/bitrix/templates/main/images/bg_des.png);color:white;height: 349px;margin-bottom: 77px; .custom_title{color:inherit;margin-top: 46px;margin-bottom: 31px;} .txt{color:inherit;font-weight: 700;font-size:20px;line-height: 25px; p{margin-bottom: 21px;} span{color:@orange_b;} } .mcl-tocat{background-color:@orange_b;margin-top:43px;} } .brands_main{ .item{ float: left;margin-right: 40px;.box_shadow;height: 292px;margin-bottom: 36px; div{ text-align: center; a{ font-size: 21px;text-decoration:none;display: block;padding-top: 24px; } } .pict{ } &:last-child{margin-right: 0px;} &:hover a{text-decoration:underline;} } &:after{ .clear; } } .ask{ background-image: url(/bitrix/templates/main/images/obr_zv.jpg);margin-top: 47px;padding-top: 34px;height: 315px;background-position:50% 0; .custom_title{ .custom_title;border-color: @blue_ask; } .txt{ color:white;font-size: 20px;line-height: 24px;font-weight: 700;line-height: 34px; span{font-size: 24px;display: block;line-height: 41px;} } .feedback_btn{.def_button;margin:11px auto 0;} } .bg_gray .news_on_main{padding-top:52px;} .news_on_main{color:black;padding-bottom: 69px; &:before{.clear;} .title{font-size:24px;font-weight: 700;margin-bottom: 30px;} ul{ list-style: none;padding: 0px !important; li{ width: 388px;margin-right: 40px;float: left;background-color: white;border-radius: 5px;height: 441px;padding:0px 20px;margin-bottom:10px; &:last-child{margin-right:0px;} .img{display: block;width: 100%;height: 246px;padding-top: 10px;padding-bottom: 10px; img{max-width: 100%;} } small{font-size:14px;display: block;margin-bottom: 10px;} .ttl a{font-weight: 600;font-size: 21px;display: block;margin-bottom:13px;text-decoration:none;color:inherit;&:hover{text-decoration: underline;}} .txt a{font-size: 18px;line-height: auto;text-decoration:none;color:inherit;&:hover{text-decoration: underline;}} a.more{color:#2e3b7d;font-size: 21px;font-weight: 600;text-decoration:none;margin-top: 32px;float: right;margin-right: 9px;display: block; &:after{ content:">>"; } &:hover{text-decoration: underline;} } } &:after{.clear;} } } .full{ .half{ float: left;width: 658px;margin-right: 49px; .custom_title{margin-top: 44px;border-bottom: 3px solid #ffb800;padding-bottom: 7px;margin-bottom: 22px;} p{line-height: 24px;} &:last-child{margin-right: 0px; } } &:after{.clear;} } .pagination{ text-align: right;padding-right: 5px;margin-bottom: 20px; a{ color:@def_txt_color;font-size:18px;font-weight:700;text-decoration:none; &:hover{text-decoration:underline} } span{color:#ffc944;font-weight:700;} a, span{padding-right:3px;} } .to_top_text{ p{ margin:0px 0px 16px; } } ul.cards-k{ padding: 0 !important;margin: 0px 0 0px;list-style: none; padding-bottom: 0px !important; padding-top: 0px !important;float: right;max-width: 1084px; li{ float: left; padding: 10px;display: inline;background-color: white; margin-right: 39px;margin-bottom: 29px;.box_shadow; &:nth-child(4n){ margin-right:0px; } } &:after{.clear;} .block { height: 276px; font-size: 1em;padding: 0px;margin: 0px;padding-bottom: 10px; h2 {font-size: 1.8em;} img {width: 100%; margin: 0 auto;display: block;border:none; -ms-interpolation-mode: bicubic; /* предотвращение пикселизации изображений в IE 6/7 */} a { color:#666666; &:hover { color:#F3D863;} } span{font-size:14px;} .props{float:right; text-align:right; white-space:nowrap;max-width: 100%;} .s_product_desc{float: left;} .props, .s_product_desc{min-height: 110px;margin-top: 0px;overflow:hidden;} } } .column:after{.clear;} ul.column2{ width: 100%;padding: 0;margin: 10px 0 50px;list-style: none; li { float: left;width: 170px; /* ширина колонки по умолчанию */padding: 0; margin: 5px 0; display: inline;background-color: white;margin-right: 39px;margin-bottom: 29px; } .block2 { height: 120px; font-size: 1em; margin-right: 20px; /* отступ между колонками */ padding: 20px; div { font-size: 1.3em; text-align:center;line-height:1em; a {color:#F3D863;} } img { width: 100%;margin: 0 auto;display: block;border:none; -ms-interpolation-mode: bicubic; /* предотвращение пикселизации изображений в IE 6/7 */ } a { color:#666666; &:hover { color:#F3D863;} } } } .s-section-btn-zakaz{ color:#ffc944;border:1px solid #ffc944;background-color: white;text-align: center;display: block; padding: 4px 0px 7px 0px;font-weight: 700; font-size: 14px;border-radius: 3px;cursor: pointer;margin-top: 10px;margin-bottom: 10px;position: absolute;width: 100%; &:hover{color:white;border:1px solid white;background-color: #ffc944;} } .card_wrap{ width: 1033px;padding-left:30px;padding-right: 10px;padding-top:14px;padding-bottom:30px;background-color: white; .back{ margin-bottom: 19px; a{font-size: 18px;font-weight:600;color:@def_txt_color;text-decoration:none; } .more_prod{width: 502px;float: right; a{ float: left; &+a{float: right;} } } } .right { width: 500px;float:left; .img{width: 100%;height: auto;overflow: hidden;margin-bottom: 17px;} .slider-nav{ .slick-list{ width: 426px;padding: 0px !important;overflow:hidden; height: 130px;margin-left: 37px; overflow: hidden; } .slick-slide{ width: 128px !important;height: 128px;margin-right: 21px; img{width: 100%;height: 100%;cursor:pointer;} } .slick-prev{display: block;left: -11px;width: 22px;border-right: 23px solid #9f9f9f; border-top: 23px solid transparent;border-bottom: 23px solid transparent; &:before{content:"";} } .slick-next{display: block;top: 48px;right: -11px;width: 22px;border-left: 23px solid #9f9f9f; border-top: 23px solid transparent;border-bottom: 23px solid transparent; &:before{content:"";} } } } .properties{float: right;width: 503px; .place_for_h1{ h1{margin:-6px 0 1px !important;} } .prpt{ margin-bottom: 4px; span{font-weight: 600;} a{text-decoration: none;color:@def_txt_color; &:hover{text-decoration:underline;} } .price{color:#4a5b9f;font-size:22px;padding: 10px 0px 0px 4px;display: inline-block;} } .prc{margin-bottom: 20px;} .dszakaz-btn{.orange_button;height: 40px;font-size: 17px;line-height: 40px;padding: 0px;width: 220px;float: left;} .add_fav{color: #2d387c;font-size: 16px;font-weight: 600;margin: 0px;width: 225px;padding: 0px;line-height: 40px;text-decoration: underline;} .hide{.clear;} } .tabs{margin-top: 16px; .btns span{font-size: 18px;font-weight: bold;padding: 11px 13px 9px 9px;display: inline-block;cursor: pointer; &.active{background-color: @gray_bg;} } .body{background-color: @gray_bg;padding:12px 0px 1px 10px; &>div{display: none;} .active_tab{display: block;} } } .form_div{ margin-left: 7px;width: 486px; } .desc_div{ width: 479px; } &:after{.clear;} } #footer{ background-color: #191919;color:white;padding-top:0;font-size: 14px;line-height: 20px;padding-bottom: 0; .wrap{} .foot_menu{ width: 686px; ul{list-style: none;float: left;width: 180px;margin-right: 20px;margin-top: 0; } &:after{.clear;} } a{color:white;text-decoration: none; &:hover{color:#ffc42c; text-decoration: underline;} } .right{ float: right; .tts{ &:before{background-image: url(/bitrix/templates/main/images/foot_icons.png);background-repeat: no-repeat;content: ""; height: 32px;width: 22px;display: inline-block;position: absolute;} span{padding-top: 5px;display: inline-block;padding-left: 35px;} br{display: none;} } .cntcts{margin-top: 14px; &:before{background-image: url(/bitrix/templates/main/images/foot_icons.png);background-repeat: no-repeat;content: ""; height: 32px;width: 26px;display: inline-block;position: absolute;background-position: 0 -39px;} div{padding-top: 5px;display: inline-block;padding-left: 35px;} } .btns{ margin-top:21px; .dsfeedback-btn{.orange_button(170px, 40px, 16px);float: left;margin-right: 20px;} .dsvopros-btn{color:white;border:1px solid white;float: left;width: 148px;height: 18px;line-height: 18px; &:hover{background-color:white;color:#4a5b9f;} } &:after{.clear;} } .ht_social{ margin-top: 19px; .fb{ &:hover{ background-image: url(/bitrix/templates/main/images/hover_sprite.png); background-position:0px 71px;} } .inst{ &:hover{ background-image: url(/bitrix/templates/main/images/hover_sprite.png); background-position:0px 31px;} } } } .ht_social:after{.clear;} &:after{.clear;} .copy{ text-align: right;margin-top: 0; a, span{font-size: 12px;} } } /* FORMS */ .custom_ds_form{ background-color: white;font-size: 14px;border-radius: 8px !important;padding:12px 28px 20px 28px;font-family: 'Source Sans Pro', sans-serif; label{ color:@def_txt_color;cursor:default;line-height: 30px;padding-left: 2px;font-family: 'Source Sans Pro', sans-serif;font-size: 14px; .required{color:#ff5252;} } .form-head{font-size: 21px;text-align:center;color:@def_txt_color;background-color: white;font-weight: normal;border-bottom: none;font-family: 'Source Sans Pro', sans-serif; border-top-right-radius: 8px;border-top-left-radius: 8px;padding-bottom: 6px;margin: 0px;padding-top:0px;} input{margin-bottom: 0px;border-radius: 2px;} .buttonform { input{.orange_button;padding: 0px;float: right;width: 132px;font-size: 14px;height: 30px;margin-top: -5px;line-height: 30px;font-family: 'Source Sans Pro', sans-serif;} &:after{.clear;} } textarea{min-height: 51px;resize: none;font-size: 14px;} select{background-image: url(/bitrix/templates/main/images/kr.png);background-position: 98% -12px;margin: 0px;font-family: 'Source Sans Pro', sans-serif;} #s_prd{background-color: transparent;} } .custom_success{ background-color: white;border-radius: 8px !important;padding:12px 28px 20px 28px;color:@def_txt_color; .form-head{font-size: 21px;text-align:center;color:@def_txt_color;background-color: white;font-weight: normal;border-bottom: none; border-top-right-radius: 8px;border-top-left-radius: 8px;padding-bottom: 6px;margin: 0px;padding-top:0px;} .error-report{ padding: 6px 0px 1px; .text-report{ p{margin: 0px;line-height:20px;font-size:14px;color:@def_txt_color;} a{color:#ffb800;line-height:20px;font-size:14px;} } } } .ds-form { border-radius: 8px !important;font-family: 'Source Sans Pro', sans-serif; #dsvopros-form{ .custom_ds_form; textarea{height: 70px;} } #dsfeedback-form{ .custom_ds_form; .buttonform { input{ margin-top: 15px; } } } #dszakaz_section-form{ .custom_ds_form; .field-1{margin-top: 31px;} textarea{height: 71px;} } #dsfeedbackformmessagereport{.custom_success;} #dsvoprosformmessagereport{.custom_success;} #dszakaz_sectionformmessagereport{.custom_success;} #dsaskcard-form{ font-size: 14px;padding: 0 0 14px 0; .form-head{display: none;} label{color:@def_txt_color;cursor:default;line-height: 30px;padding-left: 2px;font-size: 14px;font-family: 'Source Sans Pro', sans-serif; .required{color:#ff5252;} } input{height: 31px;margin-bottom:0px;font-size: 14px;padding-left: 11px;font-family: 'Source Sans Pro', sans-serif;} .field-1, .field-3{width: 208px;float: left;} .field-2{float: right;width: 223px;margin-right: 33px;} textarea{min-height: 91px;height: 91px;resize: none;font-family: 'Source Sans Pro', sans-serif;font-size: 14px;padding-left: 11px;margin-bottom: 0px;} .buttonform {clear: both;margin-top:0px; input{.orange_button;padding: 0px;float: right;width: 132px;font-size: 15px;height: 30px;margin-top: 0px;line-height: 30px; font-family: 'Source Sans Pro', sans-serif;margin-right: 33px;margin-top: 7px;} &:after{.clear;} } } &.dspopup-modal{ .close-dspopup-modal{ background-image: url(/bitrix/templates/main/images/kr.png);background-repeat: no-repeat; width: 11px;height: 11px;top: 7px;right: 10px; } } #noname{ margin-top: 7px; } } /* FORMS */ .del_pay{ color:black;margin-bottom: 5px; div{ float:left;width: 674px;margin-bottom: 4px; .img{ float: left;width: 119px;border: 2px solid #2e3b7d;border-radius: 50%;height: 119px; margin-top: 15px;margin-left: 16px; &:before{background-image: url(/bitrix/templates/main/images/delivery.png); background-repeat: no-repeat;content: "";display: block; width: 100px;height: 100px;float: left;margin-top: 24px;margin-left: 22px;} } .txt{ margin-top: 17px;width: 504px;margin-left: 31px; span{margin-bottom: 12px;display: block;} } } .measure{ .img{ &:before{margin-top: 19px;margin-left: 23px;background-position: 0px -155px;height: 105px;} } } .delivery{ .img{ &:before{height: 105px;float: left;margin-top: 19px;margin-left: 23px;background-position: 0px -354px;} } } .pay{ .img{ &:before{margin-left: 23px;background-position: 0 -526px;} } } &:after{.clear;} } .margin-to-map{margin-top: 32px;} .sidebar_left{ width: 260px;float: left;background-color: white;margin-bottom:40px; &+div{float: right;width: 1082px;} } .exibition_block{ background-color:white;border:3px solid @def_txt_color;position: relative;margin-top: 43px;margin-left: 88px; height: 247px;margin-bottom: 41px;max-width: 85%; .innr{width: 65%;float: right;margin-right: 37px;max-width: 800px;margin-top: 29px;} &:before{ background-image:url(/bitrix/templates/main/images/wwm.png);content:"";display: block; width: 370px;height: 249px;position: absolute;top: -33px;left: -52px; } a{.orange_button;margin-top: 35px;width: 169px;font-size: 14px;line-height: 40px;} } .sidebar_left{ ul{list-style: none;padding:0px !important;} a{text-decoration:none;color:@def_txt_color;font-size:18px;line-height: 30px;} .left_menu{ padding:6px 0px 10px 20px !important; li{ position: relative;padding:2px 0px 0px; .extra{ display: none;position: absolute;top: -4px;left: 240px;z-index: 5; ul{ background-color: white;.box_shadow;min-width: 200px;padding:10px 0px 10px 27px !important; } } &:hover{ .extra{ display: block; } &:after{ border:1px solid #fac650; } &>a{ font-weight: 700; } } &.current{ &:after{ border:1px solid #fac650; } &>a{ font-weight: 700; } } &:after{ border:1px solid transparent;display: block;margin-left: 19px;content: "";margin-top: 2px; } } } }