.hlm-fon{ height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 2999; opacity: 0.4; background: #000; } .error-line{ color:#e02222; font-size: 12px; padding: 2px 8px; position:absolute; } .avtopark-block{   min-height: 440px; line-height: 1.45; font-size: 21px; margin-bottom: 20px; } .avtopark-block .avtopark-title{   background-color: #fff; padding: 13px 15px; display:inline-block;   color: #333; font-weight: bold; text-decoration:none; } .avtopark-block .avtopark-title:hover,.avtopark-block .avtopark-title:focus{color:#333} .avtopark-block .avtopark-inc{margin-top: 18px} .avtopark-block .proimg{margin-left: 18px} .avtopark-block .avtopark-img{ height: 285px;   background-color:#fff; display: flex; flex-direction: row; align-items: center; justify-content: center; } .avtopark-block .avtopark-img img{max-width: 100%; max-height: 100%} .avtopark-block .avtopark-line{ background-color: #e0e0e2; } .avtopark-block .avtopark-line>div{display: inline-block;box-sizing: border-box;padding: 7px 14px} .avtopark-block .avtopark-line .avtopark-green{background-color: #279e03;color:#fff;font-weight:bold} .avtopark-block .avtopark-pallete{height: 238px;text-align:center} .avtopark-block .avtopark-pallete img{max-width: 100%; max-height: 100%} .avtopark-block .btn-orange-avtopark, .submit-b .btn-orange-avtopark{ background-color: #fc8100; font-weight:bold; text-align: center; border-width: 0; margin-top: 18px; margin-bottom: 18px; width: 100%; padding: 15px; border-radius: 6px; font-size: 21px; } .avtopark-block .btn-orange-avtopark:hover, .avtopark-block .btn-orange-avtopark:focus, .submit-b .btn-orange-avtopark:hover, .submit-b .btn-orange-avtopark:focus{ background-color: #ff9d36; border-width: 0; } .avtopark-block .price-hourse{ margin-top: 15px; text-align:left; } .avtopark-block .price-hourse>div{ display:inline-block; box-sizing: border-box; } .avtopark-block .price-hourse .avtopark-desc{   float: left; margin-top: 25px; } .avtopark-block .price-hourse .avtopark-price{font-size: 40px; color:#fc8100;font-weight: bold} .avtopark-block .prolist{margin-right: 32px} .prolist .avtopark-list{font-size: 16px; padding: 0;margin: 0; list-style: none} .prolist .avtopark-list>li{border-bottom: 1px solid #dfdfdf; line-height: 2.2} .prolist .avtopark-list>li>span{font-weight:bold; float: right; margin-right: 5px} .white-space{height: 55px}   .ps-re{position: relative} .hl-modal{display:none;width: 1110px; max-width: 100%; position: absolute;top: 0;left: 50%; z-index: 3002; background-color:#f7f7f8} .form-inline{margin: 15px 0} .form-inline .hl-modal{display:block;position: static} .form-inline .hl-modal .hlclose {display:none} .hl-modal span.hlclose.top-close.fa.fa-close { position: absolute; right: 15px; top: 15px; cursor: pointer; } .hl-modal span.hlclose.top-close.fa.fa-close:hover{ color:#d9dada; } .request{color: #e41010} .hl-modal .hl-modal-content{width: 100%; position:relative;padding: 35px 38px 15px 38px} .hl-modal .hl-modal-header{ background-color: #279e03; padding: 18px 15px; color: #fff; font-size: 21px; font-weight: bold; } .avto-calculate{line-height: 20px} .avto-calculate .overs{position:relative} .avto-calculate .img{ width: 100%; height: 170px; background-color: #fff; display:flex; flex-direction: row; align-items: center; justify-content: center; } .avto-calculate .type-select {width: 100%} .avto-calculate .type-select .btn.btn-default.dropdown-toggle:first-child{ width: 100%; background-color: #fff; border: 1px solid #dfdfdf; padding: 8px 13px 7px; } .avto-calculate .select-btn{z-index: 99;padding: 6px 13px 6px;background-color:#fff; position: absolute;right: 1px;top: 1px;margin:0;font-size: 22px;line-height:1} .avto-calculate .btn-group.open .dropdown-toggle{ -webkit-box-shadow: none; box-shadow: none; } .avto-calculate .btn.btn-default.dropdown-toggle{margin-bottom:0} .btn-group.type-select .btn:first-child { width: 100%; text-align: left; color: #333 !important; font-weight: normal; font-size: 16px; } .avto-calculate .dropdown-menu{padding: 0;width: 100%;margin-top:0} .avto-calculate .dropdown-menu>li a, .avto-calculate .dropdown-menu>li span { font-size: 1.07em; padding: 10px 35px 10px; text-decoration: none; cursor: pointer; width: 100%; display:inline-block; } .dropdown-menu>li a:hover, .dropdown-menu>li span:hover, .dropdown-menu>li a:focus, .dropdown-menu>li span:focus { background-color: #e2e8ec; } .dropdown-menu>li>a.active, .dropdown-menu>li>span.active { background-color: #e6e6e6; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .dropdown-menu>li:first-child>a.active, .dropdown-menu>li:first-child>span.active{border-top-width: 0} .dropdown-menu>li:last-child>a.active, .dropdown-menu>li:last-child>span.active{border-bottom-width: 0} .tem-arenda{width: 40%;padding-right:5px;display:inline-block;box-sizing: border-box;float: left} .tariff-type{padding-bottom:5px} .tariff-type .tarrif-type-block .checbox-el-orange span{margin-right:10px} .count-loadpeople{width: 59%;padding-left:5px;display:inline-block;box-sizing: border-box;float: left} .field-title{font-size: 16px; color:#333; line-height: 1.45;margin-bottom:9px} .field-title.curpoint{font-size: 19px;font-weight: 700;color:#8e8e8e} .field-title.big-green{ color:#279e03; font-size: 19px; font-weight: 700; } .tem-arenda .field-title, .count-loadpeople .field-title{margin-top:32px} .avto-calculate .overs input[type=text], .avto-calculate .overs input[type=tel]{ width: 100%; background-color: #fff; border: 1px solid #dfdfdf; padding: 8px 13px; font-size: 16px; } .suggestions-input{padding-left: 13px !important} .suggestions-constraints{display: none} .avto-calculate .notpl{padding-left: 0} .avto-calculate .refresh-block{padding: 40px 0;text-align:right} .avto-calculate .date-calendar{ display: inline-block; width: 230px; padding-right: 10px; } .avto-calculate .date-calendar .overs input{ background-image: url(/local/lib/img/calendar.png); background-repeat: no-repeat; background-position: 98%; cursor: pointer; } .avto-calculate .time-calendar{ display: inline-block; width: 105px; } .avto-calculate #clockth_icon{background-image:none} .avto-calculate .time-calendar .overs a{ position: absolute; top: 0; left: 0; width: 100%; height: inherit; } .avto-calculate .refresh-block button[type="reset"] { background: none; border: none; font-size: 16px; position:relative; outline: 0; } .avto-calculate .refresh-block button[type="reset"] span{text-decoration: underline;padding-left:15px} .avto-calculate .refresh-block button[type="reset"]:hover span{text-decoration: none} .avto-calculate .refresh-block button[type="reset"]:before { content: "\f021"; font: normal normal normal 22px/1 FontAwesome; color: #279e03; position:absolute; left: -5px; top: 1px; } .avto-calculate .adress-line>div>div{display:inline-block;padding-right: 12px} .avto-calculate .fon-gray{ background-color:#ececec; margin-top: 38px; padding: 30px 18px 25px; } .avto-calculate .adress-line .address-city{width: 352px} .avto-calculate .adress-line .address-street{width: 292px} .avto-calculate .adress-line .address-house{width: 217px} .avto-calculate .adress-line .address-floor{width: 105px} .avto-calculate .adress-line .address-map{display: none} .avto-calculate .mgT-35{margin-top: 35px} .avto-calculate .mgT-25{margin-top: 25px} .avto-calculate .big-green.curpoint{cursor: pointer} .avto-calculate .price-line{ color:#8e8e8e; font-size: 32px; font-weight: bold; text-align: left; line-height: 40px; } .avto-calculate .price-line.old{ position: relative; display:inline-block; } .avto-calculate .price-line.old .price-val::before { content: ""; position: absolute; top: 50%; left: -5px; right: -5px; height: 2px; width: 110%; border-bottom: 2px solid #f00; } .avto-calculate .price-line.orange{ color:#fc8100; font-size: 40px; } .avto-calculate .count-loadpeople-value.price-line{text-align:center} .avto-calculate .price-line .rubl{font-weight: normal; font-size: 0.95em} .avto-calculate .submit-b{text-align: right} .avto-calculate .adress-line-dop{display: none} .npd-list > div.left-col{padding-right:0} .npd-list > div.right-col{padding-left: 0;border-left: 1px solid #fff} .npd-list > div.left-col .btn-lg{border-radius: 6px 0 0 6px} .npd-list > div.right-col .btn-lg{border-radius: 0 6px 6px 0; border-right: 1px solid #fff;background-color: #279e03} #container{min-height: 388px} .cnt-box{border: 1px solid #b5bec4;border-radius: 4px; width: 357px; height: 388px;padding: 23px 15px 0 15px;position:relative;margin:0 auto} .cnt-box .stiker{position: absolute;top: 17px; right: -5px; min-width: 87px; padding:5px 20px;background-color:#fc8100; color: #fff; font-size: 16px; border-radius: 4px 0 0 4px;z-index: 5} .cnt-box::before{ content: ""; display: block; position: absolute; top: 64px; right: -13px; border: 8px solid transparent; border-left: 5px solid #186600; } .cnt-box.minstik::before{top: 40px} #tmpSlide{display: none} .cnt-box .cnt-box-img{height: 167px; text-align: center} .cnt-box .cnt-box-prop{height: 120px; text-align: center;padding:20px 0;margin-bottom: 5px} .cnt-box .cnt-box-prop .element-block-list{padding-left: 20px;padding-right: 0} .cnt-box .cnt-box-price{border-top: 1px solid #b5bec4;padding:18px;margin: 0 -15px} .cnt-box .cnt-box-price .rubl{font-size: 0.93em} .cnt-box .cnt-box-price>div:last-child{text-align: right} .cnt-box .cnt-box-price .btn.btn-default.btn-green{padding-left: 20px; padding-right: 20px; border-radius: 1px;margin:0; border-color: #ff434a;background-color:#ff434a; color:#fff} .cnt-box .cnt-box-price .btn.btn-default.btn-green:hover{background-color:#FF9800;border-color:#FF9800} .cnt-box .priceCont{font-size: 25px; color: #279e03} .cnt-list{text-align: left;margin-bottom: 23px} .cnt-list .btn.btn-default.btn-green{position:static;padding: 6px 25px;min-width: 50px;font-size:17px;margin: 5px 10px 5px 0; border-radius:0;background-color: #fff;color:#333!important;font-weight: normal} .cnt-list .btn.btn-default.btn-green.active{background-color: #279e03;color: #fff!important} .cnt-list .subtext{display:inline-block;font-size:17px; font-weight: bold;margin-right: 10px; color:#333} .avto-calculate .btn.btn-default{position: relative; top: 0} .front .proimg .btn-default, .front .stickers .btn-default{position: static} .container-bl .owl-controls {display: block} .container-bl .owl-controls .hl-arrow-unit{border-width:0; font-size: 40px;color: #bac0c6} .container-bl .owl-controls .owl-nav>div{top:-12%} .container-bl .owl-controls .owl-prev{right: 21px;left:auto} .container-bl .owl-controls .owl-next{right: -3px;left:auto} .container-bl .owl-controls .hl-arrow-unit:hover{background-color: transparent; color: #279e03} .owl-carousel .owl-item .cnt-box img{width: auto; display: inline-block} .tmpslide .owl-controls .owl-nav>div{background-color: #fff} .avtopark-price-desc{text-align: center;width:100%} .timer-price{font-size: 15px; line-height: 30px} .timer-price i{font-size: 18px; color:#319a17; position: relative;top: 1px;margin-right: 2px} .price-for-period .timer-price + .avtopark-price{color:#fc8100; font-weight: bold;font-size: 30px; position: relative; top: 5px} .avtopark-block .price-hourse .timer-price + .avtopark-price{font-size: 30px; position: relative; top: 5px} .price-for-period{width: 100%;display: block; text-align: center} .price-for-period>div{width: 100%} .price-for-period .timer-price-position>div{display: inline-block} .price-for-period .avtopark-price-desc{font-size: 22px;margin-top: 15px} .tire{padding: 0 8px} .avtopark-inc .tire, .price-car .tire{padding: 0 6px} .timer-price-position{width: 280px; text-align: left;margin: 0 auto} .one-price.price-hourse .avtopark-desc, .one-price.price-hourse .avtopark-price{ width: 100%; text-align: center; } .avtopark-ext .avtopark-block .price-hourse{ margin-top: 0; margin-bottom: 35px; } .filter-line-first, .filter-line-scale, .filter-line-type{ display: inline-block; margin: 15px 0; } .filter-line-first { border: 1px solid #bac0c6; padding: 1px; border-radius: 24px; position: relative; overflow: hidden; } .button-switch{ position: relative; display: inline-block; border-radius: 24px; padding: 9px 17px; color: #000; margin-bottom: 0; border: 1px solid transparent; z-index: 3; } .filter-line-type .button-switch{border: 1px solid #bac0c6} .button-switch:not(.disabled):hover, .button-switch:not(.disabled):focus{ color: #279e03; border: 1px solid #279e03; cursor: pointer; } .button-switch:not(.disabled).active{ border: 1px solid #279e03; background-color: #279e03; color: #fff; } .filter-line-type .button-switch.disabled{ color: #bac0c6; } .button-switch:first-child, .filter-line-type .button-switch + .button-switch{margin-right: 21px} .filter-line-type .button-switch{ margin-bottom: 5px; } .filter-line-scale{width:100%; padding: 0 9px} .filter-line-scale .scalaline{ display: flex; justify-content: space-between; align-items: center; width: 600px; max-width: 100%; border-bottom: 2px solid #279e03; } .button-switch input, .filter-line-scale .radio-button input{ display: none; } .filter-line-scale, .filter-line-scale .radio-button{ position: relative; display: inline-block; } .filter-line-scale, .filter-line-scale .radio-button:last-child{ margin-right: 0; padding-top: 10px; } .filter-line-scale .current-line{position: relative} .filter-line-scale .current{ position: absolute; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #279e03; margin-left: -5px; top: -5px; left: 0; background-color: #fff; } .filter-line-scale .radio-button{ background-color: #a3a2a5; border-radius: 50%; width: 20px; height: 20px; margin-bottom: -10px; } .filter-line-scale .radio-button:hover, .filter-line-scale .radio-button:focus{ background-color: #279e03; cursor: pointer; } .filter-line-scale .radio-button.active{ background-color: #279e03; } .filter-line-scale .radio-button:first-child{margin-left:0} .filter-line-scale .radio-button:last-child{margin-right:0} .filter-line-scale .radio-button .scale-val{ position: absolute; top: -30px; width: 50px; left: -19px; text-align: center; color: #333; } .filter-line-scale .radio-button.active .scale-val{ color: #279e03; font-weight: bold; } .filter-line-scale .radio-button .scale-val.scale-val-bulk{display: none} @media (max-width: 1199px){ .avto-calculate .date-calendar{width: 140px} .avto-calculate .overs input[type=text],.avto-calculate .overs input[type=tel]{background-position: 96%} } @media (max-width: 1110px){ .avto-calculate .time-calendar{width: 70px} } @media (max-width: 1060px){ .avto-calculate .adress-line .address-city{width: 330px} .avto-calculate .adress-line .address-street{width: 270px} .avto-calculate .adress-line .address-floor{padding-right: 0;width: 93px} .error-line{ position: absolute; top: -22px; right: 0; } } @media (max-width: 1005px){ .avto-calculate .adress-line .address-city{width: 290px} .avto-calculate .adress-line .address-street{width: 250px} } @media (max-width: 991px){ .avtopark-block .prolist{ margin-left: 32px; padding-bottom: 18px; } .row .pallete-view{margin-right: 18px} .avto-calculate .refresh-block{padding-bottom:23px} .tem-arenda .field-title, .count-loadpeople .field-title{margin-top: 13px} .tem-arenda, .count-loadpeople{width: 100%;padding-left:0} .cnt-box{width:300px} } @media (max-width: 945px){ .avto-calculate .adress-line .address-city{width: 50%} .avto-calculate .adress-line .address-street{width: 50%; margin-top: 25px} .avto-calculate .adress-line .address-house{width: 260px; margin-top: 25px} .avto-calculate .adress-line .address-floor{width: 110px; margin-top: 25px} } @media (max-width: 840px){ .avto-calculate .adress-line .address-house{width: 220px} .avto-calculate .adress-line .address-floor{width: 95px} } @media (max-width: 767px){ .avto-calculate .adress-line .address-city{width: 100%; padding-right: 0} .avtopark-block .proimg{margin-right:18px} .row .pallete-view{margin-left: 18px} .avto-calculate .refresh-block{padding-top:23px} .avto-calculate .yespl-xs{padding-left: 15px} .avto-calculate .date-calendar{width: 200px} .avto-calculate .time-calendar{width: 80px} .avto-calculate .phone-field{margin-top: 13px} .cnt-box{width:98%} .tmpslide.normalize{padding:0 18px; } .avtopark-block .price-hourse {margin-top: -30px} } @media (max-width: 728px){ .avto-calculate .adress-line .address-street{width: 100%; padding-right: 0} .avto-calculate .adress-line .address-house{width: 70%} .avto-calculate .adress-line .address-floor{width: 30%;margin-left:-4px} } @media (max-width: 395px){ .avto-calculate .adress-line .address-house{width: 100%; padding-right: 0} .avto-calculate .adress-line .address-floor{width: 100%;margin-left:0} .hl-modal .hl-modal-content{padding: 15px} } @media (max-width: 360px){ .avtopark-block .proimg{margin-left:0;margin-right:0} .row .pallete-view{margin-left: 8px;margin-right: 8px} .avtopark-block .prolist{margin-left: 8px;margin-right: 8px} .avto-calculate .date-calendar{width: 170px} .avto-calculate .time-calendar{width: 70px} .avtopark-block .npd-list .btn-orange-avtopark, .submit-b .npd-list .btn-orange-avtopark{font-size: 18px} .button-switch{width: 100%;margin: 2px 0} }