.linker-list{ padding-bottom: 75px; } .ll.linker-list{padding-bottom: 0} .price-category{ display: block; height:385px; border: 1px solid #279e03; padding:0 10px; } .main a.price-category{ text-decoration: none; } .price-category .price-img{ height: 280px; display: flex; justify-content: center; align-items: center; } .price-category .price-title{ font-size: 30px; font-weight: 500; color: #000; text-decoration: none; line-height: 1.1; } .price-category:hover, .price-category:focus, .price-category:active{ background-color: #279e03; } .price-category:hover .price-title, .price-category:focus .price-title, .price-category:active .price-title{ color: #fff; } .prices.pricesblocknew{ color: #fc8100; font-size: 21px;   } .price-people-realy .prices-from{ font-size: 25px; color: #000; font-weight: normal; margin-right: 5px; } .prices .content-price{margin-left: -23px;margin-right: -23px; display: flex;flex-wrap: wrap; } .prices .content-price-item{width: 50%; padding: 23px} .price-people-line{ position: relative; z-index: 2; text-align: center; margin-bottom: 10px; margin-top: 0px; padding-right: 0; } .price-people-line .img-people{ height: 206px; position: relative; z-index: 2; top: 0; width: auto; } .price-people-line .name-people{ font-size: 30px; font-weight: 500; z-index: 2; position: relative; padding: 15px; line-height: 1.2; color: #000; } .price-people-line:after{ content: ""; position:absolute; background-color: #e8e8e8; height: 150px; width: 100%; bottom: 0; left: 0; right: 0; z-index: 1; } .price-people-tools{text-align: center} .price-people .price-people-realy{ font-size: 30px; font-weight: 700; line-height: 1.07; color: #fc8100; text-align: center; padding: 15px 0; } .price-people .price-people-realy .price-value{ font-size: 47px; } .price-people .price-people-realy .rubl{font-size: 43px; font-weight: normal} .price-people .price-people-realy .rubl:after{ content: "*"; top: -5px; position: relative; } .price-people-tools .people-buttom{ background-color: #fc8100; padding: 10px 35px; font-size: 24px; font-weight: normal; border-radius: 0; color: #fff; margin: 15px 0; }   .flex-in-banner{ display: flex; justify-content: center; } .flex-in-banner>div{ padding: 23px; flex-shrink: 0; } .flex-in{ display: flex; flex-wrap: wrap; justify-content: space-between;   position: relative; } .flex-item{ padding: 23px 0 50px 30px; margin-bottom: 25px; width: 50%; min-width: 370px; position: relative; } .flex-item.separate{ padding-left: 0; padding-right: 30px; } .flex-item .car-name{ height: 67px; font-size: 30px; font-weight: 500; line-height: 1.1; color: #000; display: flex; align-items: flex-end; justify-content: center; text-align: center; margin-bottom: 25px; } .flex-item .car-photo{ display: flex; justify-content: center; align-items: center; height: 180px; margin:5px 0; } .car-dop{ font-weight: normal; color: #000; text-align: center; padding: 15px 5px; line-height: 1.1; } .car-dop .car-dop-name{ font-size: 30px; } .car-dop .car-dop-people{ font-size: 20px; } .car-prop{ display: flex; justify-content: space-around; border-bottom: 1px solid #44ab25; padding: 0 50px; } .car-prop>div{ padding-left: 35px; padding-right: 30px; position: relative; color: #333; line-height: 2.43; min-width: 73px; font-size: 21px; } .car-prop>div:before{ position: absolute; top: 10px; left: 0; content: ""; background-image: url("/local/lib/img/price/sprite-car-prop.png"); background-repeat: no-repeat; width: 27px; height: 27px; } .car-prop .car-bulk:before{background-position: 0 0} .car-prop .car-carrying:before{background-position: -33px 0} .car-prop .car-hours:before{background-position: -65px 0} .car-prop>div:last-child{ padding-right: 0; } .car-price{ padding: 18px 50px; height: 100px; } .car-price .time-wa{ display: flex; justify-content: space-between; align-items: flex-end; } .car-price .timer-price{ font-size: 21px; font-weight: normal; color: #000; } .car-price .timer-price i { font-size: 1.1em; } .car-price .avtopark-price, .car-price .price-car-realy{ font-size: 27px; font-weight: bold; } .car-price .price-car{display: flex;justify-content: center;align-items: flex-end;padding-top: 22px} .car-price .prices-car-old{ color: #000; font-size: 28px; text-decoration: line-through; line-height: 1.2; padding: 0 10px; } .car-price .avtopark-price .rubl, .car-price .price-car-realy .rubl{font-size: 0.9em} .car-buttom{ display: flex; justify-content: center; padding: 10px 5px; } .car-buttom .btn{ border-radius: 0; width: 170px; line-height: 1.4; font-size: 24px; color: #fff; font-weight: normal; } .car-buttom .btn[data-event="jqm"]{background-color: #fc8100;border-color:#fc8100} .car-buttom .btn[data-event="jqm"]:hover{background-color: #fb9121;border-color:#fb9121} .car-buttom a.btn{margin-right: 0}   .prices .front_title .title-block{color: #333;margin-bottom: 25px;font-size: 24px;padding:25px 0} .price-description{color: #333; font-size: 19px;margin-top: 25px; text-align: center} .separate:before { content: ""; position:absolute; width: 200%; border-bottom: 2px solid #e6e6e6;     left: 0; bottom: -5px; } .prices .filter{font-size: 15px} .more-block{ cursor: pointer; color: #fc8100; font-size: 21px; line-height: 2.2; text-align: right; } .more-block .more-block-down .fa{ position: relative; top: -4px; } .more-block .more-block-up .fa{ position: relative; top: 4px; } .view-more.more-down .flex-item:nth-child(n+3), .view-more.more-down .content-price-item:nth-child(n+3), .view-more.more-up .more-block-down, .view-more.more-down .more-block-up{ display:none; } @media (min-width: 776px) and (max-width: 1100px){ .car-prop, .car-price{ padding-left: 10px; padding-right: 10px; } } @media (min-width: 776px) and (max-width: 940px){ .car-price .avtopark-price, .car-price .price-car-realy{ font-size:36px; } } @media (max-width: 900px){   .car-prop>div{ padding-right: 10px; } .car-prop>div:last-child{padding-right: 0}   } @media (min-width: 776px){ #lyudi{ border-bottom: 2px solid #e6e6e6;padding-bottom: 50px} } @media (max-width: 775px){ .flex-item, .flex-item.separate{ width: 100%; border-bottom: 2px solid #e6e6e6; padding-left: 0; padding-right: 0; } .separate:before{display: none} } @media (max-width: 755px){   .prices .content-price{ margin-left: -15px; margin-right: -15px; } .prices .content-price-item{ padding-left: 15px; padding-right: 15px; } } @media (max-width: 720px){ .prices .content-price-item{width: 100%} .car-prop, .car-price{ padding-left: 10px; padding-right: 10px; } .prices .content-price-item{ border-bottom: 2px solid #e6e6e6; } } @media (max-width: 420px){ .car-price .avtopark-price, .car-price .price-car-realy{ font-size:36px; }   .flex-item{ padding-left: 0; padding-right: 0; min-width: 280px; } } @media (max-width: 365px){ .car-buttom{flex-wrap: wrap} .car-buttom>div, .car-buttom .btn{ width: 100%; } .car-prop, .car-price{ padding-left: 0; padding-right: 0; } .car-price{height: 85px} .car-price .avtopark-price, .car-price .price-car-realy{ font-size: 28px; } .car-prop>div{ font-size: 19px; } .flex-in-banner{ flex-wrap: wrap; } .flex-in-banner>div { padding: 15px; } }