@charset "UTF-8"; html, body{ height: 100%; -webkit-text-size-adjust: 100%; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } img, fieldset { border: none; } a, a:visited { text-decoration: none; } a:hover, a:active { outline: none; } li { list-style: none; } a img { border: 0em; vertical-align: middle;} legend, caption { display: none; } abbr, acronym { cursor: help; border-bottom:1px dotted #000000 } table{ border-collapse: collapse;border-spacing: 0; } th, td{ text-align:left; } address { display:block; font-style:normal; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } input.submit, .cpointer{cursor:pointer; } :focus { outline: 0; } a:hover{ cursor:pointer; } ins { text-decoration: none; } del { text-decoration: line-through; } textarea { resize: none; } body{ text-align: center; font-size:100%; line-height:18px; } input, textarea, select, option, optgroup, button { font-size: 1em; vertical-align:middle; margin:0px; } pre, code, kbd, samp { font-family: monospace, sans-serif; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; background:#fafafa; border:1px solid #ccc; } sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .clr:after{ clear:both; content:"."; display:block; height:0; overflow:hidden; visibility:hidden; } .clrleft{ clear:left; } .icon{ text-indent:-1000em; overflow:hidden; display:inline-block; } .fright{ float:right; } .fleft{ float:left; } .tcenter{ text-align:center; } .tleft{ text-align:left; } .tright{ text-align:right; } .tjustify{ text-align: justify; } .tunder{ text-decoration:underline !important; } .tdel{ text-decoration:line-through; } .overh{ overflow:hidden; } .overv{ overflow:visible; } .overa{ overflow:auto; } .vishid{ visibility:hidden; } .rel{ position:relative; } .abs{ position:absolute; } .fix{ position:fixed; } .button{ display:-moz-inline-box; display:inline-block; zoom:1; white-space:nowrap; } .button:hover, .tdnone{ text-decoration:none !important; } .full{ width:100% !important; } .block{ display:block; } .inlblk{ display:-moz-inline-box; display:inline-block; zoom:1; } .icon.inlblk, .icon.textin{ text-indent:0; } .icon.inlblk span{ visibility:hidden; } .visible, .visible > *{ visibility:visible !important; } .inline{ display:inline; } .dnone{ display:none; } .ellipsis{ text-overflow: ellipsis; } .xx-small{ font-size:9px; } .x-small{ font-size:10px; } .small{ font-size:11px !important; } .normal{ font-size:12px; line-height:16px; } .x-normal{ font-size:13px; } .large{ font-size:14px; line-height:18px; } .medium{ font-size:15px; } .x-large{ font-size:16px; } .x-large2{ font-size:17px; } .xx-large{ font-size:18px; } .xx-large2{ font-size:19px; } .xxx-large{ font-size:20px; } .xxxx-large{ font-size:22px; } .x-big{ font-size:24px; } .x-big2{ font-size:26px;} .xx-big{ font-size:30px;} .cfff{ color:#fff; } .c000{ color:#000; } .bgfff{ background:#fff; } .bg000{ background:#000; } .bgnone{ background:none !important; } .fnormal{ font-weight:normal !important; } .fsnormal{ font-style:normal !important; } .fbold{ font-weight:bold; } .fitalic{ font-style:italic; } .vbase{ vertical-align:baseline; } .vmiddle{ vertical-align:middle; } .vtop{ vertical-align:top; } .vbottom{ vertical-align:bottom; } .vtextbott{ vertical-align:text-bottom; } .brnone{ border:none !important; } .nowrap{white-space:nowrap} .br2{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .br3{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .br4{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .br5{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .marker{ background: #FFFABE; color: #111111; padding: 4px 6px; } .separate{ margin-top:20px; } .ttupper{ text-transform:uppercase; } .ttnone{ text-transform:none; } .margin0_a{ margin:0 auto; } .margin0{ margin:0px !important; } .margin1{ margin:1px !important; } .margin10{ margin:10px !important; } .margin5_0{ margin:5px 0px !important; } .margin10_0{ margin:10px 0px !important; } .margin0_5{ margin:0px 5px !important; } .margin0_10{ margin:0px 10px !important; } .margin0_20{ margin:0px 20px !important; } .margin0_30{ margin:0px 30px !important; } .margin20_30{ margin:20px 30px !important; } .margin0_50{ margin:0px 50px !important; } .margin10_0_0{ margin:10px 0px 0px !important; } .margin20_0{ margin:20px 0px !important; } .margin15_0{ margin:15px 0px !important; } .margin20_auto{ margin:20px auto !important; } .marginbott2{ margin-bottom:2px !important; } .marginbott3{ margin-bottom:3px !important; } .marginbott5{ margin-bottom:5px !important; } .marginbott10{ margin-bottom:10px !important; } .marginbott15{ margin-bottom:15px !important; } .marginbott20{ margin-bottom:20px !important; } .marginbott25{ margin-bottom:25px !important; } .marginbott30{ margin-bottom:30px !important; } .marginbott40{ margin-bottom:40px !important; } .marginbott50{ margin-bottom:50px !important; } .marginbott60{ margin-bottom:60px !important; } .marginbott100{ margin-bottom:100px !important; } .marginbott-5{ margin-bottom:-5px !important; } .marginbott-10{ margin-bottom:-10px !important; } .margintop0{ margin-top:0 !important; } .margintop1{ margin-top:1px !important; } .margintop2{ margin-top:2px !important; } .margintop3{ margin-top:3px !important; } .margintop4{ margin-top:4px !important; } .margintop5{ margin-top:5px !important; } .margintop6{ margin-top:6px !important; } .margintop7{ margin-top:7px !important; } .margintop8{ margin-top:8px !important; } .margintop9{ margin-top:9px !important; } .margintop10{ margin-top:10px !important; } .margintop12{ margin-top:12px !important; } .margintop15{ margin-top:15px !important; } .margintop25{ margin-top:25px !important; } .margintop45{ margin-top:45px !important; } .margintop-3{ margin-top:-3px !important; } .margintop-4{ margin-top:-4px !important; } .margintop-5{ margin-top:-5px !important; } .marginright1{ margin-right:1px !important; } .marginright2{ margin-right:2px !important; } .marginright3{ margin-right:3px !important; } .marginright5{ margin-right:5px !important; } .marginright7{ margin-right:7px !important; } .marginright10{ margin-right:10px !important; } .marginright15{ margin-right:15px !important; } .marginright20{ margin-right:20px !important; } .marginright30{ margin-right:30px !important; } .marginright75{ margin-right:75px !important; } .marginright280{ margin-right:280px !important; } .marginleft0{ margin-left:0px !important; } .marginleft-1{ margin-left:-1px !important; } .marginleft-10{ margin-left:-10px !important; } .marginleft-25{ margin-left:-25px !important; } .marginleft-30{ margin-left:-30px !important; } .marginleft3{ margin-left:3px !important; } .marginleft5{ margin-left:5px !important; } .marginleft7{ margin-left:7px !important; } .marginleft10{ margin-left:10px !important; } .marginleft14{ margin-left:14px !important; } .marginleft15{ margin-left:15px !important; } .marginleft20{ margin-left:20px !important; } .marginleft25{ margin-left:25px !important; } .marginleft30{ margin-left:30px !important; } .marginleft40{ margin-left:40px !important; } .marginleft70{ margin-left:70px !important; } .marginleft75{ margin-left:75px !important; } .marginleft205{ margin-left:205px !important; } .marginleft230{ margin-left:230px !important; } .margintop20{ margin-top:20px !important; } .margintop30{ margin-top:30px !important; } .margintop35{ margin-top:35px !important; } .margintop40{ margin-top:40px !important; } .margintop50{ margin-top:50px !important; } .margintop60{ margin-top:60px !important; } .margintop65{ margin-top:65px !important; } .margintop-30{ margin-top:-30px !important; } .margintop-10{ margin-top:-10px !important; } .margintop-2{ margin-top:-2px !important; } .margintop-1{ margin-top:-1px !important; } .h100{ height:100%; } .zi2{ z-index:2; } .zi3{ z-index:3; } .zi4{ z-index:4; } .zi5{ z-index:5; } .zi6{ z-index:6; } .breaklist > *:before{ content: "|"; color: #999999; padding: 0 .4em 0 .2em; } .breaklist > *:first-child:before, .breaklist > *.noslash:before{ content: " "; padding:0px; } .halfgrid .half{ width:50%; } .halfgrid .half > div.inner{ padding-left:10px; } .halfgrid .half:first-child > div.inner{ padding:0px; padding-right:10px; } .part60{ width:60%; } .part50{ width:50%; } .part33{ width:33%; } .part25{ width:25%; } .part40{ width:40%; } .pding0{ padding:0px !important; } .pding3{ padding:3px !important; } .pding7{ padding:7px !important; } .pding6_10{ padding:6px 10px; } .pding8_15{ padding:8px 15px; } .pding5{ padding:5px !important; } .pding10{ padding:10px !important; } .pding15{ padding:15px !important; } .pding20{ padding:20px !important; } .pding25{ padding:25px !important; } .pding30{ padding:30px !important; } .pding20_0{ padding:20px 0 !important; } .pding20_10{ padding:20px 10px !important; } .pding30_0{ padding:30px 0 !important; } .pding30_10{ padding:30px 10px !important; } .pding10_20{ padding:10px 20px !important; } .pding10_0{ padding:10px 0px; } .pding0_5{ padding:0px 5px !important; } .pding0_10{ padding:0px 10px; } .pding0_15{ padding:0px 15px; } .pding0_20{ padding:0px 20px !important; } .pding0_25{ padding:0px 25px; } .pding0_40{ padding:0px 40px; } .pding20_0_10{ padding:20px 0px 10px; } .pding25_0_10{ padding:25px 0px 10px; } .pding0_0_10{ padding:0px 0px 10px; } .pding0_0_20{ padding:0px 0px 20px; } .pding5_0{ padding:5px 0px; } .pding15_0{ padding:15px 0px; } .pding15_30{ padding:15px 30px; } .pding5_10{ padding:5px 10px; } .pding5_0_10{ padding:5px 0px 10px; } .pdingtop5{ padding-top:5px; } .pdingtop6{ padding-top:6px !important; } .pdingtop7{ padding-top:7px !important; } .pdingtop10{ padding-top:10px; } .pdingtop15{ padding-top:15px; } .pdingtop16{ padding-top:16px !important; } .pdingbott0{ padding-bottom:0 !important; } .pdingbott1{ padding-bottom:1px !important; } .pdingbott2{ padding-bottom:2px !important; } .pdingbott3{ padding-bottom:3px !important; } .pdingbott5{ padding-bottom:5px; } .pdingbott10{ padding-bottom:10px; } .pdingbott13{ padding-bottom:13px !important; } .pdingbott15{ padding-bottom:15px; } .pdingbott20{ padding-bottom:20px; } .pdingbott50{ padding-bottom:50px; } .pdingtop20{ padding-top:20px; } .pdingtop30{ padding-top:30px; } .pdingtop40{ padding-top:40px; } .pdingleft5{ padding-left:5px; } .pdingleft8{ padding-left:8px; } .pdingleft10{ padding-left:10px; } .pdingleft20{ padding-left:20px !important; } .pdingleft25{ padding-left:25px !important; } .pdingleft30{ padding-left:30px !important; } .pdingright0{ padding-right:0px !important; } .pdingright5{ padding-right:5px !important; } .pdingright7{ padding-right:7px !important; } .pdingright10{ padding-right:10px !important; } .pdingright20{ padding-right:20px !important; } .pdingright30{ padding-right:30px !important; } .brkall{ word-break:break-all; } table.fixed{ table-layout:fixed; } table.breakword td, .brkword{ word-wrap:break-word; } table.tcenter th, table.tcenter td{ text-align:center; } a:hover, a.tdnone:hover .hvline{ text-decoration:underline; } .link.spoiler{ text-decoration:none; } a.link:hover span.icon, a.link:hover img { background-color:transparent; }.brtop0{ border-top:none !important; } .brright0{ border-right:none !important; } .brbottom0{ border-bottom:none !important; } .brleft0{ border-left:none !important; } .lheight65{ line-height:65px; } .lheight45{ line-height:45px; } .lheight40{ line-height:40px; } .lheight35{ line-height:35px; } .lheight32{ line-height:32px; } .lheight30{ line-height:30px; } .lheight28{ line-height:28px; } .lheight26{ line-height:26px; } .lheight24{ line-height:24px; } .lheight22{ line-height:22px; } .lheight20{ line-height:20px; } .lheight18{ line-height:18px; } .lheight16{ line-height:16px; } .lheight15{ line-height:15px; } .lheight14{ line-height:14px; } .lheight13{ line-height:13px; } .lheight12{ line-height:12px; } .height14{ height:14px; } .height16{ height:16px; } .minheight22{ min-height: 22px; } .width80{ width: 80px; } .wwnormal{ word-wrap:normal !important; } .mheight1{ min-height:1px !important; } .mheight16{ min-height:16px !important; } .mheight18{ min-height:18px !important; } .ffarial{ font-family: "Arial", Helvetica, sans-serif; } .table{ display: table; } .hidden { display: none; } .hidden-focus{ opacity:0; font-size:0 !important; filter: alpha(opacity = 0); } .hidden-focus + .cityfield{ visibility: hidden; } .left50 {left:50%} .left-50 {left:-50%} .flexline{ display:table; width:100%; height:100%; } .flexline > *{ display:table-cell; }.translated-ltr font{ color:inherit !important; padding:0 !important; margin:0 !important; } .translated-ltr font *{ height:inherit !important; width:inherit !important; } ul.packagesubscription{ background:#f2f2f2; border-top:1px solid #dedede; } ul.packagesubscription li{ padding:17px 19px; border-bottom:1px solid #cecece; margin-top:10px; background:#fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 0px 2px 1px -2px #cecece; -moz-box-shadow: 0px 2px 2px -2px #cecece; box-shadow: 0px 2px 2px -2px #cecece; } ul.packagesubscription li .dtable{ display:table; width:100%; } ul.packagesubscription li .dtablerow{ display:table-row; } ul.packagesubscription li .dtablecell{ display: table-cell; } ul.packagesubscription li:first-child{ margin-top:0px; } ul.packagesubscription li .detailscell{ padding-left:33px; font-size:14px; line-height:18px; } ul.packagesubscription li .detailscell .title{ color:#c4c4c3; margin:10px 0; min-height:59px; } ul.packagesubscription li .detailscell .title strong{ color:#212121; line-height:20px; margin-top:2px; } ul.packagesubscription li .detailscell .max-items{ line-height:2.42; color:#828282; } ul.packagesubscription li .detailscell .max-items .number{ min-width:18px; background:#f4f4f4; padding:0 8px; margin-right:3px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } ul.packagesubscription li .box{ border:1px solid #ececec; margin-left:19px; font-size:12px; line-height:16px; } ul.packagesubscription li .box .counter{ display:table; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:100%; } ul.packagesubscription li .box .dtablecell{ padding:20px 10px; } ul.packagesubscription li .box .dtablecell.number{ line-height:36px; font-size:34px; font-weight:normal; width:43px; text-align: center; padding-right:0; } ul.packagesubscription li .box .dtablecell.number:before{ display:block; height:1px; background:#aba6a6; content: ''; position: relative; top:-21px; } ul.packagesubscription li .box p{ color:#3e4039; } ul.packagesubscription li .box p span{ color:#c4c4c3; } ul.packagesubscription li .box.highlight-days .dtablecell.number, ul.packagesubscription li .box.highlight-limit .dtablecell.number, ul.packagesubscription li .box.highlight-days p, ul.packagesubscription li .box.highlight-limit p:first-child{ color:#db6a4a; } ul.packagesubscription li .box.highlight-days .dtablecell.number:before{ background:#db6a4a; } ul.packagesubscription li .box .action{ height:34px; line-height:34px; background:#eeeeee; font-weight:bold; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } ul.packagesubscription li .box .action.lastcall{ background:#2965be; color:#fff; } ul.packagesubscription li .box .action.disabled{ color:#bfbfbf; text-decoration: none; cursor: default; } ul.packagesubscription div.suggesttitlebottom{ left: 50%; margin-left: -157px; text-align: center; width: 300px; line-height:18px; } ul.packagesubscription div.suggesttitlebottom .target{ left:50%; right:auto; margin-left:-10px; } ul.packagesubscription li .box .action.disabled:hover + .suggesttitlebottom{ display:block; } .paid-subbscriptions-notice{ margin:23px 23px 20px !important; } .paid-subbscriptions-notice .arrow-on-item{ position: relative; } .paid-subbscriptions-notice .arrow-on-item a{ background-color: #002f34; height:40px; line-height:40px; color: #fff; font-size: 14px; padding: 0 15px; font-weight: 500; text-decoration: none; box-shadow: inset 0 0 0 8px #002f34; transition: all 0.3s ease; } .paid-subbscriptions-notice .arrow-on-item a:hover { box-shadow: inset 0 0 0 5px #002f34; background: none; color: #002f34; } .paid-subbscriptions-notice .arrow-on-item:before{ background: #002e33; content: ""; height: 1px; margin-right: 17px; position: absolute; right: 100%; top: 17px; width: 131px; } .paid-subbscriptions-notice .arrow-on-item:after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 12px; border-color: transparent transparent transparent #002e33; position: absolute; right: 100%; top: 13px; margin-right:13px; } #nnlCategoriesReachingLimit .innerHeight{ width:874px; } .packagesubscription-layer-title{ font-size: 18px; line-height: 22px; font-weight: bold; color: #333; padding: 18px 20px 17px; border-bottom: 1px solid #eeeeee; border-top:7px solid #f1f1f1; } .packagesubscription-layer-notice{ background: #f1f1f1; text-align: center; padding-bottom: 5px !important; } .packagesubscription-layer-notice .icon{ display:none; } .packagesubscription-layer-notice .link, .packagesubscription-layer-notice a{ color:#a3a3a3; text-decoration:underline; } .packagesubscription-layer-notice .link:hover, .packagesubscription-layer-notice a:hover{ text-decoration:none; } .packagesubscription-layer-notice .link:hover > *, .packagesubscription-layer-notice a.tdnone:hover .link > *{ background-color:#a3a3a3; } ul.packagesubscription-layer{ border-top:none; } ul.packagesubscription-layer li .detailscell{ padding-left:0; width:225px; } ul.packagesubscription-layer li .box .dtablecell.number{ line-height:32px; } ul.packagesubscription-layer li .countercell .button, ul.packagesubscription-layer li .countercell .button > *{ height:31px; line-height:31px !important; } ul.packagesubscription-layer li .countercell .button > *{ padding:0 10px; } ul.packagesubscription-layer-nnl li .dtablecell{ width:200px; } ul.packagesubscription-layer-nnl li .box .dtablecell{ width:100px; } ul.packagesubscription-layer-nnl li .box .dtablecell.number{ width:43px; } ul.packagesubscription-layer-nnl-single li .detailscell{ width:320px; } ul.packagesubscription-layer-nnl-single li .dtablecell{ width:250px; } ul.packagesubscription-layer-nnl-single li .box{ padding:0 10px; } ul.packagesubscription-layer-nnl-single li .box, ul.packagesubscription-layer-nnl-single li .box-note{ margin-left:20px; } ul.packagesubscription-layer-nnl-single li .box .dtablecell{ width:100px; } ul.packagesubscription-layer-nnl-single li .box .dtablecell.number{ width:43px; padding-left: 0; } ul.packagesubscription-layer-nnl-single li .countercell .button{ margin:0px 0 0 20px; float:right; } ul.packagesubscription-layer-nnl-single li .countercell .button, ul.packagesubscription-layer-nnl-single li .countercell .button > *{ height: auto; line-height: inherit !important; max-width: 250px; white-space: normal; text-align: center; } ul.packagesubscription-layer-nnl-single li .countercell .button > *{ display:block; padding:10px; } .seo-suggestions{ padding-top: 24px; margin-bottom: 24px; border-top: 1px solid #f2f4f5; } .seo-suggestions h4{ margin-bottom: 10px; text-transform: uppercase; font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; } .seo-suggestions .columns{ display: table; width: 100%; } .seo-suggestions .column{ display: table-cell; vertical-align: top; color: #7f9799; padding-right: 16px; } .seo-suggestions .column:first-child{ width: 300px; } .seo-suggestions .column li{ display: block; } .seo-suggestions .column li .fbold { font-weight: 500; } .seo-suggestions .column li + li{ margin-top: 8px; } #div-gpt-ad-listing-middle{ border-bottom:1px solid #e9e9e9; text-align:center; } #div-gpt-ad-1488901414322-0{ margin-bottom:20px; } #div-gpt-ad-1449145153968-2, #div-gpt-ad-1536839557550-0, #div-gpt-dsk-hp-hrz_bottom-new, #div-gpt-ad-1449679098210-0, #div-gpt-ad-1449145153968-0, #div-gpt-ad-1458032128565-0, #div-gpt-ad-1458131910068-0, #div-gpt-ad-1458129606370-0, #div-gpt-ad-1458129606370-1, #div-gpt-ad-1466507869045-0, #div-gpt-ad-1452862528231-0, #div-gpt-ad-1522315410646-4, #div-gpt-ad-1458131910068-1, #div-gpt-ad-1536839682869-0 { text-align:center; } #div-gpt-courier-answers { text-align: right; } #div-gpt-ad-1458032128565-0{ background:#fafafa; } #div-gpt-ad-listing-branding, #div-gpt-ad-item-branding { height:0; } #div-gpt-ad-listing-branding-after{ position:relative; } #div-gpt-ad-1489668074191-0{ margin-top:10px; } #div-gpt-layout-wallpaper-sbs{ height:0; left:0; right:0; } #div-gpt-layout-wallpaper-sbs__left, #div-gpt-layout-wallpaper-sbs__right{ position:absolute; top:0; } #div-gpt-layout-wallpaper-sbs__left{ right:100%; margin-right:15px; } #div-gpt-layout-wallpaper-sbs__right{ left:100%; margin-left:15px; } #div-gpt-layout-topover iframe, #div-gpt-layout-topover-after iframe, #div-gpt-ad-1448957845294-0 iframe, #div-gpt-ad-1449145153968-2 iframe, #div-gpt-ad-1536839557550-0 iframe, #div-gpt-dsk-hp-hrz_bottom-new iframe, #div-gpt-ad-1449145153968-0 iframe, #div-gpt-ad-1449679098210-0 iframe, #div-gpt-ad-1449145220381-3 iframe, #div-gpt-ad-1458032128565-0 iframe { display:block; margin:0 auto; } #div-gpt-ad-myaccount-sidebar{ margin-top:-11px; } #div-gpt-homepage-screening iframe { display: block; } #div-gpt-ad-1448957845294-0, #div-gpt-ad-1449250190576-0 { margin:10px 0; } #div-gpt-ad-1449145153968-0{ margin:5px 0 -10px; position:relative; } #div-gpt-ad-1449145220381-0, #div-gpt-ad-1538668237787-0 { margin: 35px 0 0; position: relative; z-index: 2; } #div-gpt-homepage-virtual-category-after + [id^="google_ads_iframe"] #div-gpt-dsk-hp-vc1-new-after + [id^="google_ads_iframe"], #div-gpt-dsk-hp-vc2-new-after + [id^="google_ads_iframe"], #div-gpt-ad-1452761765430-0-after + [id^="google_ads_iframe"], #div-gpt-ad-1454675172143-0-after + [id^="google_ads_iframe"], #div-gpt-ad-1454589877237-0-after + [id^="google_ads_iframe"]{ width:0; height:0; } #div-gpt-ad-1452767623607-0 iframe{ -ms-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); position:relative; left:50%; } #div-gpt-ad-1476099363895-0, #div-gpt-ad-1487332814195-0{ position:absolute; left:0; top:0; height:594px; width:100%; overflow:hidden; } #div-gpt-ad-1476099363895-0 iframe, #div-gpt-ad-1487332814195-0 iframe{ -ms-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); position:absolute; left:50%; } #div-gpt-ad-1476099363895-0:not([style*="display: none"]) ~ .login-box, #div-gpt-ad-1487332814195-0:not([style*="display: none"]) ~ .login-box{ min-height:462px; } #div-gpt-ad-item-floor-ad{ position:fixed; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); bottom:0; z-index:10; } #div-gpt-ad-item-floor-ad-container:not(.hidden) ~ footer{ margin-bottom:150px; } #div-gpt-ad-1459408149676-0 iframe{ float:left; margin: 0 0 30px 10px; width:170px; height:184px; } #div-gpt-ad-1468933611884-0{ margin-top:15px; text-align:center; } #div-gpt-ad-1522315410646-6{ margin-top:15px; text-align:center; } #div-gpt-ad-1468933611884-1{ margin-top:15px; text-align:center; } #div-gpt-ad-1468934078699-0{ margin-bottom:15px; text-align:center; } #div-gpt-ad-1468934078699-1{ margin-bottom:15px; text-align:center; } #div-gpt-ad-1492696955948-0{ top: 959px; left:0; position:absolute; } #div-gpt-ad-1492696955948-abp-0 { margin-top:700px; } .center-google-advert div { margin: 0 auto; } .adbanner-container { display: flex; } .adbanner-container_center { justify-content: center; align-items: center; } .adbanner-container.hidden { display: none; } .adbanner-wrapper { background: white; border: 1px solid #efefef; border-radius: 4px; } .adbanner-wrapper_horizontal { display: flex; align-items: stretch; border-left: 4px solid #0098d0; padding: 3px 3px 3px 0; } .adbanner-wrapper_vertical { border-top: 4px solid #0098d0; padding: 3px 0; } .adbanner_text { color: #0098d0; font-size: 12px; line-height: 18px; background: white; text-align: center; } .adbanner_text_horizontal { transform: rotate(180deg); writing-mode: vertical-lr; padding-left: 3px; } .adbanner-container #div-gpt-ad-1468933611884-0 { margin-top: 0; } .adbanner_feedback_container.feedback { padding-right: 5px; } .adbanner_feedback_container_column .adbanner_popup_container.feedback { flex-direction: column; } .adbanner_feedback_container_column .adbanner_popup_separator.feedback { width: 100%; height: 1px; } .adbanner_feedback_container_column .adbanner_popup_wrapper.feedback { width: 100%; padding: 0; } .adbanner_feedback_container_column .adbanner_popup_wrapper.feedback > div { padding: 5px; } .adbanner_headline-wrapper.feedback { position: relative; } .adbanner_popup.feedback { display: flex; justify-content: flex-end; } .adbanner_popup_notrelevant:hover + .adbanner_popup_arrow_wrapper > .adbanner_popup_arrow { border-top-color: #165F8C; } .adbanner_popup_container.feedback { display: flex; justify-content: space-between; align-items: center; background: #0098d0; border-radius: 4px; border-bottom-right-radius: 0; } .adbanner_popup_wrapper.feedback { display: flex; justify-content: space-between; padding: 5px; } .adbanner_popup_wrapper.feedback:hover { background: #165F8C; cursor: pointer; border-radius: 4px; border-bottom-right-radius: 0; } .adbanner_popup_wrapper.adbanner_popup_confirm.feedback:hover { cursor: default; } .adbanner_popup_separator.feedback { width: 1px; height: 100%; background: white; } .adbanner_popup_text.feedback { font-size: 12px; color: white; padding-right: 5px; } .adbanner_img.feedback { width: 16px; } .adbanner_popup_arrow_wrapper.feedback { display: flex; justify-content: flex-end; } .adbanner_popup_arrow.feedback { content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #0098d0; } .adbanner_popup_arrow.isHovered.feedback { border-top-color: #165F8C; } .adbanner_popup_wrapper.hidden, .feedback.hidden { display: none !important; } .adbanner_img.circlequestion.feedback { position: absolute; top: 0; right: 5px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f737cfb9baed0d6282e4e303091306934.svg) no-repeat center; height: 16px; cursor: pointer; } .adbanner_img.thumbs-up.feedback { background: url(https://static.olx.uz/static/olxuz/packed/font/2fd7ec91bba7aa1f09610c9e81f4bc103d.svg) no-repeat center; } .adbanner_img.thumbs-down.feedback { background: url(https://static.olx.uz/static/olxuz/packed/font/2f87b4becb05b710b4847b98770c9be01d.svg) no-repeat center; } #yandex_ad_R-145248-6, #yandex_ad_R-148519-5 { display:inline-block; vertical-align: top; } .gallerywide > li.gallerywide__dfp { width: auto; height: auto; margin: 0; float: left; background: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .gallerywide > li.gallerywide__dfp iframe { margin: 0 0 30px 10px; } .confirm-searches{ border-top:1px solid #e4e4e4; margin-top:30px; padding-top:20px; } .confirm-searches p{ margin-bottom:15px; } .confirm-searches__list{ margin-bottom:30px; } .confirm-searches__list li{ margin-bottom:5px; } .confirm-searches + .paymanageinfo{ margin-top:0 !important; border-bottom:1px solid #e4e4e4; margin-bottom:20px; } .confirm-searches + .paymanageinfo .paylinks.type3 li{ margin:5px 0; } .confirm-searches + .paymanageinfo.type2 .inner{ padding:5px 0 25px; } .multipay__coin{ font-size: 16px; font-weight: 500; line-height: 1.25; } .multipay__coin--gray{ } .multipay__coin small{ font-size: inherit; font-weight: inherit; line-height: inherit; } .multipay__coin-separator{ vertical-align:middle; display:inline-block; margin:0 8px; font-size:22px; font-weight:bold; color:#aeaeab; } .multipay__coins{ margin-right:20px; } .extramoney-title { font-weight: 500; } .extramoney-title .c000 { color: inherit; } .icon.info-wallet{ background:url(https://static.olx.uz/static/olxuz/packed/img/2f3dcf5f71b610b5f6a339851e11edef30.png) 0 0 no-repeat; width:19px; height:19px; } .icon.info-warning{ background:url(https://static.olx.uz/static/olxuz/packed/img/2f572b35d05c0d4bf0b3cda9f0defc9f2b.png) 0 0 no-repeat; width:19px; height:19px; } .ol-indexes li{ margin-bottom: 5px; list-style:none !important; } .ol-indexes, .ol-indexes ol{ counter-reset: section; list-style-type: none; } .ol-indexes li:before { counter-increment: section; content: counters(section, ".") ". "; } .ol-indexes ul li { list-style: disc !important; } .ol-indexes ul li:before { content: none; } .div-gpt-ad-item-floor-ad__close{ border-radius: 50%; width: 30px; height: 30px; background: #000; overflow: hidden; position: absolute; right: -15px; top: -15px; color: #fff; line-height: 30px; text-decoration: none !important; } .div-gpt-ad-item-floor-ad__close:before{ content:'X'; } #div-gpt-homepage-virtual-category, #div-gpt-homepage-virtual-category2, #div-gpt-dsk-hp-vc1-new, #div-gpt-dsk-hp-vc2-new { line-height:0; } .foreigner-layer{ font-size: 20px; text-align: center; line-height: 1.4; padding: 135px 40px 30px; white-space: nowrap; font-style: italic; position: relative; } .foreigner-layer:before{ width: 80px; height: 80px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f4f22766be42e5eac379976b5237b92ca.svg) no-repeat 0 0; left: 50%; top: 42px; margin-left: -40px; position: absolute; content: ''; } .foreigner-layer .button{ font-style: normal; display: inline-block; margin-top: 35px; min-width: 113px; } .exchange-ua-flag, .exchange-pl-flag{ border:1px solid #ebebeb; display:inline-block; width:17px; height:11px; background:no-repeat 0 0; background-size:17px 11px; } .exchange-pl-flag{ background-image:url(https://static.olx.uz/static/olxuz/packed/img/2f06705913b651f5a13ac94d891abfc863.png); } .exchange-ua-flag{ background-image:url(https://static.olx.uz/static/olxuz/packed/img/2f3620c439511b20a7c569c6c8a690b022.png); } button.cookie-close { width: auto; bottom: 20px; right: 30px; padding: 0; background: transparent; border: none; font-weight: 500; font-size: 14px; font-style: normal; font-stretch: normal; line-height: 18px; letter-spacing: normal; text-align: center; color: #fff; } button.cookie-close:after { content: ""; background: #fff; height: 3px; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; position: absolute; left: 0; right: 0; top: 100%; } button.cookie-close:hover:after { left: 15%; right: 15%; } div.cookie-notification { padding-right: 10em; } .native-image-link { display:inline-block; } .native-image-link img{ display:block; } .native-body-link, .native-body-link:hover, .native-body-link:visited { text-decoration:none; color:inherit; } .content-ad_wrapper { width: 890px; height: 130px; } #nativeadunit-blue { border-radius: 3px 0 0 3px; border-left: 5px solid #4599cd; background: #e6f4ff; } #nativeadunit-blue-frame { border-radius: 3px 0 0 3px; border-left: 5px solid #4599cd; border-top: 2px solid #4599cd; border-right: 2px solid #4599cd; border-bottom: 2px solid #4599cd; background: #e6f4ff; height: 126px; width: 882px; } #nativeadunit-yellow { border-radius: 3px 0 0 3px; border-left: 5px solid #ffbf3d; background: rgba(255,191,61,.06); } .native-ad_wrapper { overflow: hidden; height: 130px; width: 884px; margin-left: 1px; position: relative; top: 0; left: 0; overflow: hidden; font-family: 'Lato',sans-serif; font-size: 12px; } .native-image_wrapper { display: flex; float: left; background: #f7f7f7; width: 150px; position: relative; } .native-image_wrapper{ height:130px; width:150px; } .native-image-link { height: 130px; margin-left: 7px; } .native-image-link img { max-width:100%; display: table-cell; height:auto; vertical-align: middle; } .native-title_wrapper { margin-left: 157px; width: 550px; font-family: 'Lato',sans-serif; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .native-title_wrapper a { color: #0098d0; font-size: 18px; font-weight: 700; line-height: 22px; text-decoration: none; font-family: 'Lato',sans-serif; width: 500px; } .native-body_wrapper { line-height: 16px; margin-left: 157px; margin-top: 5px; width: 500px; font-size: 13px; color: #b4b4b4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .native-advertiser-link{ margin-top:35px; text-decoration:none; font-size:12px; font-weight:400; color:#636363; } .native-advertiser_wrapper{ left:157px; bottom:10px; text-decoration:none; font-size:12px; font-weight:400; position:absolute } .native-button_wrapper{ width: 120px; height: 35px; bottom: 10px; position: absolute; right: 20px; } .native-disclaimer-text_wrapper{ border-radius: 2px; color: #4599cd; font-size: 12px; position: absolute; right: 26px; top: 5px; text-align: right; } .native-button-element { text-decoration: none; font-size: 12px; font-weight: 400; position: absolute; border-radius: 8px; color: white; width: 100%; height: 100%; display: table; } .native-button-element-border{ text-decoration: none; font-size: 12px; font-weight: 400; position: absolute; width: 100%; height: 100%; display: table; } #var-blue_button{ background-color: #e6f4ff; color: #4599cd; border-radius: 8px !important; border-color: #4599cd; border-style: solid; border-width: 2px; } #var-blue-frame_button{ background-color: #4599cd; border-radius: 8px !important; } a.native-button-link { text-decoration: none; } .native-button-text { font-family: Lato, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: normal; text-align: center; color: white; text-decoration: none; display: table-cell; vertical-align: middle; } .olx-modal-box__text a { text-decoration: underline; }@charset "UTF-8"; @font-face { font-family: "iconfont"; src: url("https://static.olx.uz/static/olxuz/packed/font/2f7c7f3d3899a50ec8bd77f94c98dda959.eot"); src: url("https://static.olx.uz/static/olxuz/packed/font/2f7c7f3d3899a50ec8bd77f94c98dda959.eot?#iefix") format("eot"), url("https://static.olx.uz/static/olxuz/packed/font/2f8d6b10dbe8c9c10f6888bd70e412f8a8.woff2") format("woff2"), url("https://static.olx.uz/static/olxuz/packed/font/2f9aa06ee0a37b6761db93d84e0d749d70.woff") format("woff"), url("https://static.olx.uz/static/olxuz/packed/font/2f558088d74bdd0aa2694b14dbeca761ee.ttf") format("truetype"), url("../../../olxeu-atlas-web/static/fonts/iconfont.svg#iconfont") format("svg"); } .regions-layer .goback:before, .regions-layer .column li a span:after, .fancybox-container--mandatory-login #fancybox-close:before, .buypackage-wrapper .buypackage-category-packages__list__item.expandable:before, .buypackage-wrapper .buypackage-category-locations__list__item.expandable:before, .buypackage-wrapper .buypackage-category-packages .back-link:before, .buypackage-wrapper .buypackage-category-locations .back-link:before, .fStats__select:after, .shop-graphics__col-links a.js-upload-different-logo:before, .shop-graphics__col-links a.js-upload-different-banner:before, .shop-graphics__col-links a.delete-photo-a:before, .shop-graphics__col-links a.js-delete-banner:before, .create-password__list li:before, .offer-user__description-link:before, .login-button--allegro:after, .login-button--allegro:before, .login-button--vkontakte:before, .login-button--facebook:before, .login-button--email:before, .login-box__back-arrow:before, .smsverification__list li.warn:before, .smsverification__list li:before, .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description-link:before, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link:before, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link:before, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link:before, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link:before, .shop-filter-link.is-active:before, .offer-titlebox__btn-social-share:before, .locationrequest .distancelist dt a:before, .maincategories .subcategories-list a.inlblk:before, .favgallerybox-show-more .link:before, .favsearchgallerybox-show-more .link:before, .usersearch-list .box .alert-options .removeObservedSearch:before, .usersearch-list .box .details p.is-query:before, #didomi-host .didomi-components-accordion .trigger-icon:before, #didomi-host .didomi-consent-popup-header .didomi-arrow-back-popup-preferences-vendors:before, #didomi-host .didomi-consent-popup-header .didomi-consent-popup-header-close:before, #fancybox-close:before, .settingspage .headlinebox.is-active .icon-slide:after, .settingspage .headlinebox .icon-slide:after, .ad-location-modal_close:after, .targeted-vas-wizard__nav-step.complete .targeted-vas-wizard__nav-step-number:before, .targeted-vas-wizard__back-link:after, .packet-info-modal-content__current-location:before, .packet-info-modal-content__locations-list li.selected:after, .olx-multipay__infolayer ul li:before, .olx-multipay__tooltip li:before, .olx-multipay__single-vases [type=checkbox]:not(:checked) + label:after, .olx-multipay__single-vases [type=checkbox]:checked + label:after, .olx-multipay__walet-variants [type=checkbox]:not(:checked) + label:after, .olx-multipay__walet-variants [type=checkbox]:checked + label:after, .olx-multipay__bundle .components-list li:before, .olx-multipay__pack-links--with-icons .olx-multipay__pack-links--locations:before, .olx-multipay__pack-links--with-icons .olx-multipay__pack-links--categories:before, .olx-multipay__pack-description-content li.advantage-item:after, .olx-multipay__pack-description-content li:before, .olx-multipay__pack-top .advantages-list li:after, .olx-multipay__package ul li:before, .olx-multipay__singlead .cell--pushup:before, .olx-multipay .select:after, .olx-bundle-bought:before, .dropdown dd ul li a.is-selected:before, .dropdown dt a.focus:before, .dropdown dt a:before, .descgallery__next:before, .descgallery__prev:before, .overgallery .layerclose:before, .category-icon.a-category-1153:before, .category-icon.a-category-1151:before, .category-icon.a-category-903:before, .category-icon.a-category-891:before, .category-icon.a-category-7:before, .category-icon.a-category-37:before, .category-icon.a-category-899:before, .category-icon.a-category-35:before, .category-icon.a-category-6:before, .category-icon.a-category-3:before, .category-icon.a-category-1:before, .category-icon.a-category-36:before, .category-icon:before, #header-container .navi .userbox .employer-space-link:before, #header-container .navi .userbox .li--user-logged .userbox-login:before, .website.big:before, .xmlads-table .td-status--success em:before, .xmlads-table .td-status--error em:before, .xmlads-table .td-status--processing em:before, .myaccount-pack-list__item__pack-location span:before, .myoffersnew__main-actions .courier:before, .messagesystem.remind .status:before, .messagesystem.warning .status:before, .messagesystem.error .status:before, .messagesystem.success .status:before, ul.conversationnew > li .attachment-list--cv:before, ul.conversationnew > li .attachment-list:before, .view-lists .view__icon--galleryWide:before, .view-lists .view__icon--list:before, .toplinks .all a:before, .chooseway a.icon-list .icon.arrow5:before, .fblock.catSelector3.has-categoryID #choose-category-button:before, .fblock.catSelector3.complete #choose-category-button:before, .fblock.catSelector3 #catgory-breadcrumb-text span:nth-child(even):before, .pager .prev .link:before, .pager .next .link:before, .filter-results-link:before, form.myaccount-search:before, form.search .multifilters .button .icon.mini.clear:before, form.search .multifilters .button .icon.down:before, form.search .rootcategory-filter-item a.select:after, form.search .rootsearch-filter-item .clearbox:before, form.default .fblock.error .status.icon:before, form.default .fblock.complete .status.icon:before, form ul.attachments li.error .icon.status:before { font-family: "iconfont"; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; line-height: 1; } [data-icon] { display: inline-block; } [data-icon]:before { display: inline-block; font-family: "iconfont"; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; line-height: 1; } [data-icon=account]:before { content: "\e001"; } [data-icon=allegro]:before { content: "\e002"; } [data-icon=archive-in]:before { content: "\e003"; } [data-icon=archive-out]:before { content: "\e004"; } [data-icon=arrow-down]:before { content: "\e005"; } [data-icon=arrow-up]:before { content: "\e006"; } [data-icon=bill]:before { content: "\e007"; } [data-icon=block]:before { content: "\e008"; } [data-icon=blocks]:before { content: "\e009"; } [data-icon=category_accommodation]:before { content: "\e00a"; } [data-icon=category_agriculture]:before { content: "\e00b"; } [data-icon=category_all]:before { content: "\e00c"; } [data-icon=category_animals]:before { content: "\e00d"; } [data-icon=category_automotive]:before { content: "\e00e"; } [data-icon=category_automotiveparts]:before { content: "\e00f"; } [data-icon=category_drill]:before { content: "\e010"; } [data-icon=category_education]:before { content: "\e011"; } [data-icon=category_electronics]:before { content: "\e012"; } [data-icon=category_exchange]:before { content: "\e013"; } [data-icon=category_fashion]:before { content: "\e014"; } [data-icon=category_forfree]:before { content: "\e015"; } [data-icon=category_games]:before { content: "\e016"; } [data-icon=category_home]:before { content: "\e017"; } [data-icon=category_jobs]:before { content: "\e018"; } [data-icon=category_kids]:before { content: "\e019"; } [data-icon=category_motherchild]:before { content: "\e01a"; } [data-icon=category_music]:before { content: "\e01b"; } [data-icon=category_others]:before { content: "\e01c"; } [data-icon=category_present]:before { content: "\e01d"; } [data-icon=category_realestate]:before { content: "\e01e"; } [data-icon=category_rooms]:before { content: "\e020"; } [data-icon=category_services]:before { content: "\e021"; } [data-icon=category_sport]:before { content: "\e022"; } [data-icon=category_studentjobs]:before { content: "\e023"; } [data-icon=category_technology]:before { content: "\e024"; } [data-icon=category_tools]:before { content: "\e025"; } [data-icon=category_toys]:before { content: "\e026"; } [data-icon=category_travel]:before { content: "\e027"; } [data-icon=category_videogames]:before { content: "\e028"; } [data-icon=category_wedding]:before { content: "\e029"; } [data-icon=charcoal]:before { content: "\e02a"; } [data-icon=circle-delivery]:before { content: "\e02b"; } [data-icon=circle_alert]:before { content: "\e02c"; } [data-icon=circle_ask]:before { content: "\e02d"; } [data-icon=circle_clock]:before { content: "\e02e"; } [data-icon=circle_error]:before { content: "\e02f"; } [data-icon=circle_info]:before { content: "\e030"; } [data-icon=circle_info_inverted]:before { content: "\e031"; } [data-icon=circle_refresh]:before { content: "\e032"; } [data-icon=circle_remove]:before { content: "\e033"; } [data-icon=circle_rotate]:before { content: "\e034"; } [data-icon=circle_tick]:before { content: "\e035"; } [data-icon=clip]:before { content: "\e036"; } [data-icon=clip2]:before { content: "\e037"; } [data-icon=clock]:before { content: "\e038"; } [data-icon=close]:before { content: "\e039"; } [data-icon=courier_logo]:before { content: "\e03a"; } [data-icon=cv]:before { content: "\e03b"; } [data-icon=delivery]:before { content: "\e03c"; } [data-icon=doc]:before { content: "\e03d"; } [data-icon=download]:before { content: "\e03e"; } [data-icon=emptyads]:before { content: "\e03f"; } [data-icon=emptyanswers]:before { content: "\e040"; } [data-icon=emptywallet]:before { content: "\e041"; } [data-icon=eye-light]:before { content: "\e042"; } [data-icon=eye]:before { content: "\e043"; } [data-icon=facebook]:before { content: "\e044"; } [data-icon=fast-response]:before { content: "\e045"; } [data-icon=fb-box]:before { content: "\e046"; } [data-icon=forward]:before { content: "\e047"; } [data-icon=gg]:before { content: "\e048"; } [data-icon=goods]:before { content: "\e049"; } [data-icon=handset]:before { content: "\e04a"; } [data-icon=icon-jobs-new]:before { content: "\e04b"; } [data-icon=inbox]:before { content: "\e04c"; } [data-icon=info]:before { content: "\e04d"; } [data-icon=item_reserved]:before { content: "\e04e"; } [data-icon=laquo]:before { content: "\e04f"; } [data-icon=leaflet]:before { content: "\e050"; } [data-icon=link]:before { content: "\e051"; } [data-icon=location-filled]:before { content: "\e052"; } [data-icon=location]:before { content: "\e053"; } [data-icon=login_allegro]:before { content: "\e054"; } [data-icon=login_facebook]:before { content: "\e055"; } [data-icon=login_google]:before { content: "\e056"; } [data-icon=login_vkontakte]:before { content: "\e057"; } [data-icon=logo]:before { content: "\e058"; } [data-icon=message]:before { content: "\e059"; } [data-icon=mobile]:before { content: "\e05a"; } [data-icon=navigation_next]:before { content: "\e05b"; } [data-icon=nophoto-job]:before { content: "\e05c"; } [data-icon=olx-delivery]:before { content: "\e05d"; } [data-icon=pen]:before { content: "\e05e"; } [data-icon=phone]:before { content: "\e05f"; } [data-icon=preview]:before { content: "\e060"; } [data-icon=print]:before { content: "\e061"; } [data-icon=promo]:before { content: "\e062"; } [data-icon=raquo]:before { content: "\e063"; } [data-icon=refresh]:before { content: "\e064"; } [data-icon=remove]:before { content: "\e065"; } [data-icon=safedeal]:before { content: "\e066"; } [data-icon=safety-warning]:before { content: "\e067"; } [data-icon=search]:before { content: "\e068"; } [data-icon=send]:before { content: "\e069"; } [data-icon=skype]:before { content: "\e06a"; } [data-icon=star-answer-filled]:before { content: "\e06b"; } [data-icon=star-answer]:before { content: "\e06c"; } [data-icon=star-filled]:before { content: "\e06d"; } [data-icon=star]:before { content: "\e06e"; } [data-icon=stats]:before { content: "\e06f"; } [data-icon=success]:before { content: "\e070"; } [data-icon=terms]:before { content: "\e071"; } [data-icon=tick-circle]:before { content: "\e072"; } [data-icon=tick]:before { content: "\e073"; } [data-icon=trash]:before { content: "\e074"; } [data-icon=turnoff]:before { content: "\e075"; } [data-icon=twitter-box]:before { content: "\e076"; } [data-icon=upload]:before { content: "\e077"; } [data-icon=view-blocks]:before { content: "\e078"; } [data-icon=view-grid]:before { content: "\e079"; } [data-icon=widget]:before { content: "\e07a"; } [data-icon=zoom]:before { content: "\e07b"; } @font-face { font-family: "Roboto"; src: url(https://static.olx.uz/static/olxuz/packed/font/2ffdd9a0e31ad1106503926f779d36535e.eot); src: url(https://static.olx.uz/static/olxuz/packed/font/2ffdd9a0e31ad1106503926f779d36535e.eot?#iefix) format("embedded-opentype"), url(https://static.olx.uz/static/olxuz/packed/font/2f7d515ccf53e427f222999e9e6f453e1c.woff2) format("woff2"), url(https://static.olx.uz/static/olxuz/packed/font/2fdcf132b9800162a850c6a967948865f3.woff) format("woff"), url(https://static.olx.uz/static/olxuz/packed/font/2fe8245f42c30eadb06de2d9a169c727ac.ttf) format("truetype"), url(https://static.olx.uz/static/olxuz/packed/font/2fbf2e1666650d9c70a62f4491cad4fa3a.svg#Geomanist-Regular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Roboto"; src: url(https://static.olx.uz/static/olxuz/packed/font/2faab7270da522101d172e353facf471a7.eot); src: url(https://static.olx.uz/static/olxuz/packed/font/2faab7270da522101d172e353facf471a7.eot?#iefix) format("embedded-opentype"), url(https://static.olx.uz/static/olxuz/packed/font/2f5da9077a4fd524bfa4a23e595fc41982.woff2) format("woff2"), url(https://static.olx.uz/static/olxuz/packed/font/2f8150afd1bcc100010633a8cf8ed6c6c5.woff) format("woff"), url(https://static.olx.uz/static/olxuz/packed/font/2f772bba0d776cbf9aea3eae74b7278f88.ttf) format("truetype"), url(https://static.olx.uz/static/olxuz/packed/font/2f3d1470ee055abfef8adcd2db352eeb9b.svg#Geomanist-Medium) format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Roboto"; src: url(https://static.olx.uz/static/olxuz/packed/font/2f8fd4706efc0632a50ced7d47740ff430.eot); src: url(https://static.olx.uz/static/olxuz/packed/font/2f8fd4706efc0632a50ced7d47740ff430.eot?#iefix) format("embedded-opentype"), url(https://static.olx.uz/static/olxuz/packed/font/2f93d984f561637f78d1b86363c029781c.woff2) format("woff2"), url(https://static.olx.uz/static/olxuz/packed/font/2f62c54365002d2b3f6d711322c82d5935.woff) format("woff"), url(https://static.olx.uz/static/olxuz/packed/font/2fc13890179af03604c51223e6d056f3c8.ttf) format("truetype"), url(https://static.olx.uz/static/olxuz/packed/font/2f6139852d9bbbc4d2f0e0f2bf0ce61093.svg#Geomanist-Bold) format("svg"); font-weight: bold; font-style: normal; } body, input, textarea, select, option, optgroup, button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Roboto", Arial, sans-serif !important; } .fbold, strong { font-weight: 500; } @keyframes animation-olx-branding-o { 0% { transform: scale(0.9); } 100% { transform: scale(1.8); } } @keyframes animation-olx-branding-x { 0% { transform: rotate(0deg) scale(1); } 25%, 50% { transform: rotate(360deg) scale(1.4); } 75%, 100% { transform: rotate(720deg) scale(1); } } @keyframes animation-olx-branding-x-line { 0% { width: 40%; } 25%, 50% { width: 50%; } 75%, 100% { width: 40%; } } @keyframes animation-olx-branding-dot-one { 0% { transform: scale(1); } 25% { transform: scale(0.5); } 50%, 100% { transform: scale(1); } } @keyframes animation-olx-branding-dot-two { 0%, 25% { transform: scale(1); } 50% { transform: scale(0.5); } 75%, 100% { transform: scale(1); } } @keyframes animation-olx-branding-dot-three { 0%, 50% { transform: scale(1); } 75% { transform: scale(0.5); } 100% { transform: scale(1); } } .olx-branding-o { width: 60px; height: 60px; border: 18px solid #002e33; border-radius: 50%; animation: animation-olx-branding-o 0.8s alternate infinite ease-in; box-sizing: border-box; } .olx-branding-x { width: 60px; height: 60px; position: relative; overflow: hidden; animation: animation-olx-branding-x 8s infinite; } .olx-branding-x:before, .olx-branding-x:after { content: ""; position: absolute; top: 0; left: 50%; width: 40%; height: 100%; background: #002f34; animation: animation-olx-branding-x-line 8s infinite; } .olx-branding-x:before { transform: skewX(45deg) translate(-50%, 0); } .olx-branding-x:after { transform: skewX(-45deg) translate(-50%, 0); } .olx-branding-dots { position: relative; display: inline-flex; } .olx-branding-dots > * { display: inline-block; overflow: hidden; text-indent: -1000em; animation: animation-olx-branding-dot-two 1.5s infinite ease-in; } .olx-branding-dots > *, .olx-branding-dots:before, .olx-branding-dots:after { width: 60px; height: 60px; border-radius: 50%; box-sizing: border-box; background: #fff; border: 22.8px solid #002e33; } .olx-branding-dots:before, .olx-branding-dots:after { content: ""; display: inline-block; } .olx-branding-dots:before { margin-right: 15px; border-width: 9.6px; animation: animation-olx-branding-dot-one 1.5s infinite ease-in; } .olx-branding-dots:after { margin-left: 15px; border-width: 18px; animation: animation-olx-branding-dot-three 1.5s infinite ease-in; } body { color: #002f34; background: #f2f4f5; } body, input, textarea, select, option, optgroup, button { font-family: "Arial", Helvetica, sans-serif; } .wrapper, #footer-container .sitepopularbox__wrapper, #header-container #searchMyaccountBox { text-align: left; width: 1238px; font-size: 12px; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } h1, h2, h3, h4, h5, h6 { color: #002f34; line-height: 1em; font-weight: normal; padding: 0px 0px 0px 0px; } h1 { font-size: 21px; font-weight: bold; } .icon { background: url(https://static.olx.uz/static/olxuz/packed/img/2f4f010dcd646aef5b4c62dcdc45cbf697.png) no-repeat; } input[type=text]::-ms-clear { display: none; } input[type=submit]::-moz-focus-inner { border: 0; padding: 0; } button::-moz-focus-inner { border: 0; padding: 0; } .breaklist.after > *:before { content: " "; padding: 0; } .breaklist.after > *:first-child:before { content: " "; } .breaklist.after > *:first-child:after { content: "|"; color: #999999; padding: 0 0.2em 0 0.4em; } form input[type=text], form input[type=password] { padding: 3px; } form select { padding: 1px; line-height: 20px; } form input[type=checkbox] { margin-right: 5px; } form ul.attachments li .filename { color: #0098d0; } form ul.attachments li.error .filename { color: #AC0901; } form ul.attachments li.error .icon.status { width: 22px; display: inline-block; margin-left: 5px; background: none; } form ul.attachments li.error .icon.status:before { content: "\e02c"; } form ul.attachments li.error .icon.status:before { width: 22px; font-size: 20px; color: #C91414; position: relative; top: 2px; left: 1px; } form ul.attachments li div.suggest { margin-left: 10px !important; top: 2px; padding: 1px 10px; line-height: 18px; } form ul.attachments div.suggest .target { top: 9px; } .globalCheckbox.gray { opacity: 0.5; filter: alpha(opacity=50); } form .fsize1 { width: 18px !important; } form .fsize2 { width: 24px !important; } form .fsize3 { width: 35px !important; } form .fsize4 { width: 170px !important; } form .fsize5 { width: 260px !important; } form .fsize6 { width: 280px !important; } form .fsize7 { width: 136px !important; } form .fsize9 { width: 230px !important; } form .min { width: 70px !important; } form .size1 { width: 170px !important; } form .long { width: 337px !important; } form .x-long { width: 280px !important; } form .xx-long { width: 290px !important; } form .xxx-long { width: 300px !important; } form .xxx-long2 { width: 546px !important; } form .checkline { display: flex; } form .checkline .icon.f_checkbox { margin-top: -3px !important; margin-right: 0 !important; } form .checkline__text { margin-left: 16px !important; } form .checkline__note { font-size: 12px; line-height: 1.17; margin-top: 10px; display: block; color: #406367; } form input.light, form textarea.light, form select.light { background: #fff; border: none; padding: 14px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 16px; line-height: 1.25; color: #406367; } form input.light:-webkit-autofill, form input.light:-webkit-autofill:hover, form input.light:-webkit-autofill:focus, form textarea.light:-webkit-autofill, form textarea.light:-webkit-autofill:hover, form textarea.light:-webkit-autofill:focus, form select.light:-webkit-autofill, form select.light:-webkit-autofill:hover, form select.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; } form input.light[disabled], form textarea.light[disabled] { background-color: #e5eaea; color: #406367; } form input.light[disabled]:-webkit-autofill, form input.light[disabled]:-webkit-autofill:hover, form input.light[disabled]:-webkit-autofill:focus, form textarea.light[disabled]:-webkit-autofill, form textarea.light[disabled]:-webkit-autofill:hover, form textarea.light[disabled]:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #e5eaea inset !important; } form .suffix { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; } form.default .fblock p.desc { margin-top: 10px; } form.default .fblock p.desc.ca6 { color: #7f9799; } form.default .fblock p.desc small { font-size: inherit; } form.default .fblock.active .focusbox input.light, form.default .fblock.active .focusbox textarea.light, form.default .fblock.active .focusbox select.light { -webkit-box-shadow: 0 2px 0 0 #406367; -moz-box-shadow: 0 2px 0 0 #406367; -ms-box-shadow: 0 2px 0 0 #406367; -o-box-shadow: 0 2px 0 0 #406367; box-shadow: 0 2px 0 0 #406367; } form.default .fblock.active .status.icon { display: none; } form.default .fblock.inserted .focusbox input.light, form.default .fblock.inserted .focusbox textarea.light, form.default .fblock.inserted .focusbox select.light { border-color: #ffb00b; -webkit-box-shadow: 0 0 0 2px #ffb00b; -moz-box-shadow: 0 0 0 2px #ffb00b; -ms-box-shadow: 0 0 0 2px #ffb00b; -o-box-shadow: 0 0 0 2px #ffb00b; box-shadow: 0 0 0 2px #ffb00b; } form.default .fblock.inserted .map-locations-list, form.default .fblock.inserted .dropdown dt a { border-color: #ffb00b; -webkit-box-shadow: 0 0 0 2px #ffb00b; -moz-box-shadow: 0 0 0 2px #ffb00b; -ms-box-shadow: 0 0 0 2px #ffb00b; -o-box-shadow: 0 0 0 2px #ffb00b; box-shadow: 0 0 0 2px #ffb00b; } form.default .fblock.complete .status.icon { width: 48px; background: none; overflow: visible; height: 48px; display: inline-flex; align-items: center; justify-content: center; margin: 0 !important; text-indent: 0; pointer-events: none; } form.default .fblock.complete .status.icon:before { content: "\e073"; } form.default .fblock.complete .status.icon:before { font-size: 14px; color: #23e5db; position: relative; top: 0; left: 0; vertical-align: top; } form.default.login .fblock.complete .status.icon { display: none; } form.default.login .fblock.complete.error .status.icon { display: inline-block; } form.default .fblock.error .focusbox input.light, form.default .fblock.error .focusbox textarea.light, form.default .fblock.error .focusbox select.light, form.default .fblock.error .focusbox .dropdown dt a { -webkit-box-shadow: 0 2px 0 0 #de1609; -moz-box-shadow: 0 2px 0 0 #de1609; -ms-box-shadow: 0 2px 0 0 #de1609; -o-box-shadow: 0 2px 0 0 #de1609; box-shadow: 0 2px 0 0 #de1609; } form.default .fblock.error .status.icon { width: 48px; background: none; overflow: visible; height: 48px; display: inline-flex; align-items: center; justify-content: center; margin: 0 !important; text-indent: 0; pointer-events: none; } form.default .fblock.error .status.icon:before { content: "\e02c"; } form.default .fblock.error .status.icon:before { font-size: 22px; color: #de1609; position: relative; top: 0; left: 0; vertical-align: top; } form.default .fblock.error p.desc small { color: #de1609; } form.search { padding: 20px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative; } form.search #withshowbox { padding-bottom: 20px; } form.search #withshowboxTable td:first-child { width: 1px; } form.search .clearbox { background: #fff; border: none; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; -webkit-box-shadow: -1px 0 0px 0 inset #f2f4f5; -moz-box-shadow: -1px 0 0px 0 inset #f2f4f5; -ms-box-shadow: -1px 0 0px 0 inset #f2f4f5; -o-box-shadow: -1px 0 0px 0 inset #f2f4f5; box-shadow: -1px 0 0px 0 inset #f2f4f5; } form.search .clearbox [data-icon=close] { line-height: 1; position: absolute; right: 20px; top: 25px; font-size: 22px; color: #002f34; } form.search .clearbox [data-icon=close].hidden { display: none; } form.search .clearbox #search-text { width: 577px; padding: 8px 0; line-height: 56px; height: 56px; margin: 0 65px 0 24px !important; } form.search .clearbox #search-text .clearActive { color: #002f34; font-weight: 500; } form.search input[type=text] { color: #406367; background: #fff; border: none; width: 100%; } form.search .locationrequest { -webkit-box-shadow: -1px 0 0px 0 inset #f2f4f5; -moz-box-shadow: -1px 0 0px 0 inset #f2f4f5; -ms-box-shadow: -1px 0 0px 0 inset #f2f4f5; -o-box-shadow: -1px 0 0px 0 inset #f2f4f5; box-shadow: -1px 0 0px 0 inset #f2f4f5; } form.search .paramsList { margin-top: 32px; margin-left: -16px; } form.search .paramsList__title { font-size: 24px; font-weight: 500; line-height: 1.08; margin: 0 0 16px 16px; } form.search .filter-headline { font-size: 14px; margin-bottom: 6px; line-height: 1.29; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 18px; } form.search .rootsearch-filter-item { width: 486px; margin-left: 16px; float: left; } form.search .rootsearch-filter-item .clearbox { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding-right: 30px; } form.search .rootsearch-filter-item .clearbox:before { content: "\e068"; } form.search .rootsearch-filter-item .clearbox:before { position: absolute; left: 15px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); color: #002f34; font-size: 24px; line-height: 1 !important; } form.search .rootsearch-filter-item .clearbox [data-icon=close] { line-height: 1; position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 18px; color: #002f34; font-weight: 400; } form.search .rootsearch-filter-item .clearbox [data-icon=close]:before { vertical-align: top; } form.search .rootsearch-filter-item .clearbox #search-text { width: 385px; height: 32px; line-height: 32px; margin: 0 50px !important; font-weight: 400; } form.search .rootcategory-filter-item { width: 234px; margin-left: 16px; float: left; } form.search .rootcategory-filter-item a.select { height: 48px; line-height: 48px; padding: 0 55px 0 15px; background: #fff; margin-right: 0; width: 100%; font-size: 16px; color: #002f34; font-weight: inherit; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } form.search .rootcategory-filter-item a.select:after { content: "\e005"; } form.search .rootcategory-filter-item a.select .c000 { color: inherit; font-weight: inherit; } form.search .rootcategory-filter-item a.select .fbold { font-weight: inherit; } form.search .rootcategory-filter-item a.select[class^=a-category] { font-weight: 500; } form.search .rootcategory-filter-item a.select:before { display: none; } form.search .rootcategory-filter-item a.select:after { position: absolute; right: 17px; top: 18px; font-size: 12px; color: #002e33; } form.search .rootcategory-filter-item a.select .icon.caticongray { left: 5px; top: 5px; } form.search .rootcategory-filter-item a.select .icon.mini { top: 11px; right: 9px; } form.search .rootcategory-filter-item .categorySelectContainer { width: 100%; } form.search .rootcategory-filter-item ul.categorySelectList { width: 100%; font-size: 14px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border: none !important; margin-top: -2px; } form.search .rootcategory-filter-item ul.categorySelectList li .category-icon:before { display: none; } form.search .rootcategory-filter-item ul.categorySelectList li a { padding: 9px 16px; } form.search .rootcategory-filter-item ul.categorySelectList li a [data-icon] { top: 10px; } form.search .rootcategory-filter-item ul.categorySelectList li a .counter { top: 8px; } form.search .rootcategory-filter-item ul.categorySelectList li ul { width: 250px; } form.search .rootcategory-filter-item ul.categorySelectList > li > a { padding: 9px 70px 9px 16px; } form.search .multifilters { min-height: 10px; } form.search .multifilters .filter-item { margin-bottom: 16px; } form.search .multifilters .filter-both-item { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } form.search .multifilters .filter-both-item .filter-item { max-width: calc(50% - 4px); flex: 0 0 calc(50% - 4px); box-sizing: border-box; } form.search .multifilters a.button, form.search .multifilters label.num-input { min-width: 100%; border: none; background: #fff; color: #406367; height: 48px; line-height: 48px !important; font-weight: normal; filter: none !important; box-shadow: none; padding-right: 36px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; white-space: normal; } form.search .multifilters a.button { color: #406367; } form.search .multifilters a.button.numeric .header { cursor: text; } form.search .multifilters a.button.fbold { color: #406367; border-color: #fff; } form.search .multifilters a.button span.header { font-size: 16px; height: 48px; line-height: 48px !important; overflow: hidden; font-weight: normal; padding-right: 0; padding-left: 15px; } form.search .multifilters a.button .icon.progress { width: 16px; height: 16px; top: 5px; right: 5px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f7b9776076d5fceef4993b55c9383dedd.gif) no-repeat center center; } form.search .multifilters label.num-input { min-width: 100%; padding-left: 15px; } form.search .multifilters label.num-input input[type=text] { height: 20px; line-height: 20px; padding: 14px 0; font-size: 14px !important; } form.search .multifilters .button .icon.down, form.search .multifilters .button .icon.mini.clear { right: 0; top: 0; bottom: 0; text-indent: 0; overflow: visible; color: #002f34; background: none; display: inline-flex; align-items: center; justify-content: flex-end; width: 20px; height: auto; padding-right: 16px !important; } form.search .multifilters .button .icon.down { font-size: 12px; } form.search .multifilters .button .icon.down:before { content: "\e005"; } form.search .multifilters .button .icon.mini.clear { font-size: 13px; cursor: pointer; } form.search .multifilters .button .icon.mini.clear:before { content: "\e039"; } form.search .multifilters .button.numeric .icon.down { display: none; } form.search .multifilters .disabled a.button { background: #fafbfb; color: #7f9799; cursor: default; } form.search .multifilters .disabled a.button > * { cursor: default; } form.search .multifilters > li { min-height: 0; } form.search .multifilters > li .grid-ul > li { float: left; width: 234px; margin-left: 16px; } form.search .multifilters > li.line { display: none; } form.search .multifilters .category-item a.search-choose { padding-right: 62px; position: relative; } form.search .multifilters .category-item a.search-choose .counter { color: #686666 !important; background: #f4f3f1; font-size: 10px; right: 16px; top: 8px; line-height: 14px; padding: 2px 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } form.search .multifilters .subSelect { display: none; } form.search .button.search { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background: #fff; height: 72px; position: relative; border: none; color: #002f34; } form.search .button.search:hover, form.search .button.search.is-focused { background-color: #002f34; border-color: #002f34; color: #fff; } form.search .button.search input[type=submit] { font-size: 16px; font-weight: 500; height: 100%; display: inline-flex; justify-content: flex-end; align-items: center; margin-top: 0 !important; width: 148px; padding: 0 61px 0 20px; color: inherit; } form.search .button.search [data-icon=search] { right: 26px; top: 24px; left: auto; position: absolute; font-size: 25px; color: inherit; padding: 0; line-height: 1 !important; } form.search .fieldsets { position: relative; } form.search .checkboxsepa .fblock.fleft { margin-right: 20px; color: #ababab; } form.search .checkboxsepa .fblock.fleft:not(.hidden) { display: flex; align-items: center; } form.search .checkboxsepa .icon.f_checkbox { margin-right: 9px !important; } form.search .checkboxsepa .icon.f_checkbox.selected + .small { color: #002f34; } form.search .checkboxsepa .small { font-size: 14px !important; line-height: 1.29; color: #7f9799; } form.search .option-search-clear { font-size: 14px; color: #7f9799; line-height: 1.29; position: absolute; top: 100%; right: 0; margin-top: 19px; z-index: 9; } form.search .option-search-clear .link { color: inherit; } form.search .option-search-clear .icon { display: none; } form.search .option-search-criteria { margin: 0 !important; position: absolute; top: 0; right: 0; } form.search .option-search-criteria a { height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 2px #002f34; -moz-box-shadow: inset 0 0 0 2px #002f34; -ms-box-shadow: inset 0 0 0 2px #002f34; -o-box-shadow: inset 0 0 0 2px #002f34; box-shadow: inset 0 0 0 2px #002f34; } form.search .option-search-criteria a:hover { -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } form.search .option-search-criteria a [data-icon^=star] { font-size: 20px; vertical-align: middle; margin-right: 5px; line-height: 1; } form.search .option-search-criteria a.selected [data-icon^=star] { color: #002f34; } form.search .option-search-criteria a .link { display: inline; margin-left: 3px; } form.search .option-search-criteria .add-fav-search-tooltip { width: 245px; color: #f1f1f1; font-size: 12px; line-height: 1.17; text-align: center; border-radius: 2px; background-color: #4a4a4a; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); padding: 10px; position: absolute; top: 100%; right: 10px; z-index: 10; display: none; } form.search .option-search-criteria .add-fav-search-tooltip:before { content: " "; position: absolute; top: -14px; left: 117px; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #4a4a4a transparent; z-index: 1; } form.search .suggestinput { top: 48px; max-height: 300px; font-size: 14px !important; border: none; left: 0; right: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; width: 100%; min-width: 0 !important; } form.search .suggestinput li { border: none; } form.search .suggestinput label.value { white-space: normal; padding-right: 30px; overflow: hidden; } form.search .suggestinput .multichbox input[type=checkbox] { display: none; } form.search .suggestinput .multichbox__icon { width: 16px; height: 16px; background: #fff; border: 1px solid #002f34; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 1px #002f34; -moz-box-shadow: inset 0 0 0 1px #002f34; -ms-box-shadow: inset 0 0 0 1px #002f34; -o-box-shadow: inset 0 0 0 1px #002f34; box-shadow: inset 0 0 0 1px #002f34; position: relative; transition: border-color ease 0.2s; cursor: pointer; display: inline-block; } form.search .suggestinput .multichbox__icon:before, form.search .suggestinput .multichbox__icon:after { box-sizing: border-box; position: absolute; height: 0; width: 2px; background-color: #4e5069; display: inline-block; transform-origin: left top; border-radius: 3px; content: " "; } form.search .suggestinput .multichbox__icon:before { top: 8px; left: 0; transform: rotate(-45deg); } form.search .suggestinput .multichbox__icon:after { top: 13px; left: 5px; transform: rotate(-135deg); } form.search .suggestinput .multichbox input[type=checkbox]:checked + .multichbox__icon { background: #002f34; } form.search .suggestinput .multichbox input[type=checkbox]:checked + .multichbox__icon:before, form.search .suggestinput .multichbox input[type=checkbox]:checked + .multichbox__icon:after { background: #fff; } form.search .suggestinput .multichbox input[type=checkbox]:checked + .multichbox__icon:before { height: 7px; transition: 0.2s ease; } form.search .suggestinput .multichbox input[type=checkbox]:checked + .multichbox__icon:after { height: 14px; transition: 0.4s ease; } form.search .paramSelect .suggestinput { white-space: nowrap; } form.search .paramSelect .suggestinput li { overflow: hidden; border-bottom: none; } form.search .paramSelect .suggestinput li input[type=checkbox] { margin: 2px 5px 0px 0px !important; padding: 0px; vertical-align: top; } form.search .paramSelect .suggestinput li .multichbox__icon { margin: 1px 7px 0px 0px !important; vertical-align: top; } form.search .paramSelect .suggestinput label.value { padding-right: 0px; vertical-align: top; } form.search .paramSelect .suggestinput label.value.select-only-this-opiton { padding-right: 30px; padding-left: 0px; min-width: 108px; } form.search .multifilters .subSelect:not(.hidden) + a.button, form.search .multifilters .subSelect:not(.hidden) + label.num-input { background-color: #fafbfb; border-color: #fafbfb; color: #7f9799; } .saved-searches-floating-container > button { cursor: pointer; background: #3a78ff; color: #fff; border: none; border-radius: 5px; position: fixed; padding: 10px 15px; bottom: 0; left: 50%; z-index: 1000; transition: transform 0.5s; transform: translate(-50%, 100%); } .saved-searches-floating-container > button.visible { transform: translate(-50%, -70%); } .saved-searches-floating-container .saved-searches-floating-content { display: flex; } .saved-searches-floating-container .saved-searches-floating-content > i { margin: 2px 5px 0 0; } form.quick-search .clearbox input[type=text] { padding-right: 24px; } form.quick-search .clearbox .icon.cleartext3 { right: 8px; top: 8px; } #changeLocationBox { padding: 12px 16px 10px; } #saveLocationBox { padding: 8px 16px; } form.myaccount-search:before { content: "\e068"; } form.myaccount-search:before { font-size: 24px; position: absolute; left: 15px; top: 50%; pointer-events: none; transform: translate(0, -50%); z-index: 2; } form.myaccount-search input[type=text] { width: 265px; padding-left: 47px; border-radius: 0; border-right: 2px solid #f2f4f5; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } form.myaccount-search .button { background: #fff; color: #002f34; overflow: hidden; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; position: relative; border: none; height: 48px; line-height: 48px !important; } form.myaccount-search .button input[type=submit] { cursor: default; padding: 0 19px !important; display: inline-flex; align-items: center; justify-content: center; text-indent: 0; font-size: 16px; font-weight: 500; text-transform: capitalize; color: inherit; } form.myaccount-search .button > * { height: 48px; line-height: 48px !important; } form.myaccount-search .button.active { background: #002f34; color: #fff; } form.myaccount-search .button.active input[type=submit] { cursor: pointer; } form.myaccount-search .clear-input-button { top: 50%; left: 285px; position: absolute; color: #002e33; font-size: 18px; transform: translate(0, -50%); height: 18px; cursor: pointer; background: #fff; padding: 15px 10px; } form.showpricelist select { width: 200px; } form.showpricelist2 select { width: 300px; } form.showpricelist2 .fblock { margin: 0px 0px 15px; } form.showpricelist2 .fblock.summary { padding-top: 5px; } form.showpricelist2 .suggest { top: -3px; } form.showpricelist2 .suggest p { margin: 0px; } form.showpricelist2 .suggest.error p { color: #fff; } form.searchmain { padding: 40px 0; } form.searchmain .breakline { border-bottom: 1px solid #ffe296; -webkit-box-shadow: inset 0px -1px 0px #eac159; -moz-box-shadow: inset 0px -1px 0px #eac159; -ms-box-shadow: inset 0px -1px 0px #eac159; -o-box-shadow: inset 0px -1px 0px #eac159; box-shadow: inset 0px -1px 0px #eac159; padding-bottom: 15px; } form.searchmain .input-container { background: #fff; border: none; border-right: 1px solid #f2f4f5; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } form.searchmain .clearbox [data-icon=close] { line-height: 1; position: absolute; right: 20px; top: 25px; font-size: 22px; color: #002f34; } form.searchmain .clearbox [data-icon=close].hidden { display: none; } form.searchmain input[type=text] { padding: 8px 12px; line-height: 16px; height: 16px; background: #fff; border: none; } form.searchmain .locationrequest .proposals { margin-top: 0px; } form.searchmain .locationrequest .distancelist { display: none; } form.searchmain .locationrequest [data-icon=close] { line-height: 1; position: absolute; right: 20px; top: 25px; font-size: 22px; color: #002f34; } form.searchmain .locationrequest [data-icon=close].hidden { display: none; } form.searchmain .locationrequest .input-container { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } form.searchmain .locationrequest .distanceseparator { display: none; } form.searchmain .locationrequest .cityfield { width: 260px; font-size: 16px; height: 56px; line-height: 56px; padding: 8px 0px; margin-left: 62px; } form.searchmain input.queryfield { width: 621px; padding-left: 0; padding-right: 0; line-height: 56px; height: 56px; margin: 0 65px; font-size: 16px; font-weight: 500; color: #002f34; } form.searchmain input.queryfield.ca2 { color: #406367; color: inherit; font-weight: 400; } form.searchmain [data-icon=search] { position: absolute; left: 24px; top: 24px; color: #002f34; font-size: 25px; line-height: 1 !important; } form.searchmain [data-icon=location] { left: 26px; top: 24px; font-size: 24px; position: absolute; color: #002f34; } form.searchmain .fblock.error { color: #f94d4d; } form.searchmain .fblock.error input[type=text] { color: #f94d4d; } form.searchmain .button { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background: #fff; height: 72px; position: relative; border: none; color: #002f34; } form.searchmain .button:hover, form.searchmain .button.is-focused { background-color: #002f34; border-color: #002f34; color: #fff; } form.searchmain .button input[type=submit] { font-size: 16px; font-weight: 500; height: 100%; display: inline-flex; justify-content: flex-end; align-items: center; margin-top: 0 !important; width: 148px; padding: 0 61px 0 20px; color: inherit; } form.searchmain .button [data-icon=search] { right: 26px; top: 24px; left: auto; position: absolute; font-size: 25px; color: inherit; padding: 0; pointer-events: none; } form.searchmain .locationrequest .cityfield.bold, form.searchmain .locationrequest .cityfield.bold + div.cityfield { width: 223px; margin-right: 52px; } form.searchmain .locationrequest .cityfield.bold, form.searchmain .locationrequest .fbold, form.searchmain .locationrequest .fbold + .color-9 { color: inherit; font-weight: 500; } .topbarbanner { display: none; align-items: center; justify-content: space-between; padding: 8px 16px; margin: 0; } .topbarbanner.abovenav { top: 0; position: absolute; z-index: 999; width: 100%; box-sizing: border-box; } .topbarbanner .bannerWrapper { display: flex; align-items: center; justify-content: flex-start; } .topbarbanner .bannerWrapper > :first-child { margin-right: 16px; } .topbarbanner .bannerWrapper #icon { width: 40px; height: 40px; background-size: contain; flex: 1 0 auto; } .topbarbanner .bannerWrapper #text { padding: 10px 5px; font-size: 14px; line-height: 18px; margin: 0; text-align: justify; } .topbarbanner .bannerWrapper #cta { display: flex; flex-direction: column; } .topbarbanner .bannerWrapper #cta a { font-weight: 600; text-decoration: none; font-size: 14px; line-height: 18px; } @media (hover) { .topbarbanner .bannerWrapper #cta:hover i { transform: scaleX(0.5); } } .topbarbanner .bannerWrapper .underline { border-bottom: solid 3px; border-color: inherit; height: 1px; margin-top: -1px; padding-top: 4px; transition: transform 0.15s; width: 100%; } .topbarbanner .bannerWrapper .closeIcon { border: none; width: 16px; height: 16px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f5d86848d7bb5445cf6f8c99da439f6d3.svg) no-repeat center; background-size: contain; cursor: pointer; } .topbarbanner .right { flex: 0 0 auto; margin-left: 16px; } .topbarbanner .success { background: url(https://static.olx.uz/static/olxuz/packed/font/2f8c0a722248ad084d28fa935bc6673670.svg) no-repeat center; } .topbarbanner .warning { background: url(https://static.olx.uz/static/olxuz/packed/font/2f59441384162eee8400133e61c255338e.svg) no-repeat center; } .topbarbanner .error { background: url(https://static.olx.uz/static/olxuz/packed/font/2f90c575b6c74619bc670f372b703b2c14.svg) no-repeat center; } .topbarbanner .psIcon { width: 40px; height: 40px; background-size: contain; flex: 1 0 auto; background: url(https://static.olx.uz/static/olxuz/packed/font/2f2ff2c517d0f892b2a74fab7b39a66919.svg) no-repeat center; } .topbarbanner .hide { display: none; } .search-user-profile-container { margin: 47px 0 0; } .search-user-profile { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 20px 24px; min-height: 130px; display: flex; align-items: center; justify-content: space-between; } .search-user-profile__user { display: flex; align-items: center; } .search-user-profile__user-photo { margin-right: 14px; width: 89px; height: 89px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #efefef; text-align: center; overflow: hidden; } .search-user-profile__user-photo img { width: 100%; } @supports (-o-object-fit: cover) or (object-fit: cover) { .search-user-profile__user-photo img { height: 100%; object-fit: cover; } } .search-user-profile__user-photo [data-icon] { margin-top: 24px; color: #002f34; font-size: 40px; } .search-user-profile__user-name { font-size: 40px; font-weight: 500; line-height: 1.05; letter-spacing: 0.5px; } .search-user-profile__btn { height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 2px #002f34; -moz-box-shadow: inset 0 0 0 2px #002f34; -ms-box-shadow: inset 0 0 0 2px #002f34; -o-box-shadow: inset 0 0 0 2px #002f34; box-shadow: inset 0 0 0 2px #002f34; text-decoration: none !important; } .search-user-profile__btn:hover { -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .search-user-profile__btn [data-icon^=star] { font-size: 20px; margin-right: 5px; line-height: 1; } .search-user-profile__btn [data-icon^=star]:before { vertical-align: top; } .search-user-profile__btn.selected [data-icon^=star] { color: #002f34; } .search-user-profile__share { margin-right: 24px; display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none !important; line-height: 1.29; position: relative; } .search-user-profile__share:first-letter { text-transform: uppercase; } .search-user-profile__share:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .search-user-profile__share:hover:after { left: 15%; right: 15%; } .search-user-profile__options { display: flex; align-items: center; position: relative; } .search-user-profile__options .add-fav-search-tooltip { width: 245px; color: #fff; font-size: 12px; line-height: 1.17; text-align: center; border-radius: 4px; background-color: #3a77ff; padding: 10px; position: absolute; top: 100%; right: 10px; z-index: 10; display: none; } .search-user-profile__options .add-fav-search-tooltip:before { content: " "; position: absolute; top: -14px; left: 117px; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #3a77ff transparent; z-index: 1; } .filter-results-link { float: right; display: inline-block; vertical-align: middle; position: relative; font: inherit; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.3s ease; border-radius: 4px; padding: 11px 40px 11px 20px; -webkit-box-shadow: inset 0 0 0 2px #002f34; -moz-box-shadow: inset 0 0 0 2px #002f34; -ms-box-shadow: inset 0 0 0 2px #002f34; -o-box-shadow: inset 0 0 0 2px #002f34; box-shadow: inset 0 0 0 2px #002f34; background: none; color: #002f34; text-decoration: none !important; } .filter-results-link:before { content: "\e005"; } .filter-results-link:before { position: absolute; right: 14px; top: 16px; font-size: 9px; } .filter-results-link:hover { -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .filter-results-link.is-active:before { transform: rotate(-180deg); top: 14px; } form.search--myaccount .paramsList { margin-top: 0; } form.search--myaccount .option-search-submit { display: none; } form.search--myaccount .option-search-clear { position: static; } .search-myaccount-container { position: relative; } form.searchsmall { margin-bottom: 10px; } form.searchsmall input[type=text] { width: 221px; height: 20px; line-height: 20px; padding: 5px 7px; background: #fff; border: 1px solid #818080 !important; border-bottom-color: #efede8 !important; border-right-color: #efede8 !important; } form.searchsmall .button { padding: 2px 3px 3px; } form.search404 { padding: 30px; } form.search404 input[type=text] { width: 337px; } form.search404 .button { padding: 0 10px; } form.search404 .go-to-homepage { margin: 30px 0 60px !important; } form.search404 .go-to-homepage__title { display: block; margin-bottom: 5px; } form.search404 .go-to-homepage a { color: #002f34; display: inline-block; box-sizing: border-box; font-size: 16px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } form.search404 .go-to-homepage a:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } form.search404 .go-to-homepage a:hover:after { left: 25%; right: 25%; } form.settings .fblock { margin-top: 16px; } form.settings .fblock--submit { margin-top: 24px; } form.settings h4.title { font-size: 16px; font-weight: 500; line-height: 1.25; border-bottom: none; margin-top: 24px; padding-bottom: 0; } form.settings .c000 { color: inherit; } form.settings .label { font-size: 14px; line-height: 1.29; color: #002f34; margin-bottom: 6px !important; } form.settings .label .fbold { font-weight: inherit; } form.settings fieldset { width: 60%; } form.settings fieldset.part45 { width: 45% !important; } form.settings input.light { background: #f2f4f5; } form.settings input.light:-webkit-autofill, form.settings input.light:-webkit-autofill:hover, form.settings input.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } form.settings .long, form.settings .fsize4 { width: 355px !important; } form.settings .locationarea { padding: 0 !important; border-bottom: none; } form.settings .button input[type=submit] { min-width: 196px; font-size: 16px; font-weight: 500; } form.settings .infoarea { min-height: 120px; padding: 20px 20px 20px 0; } form.settings .infoarea ul { margin-left: 40px; } form.settings .infoarea ul li { list-style: disc; } form.settings .suggest.onhover { padding-left: 10px; width: 445px; top: -10px; margin-left: 15px; } form.settings [data-icon=circle_info] { font-size: 20px; margin-left: 10px; color: #7f9799; line-height: 1; } form.settings [data-icon=circle_info]:before { vertical-align: top; } form.settings [data-icon=circle_info]:hover + .suggest.onhover { display: block; } form.settings.invoicedata fieldset.fleft { width: 640px; } form.settings.invoicedata .legal-note { padding: 0 20px 0 42px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fa97bcb941fd4b4081143e9172297ec73.png) no-repeat 10px 2px; background-size: 24px; } form.settings.invoicedata .postpaid_box { padding-top: 27px; padding-bottom: 8px; } form.settings.invoicedata .postpaid_request { display: block; } form.settings.invoicedata .postpaid_limit { margin-right: 16px; margin-left: 0 !important; margin-top: 10px; vertical-align: baseline; width: 108px !important; } form.settings.invoicedata h4.brbott-7 { border-bottom: none; } form.settings.invoicedata .fblock .icon.f_radio { vertical-align: middle; } form.settings.invoicedata .fblock.complete .focusbox input.light + .status.icon, form.settings.invoicedata .fblock.complete .focusbox input.light + .suffix + .status.icon, form.settings.invoicedata .fblock.complete .focusbox textarea.light + .status.icon, form.settings.invoicedata .fblock.complete .focusbox textarea.light + .suffix + .status.icon, form.settings.invoicedata .fblock.error .focusbox input.light + .status.icon, form.settings.invoicedata .fblock.error .focusbox input.light + .suffix + .status.icon, form.settings.invoicedata .fblock.error .focusbox textarea.light + .status.icon, form.settings.invoicedata .fblock.error .focusbox textarea.light + .suffix + .status.icon { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #f2f4f5; margin-left: -48px !important; } form.settings.invoicedata .fblock.complete .focusbox input.light + .status.icon, form.settings.invoicedata .fblock.complete .focusbox textarea.light + .status.icon, form.settings.invoicedata .fblock.error .focusbox input.light + .status.icon, form.settings.invoicedata .fblock.error .focusbox textarea.light + .status.icon { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); transform: translate(-4px, 0); } form.settings.invoicedata .fblock.complete .focusbox input.light + .suffix + .status.icon, form.settings.invoicedata .fblock.complete .focusbox textarea.light + .suffix + .status.icon, form.settings.invoicedata .fblock.error .focusbox input.light + .suffix + .status.icon, form.settings.invoicedata .fblock.error .focusbox textarea.light + .suffix + .status.icon { -webkit-transform: translate(-8px, 0); -moz-transform: translate(-8px, 0); -ms-transform: translate(-8px, 0); -o-transform: translate(-8px, 0); transform: translate(-8px, 0); } form.settings .columns { display: table; width: 100%; } form.settings .columns__row { display: table-row; } form.settings .columns__col { display: table-cell; vertical-align: top; width: 30%; box-sizing: border-box; } form.settings .columns__col:last-child { width: 40%; } form.settings .columns__col input.light { width: 185px; } form.settings .columns__col .long, form.settings .columns__col .fsize4 { width: 276px !important; } form.settings .columns__col + .columns__col { padding-left: 16px; } .invoice_dropdowns .columns { display: block !important; } .invoice_dropdowns .columns__row { float: left; width: 100%; display: block !important; } .invoice_dropdowns .columns__col { width: 50% !important; float: left; } .invoice_dropdowns .columns__col input.light { height: 20px; } .invoice_dropdowns .columns__col #nip_number { width: 240px; } .invoice_dropdowns .columns__col #company_name_main { width: 250px; } .invoice_dropdowns .columns__col #regon_numbers { width: 125px; } .invoice_dropdowns .columns__col:last-child { width: auto !important; } .invoice_dropdowns .columns__col .invoice_dropdowns_regon { width: 100% !important; } .invoice_dropdowns .columns__col .dropdown dt a, .invoice_dropdowns .columns__col .dropdown dt a.focus, .invoice_dropdowns .columns__col .dropdown dd ul { background-color: #f2f4f5; } .settingssmall { font-size: 14px; line-height: 1.29; color: #406367; padding: 0; } .settingssmall input.light, .settingssmall select.light, .settingssmall textarea.light { background: #f2f4f5; } .settingssmall input.light:-webkit-autofill, .settingssmall input.light:-webkit-autofill:hover, .settingssmall input.light:-webkit-autofill:focus, .settingssmall select.light:-webkit-autofill, .settingssmall select.light:-webkit-autofill:hover, .settingssmall select.light:-webkit-autofill:focus, .settingssmall textarea.light:-webkit-autofill, .settingssmall textarea.light:-webkit-autofill:hover, .settingssmall textarea.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } .settingssmall .fblock { padding: 12px 0; } .settingssmall .fblock div.label { margin-bottom: 6px; } .settingssmall .fblock div.label .fbold { font-weight: inherit; color: #002f34; } .settingssmall fieldset.fleft { width: 369px; } .settingssmall .infoarea { margin-left: 305px; padding-top: 33px; } .settingssmall .infoarea .suggest { left: auto; width: 234px; } .settingssmall .button input[type=submit] { min-width: 156px; } .settingssmall__location { padding: 0; border-bottom: none !important; } .settingssmall__location .fblock { padding: 0; } .settingssmall__submitbar { padding: 0 !important; margin-top: 26px; } .notification-center { padding: 46px 0 0; } .notification-center li { display: flex; border-bottom: 1px solid #d8dfe0; } .notification-center li [class*=cell-] { padding: 18px 0; } .notification-center li .cell-label { max-width: 380px; flex: 0 0 380px; padding-right: 66px; color: #406367; order: 1; } .notification-center li .cell-label strong { font-size: 16px; font-weight: 500; display: block; color: #002f34; margin-bottom: 5px; } .notification-center li .cell-email { display: flex; max-width: 104px; flex: 0 0 104px; align-items: center; order: 2; } .notification-center li .cell-push { display: flex; align-items: center; order: 3; flex: 1 0 auto; } .notification-center li:first-child .cell-email, .notification-center li:first-child .cell-push { position: relative; } .notification-center li:first-child .cell-email:before, .notification-center li:first-child .cell-push:before { position: absolute; left: 0; bottom: 100%; content: attr(data-title); padding-right: 10px; box-sizing: border-box; overflow: hidden; } .notification-center li:first-child .cell-email:before:first-letter, .notification-center li:first-child .cell-push:before:first-letter { text-transform: uppercase; } .notification-center-submit { padding: 0 !important; margin-top: 24px; } .myaccount-setting-api .title { font-size: 16px; font-weight: 500; color: #002f34; line-height: 1.25; padding: 22px 0 0; border: none; margin-bottom: 4px; } .myaccount-setting-api-application { padding: 17px 0; border-bottom: 1px solid #d8dfe0; font-size: 14px; line-height: 1.29; } .myaccount-setting-api-application img { display: none; } .myaccount-setting-api-application:last-child { padding-bottom: 0; border-bottom: none; } .myaccount-setting-api-details { float: none; } .myaccount-setting-api-details br { display: none; } .myaccount-setting-api__app { margin-bottom: 5px; font-size: 16px; font-weight: 500; line-height: 1.25; display: block; } .myaccount-setting-api__app-name { display: none; } .myaccount-setting-api__cells { display: flex; } .myaccount-setting-api__cells--permissions { flex: 1 0 auto; padding-right: 20px; color: #406367; } .myaccount-setting-api__cells--permissions strong { font-weight: inherit; } .myaccount-setting-api__cells--revoke { flex: 0 0 346px; max-width: 346px; } .myaccount-setting-api__cells--revoke a { color: #002f34; display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } .myaccount-setting-api__cells--revoke a:first-letter { text-transform: uppercase; } .myaccount-setting-api__cells--revoke a:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .myaccount-setting-api__cells--revoke a:hover:after { left: 25%; right: 25%; } .settingspage .cv-upload-settings.layer { padding-right: 253px !important; } .cv-upload-settings__description { font-size: 14px; line-height: 1.29; } .cv-upload-settings__inner { margin: 0 !important; padding-top: 15px; } .cv-upload-settings__cv-wrapper { margin-top: 13px; } .cv-upload-settings .button { padding-left: 15px; padding-right: 15px; float: none; font-size: 16px; font-weight: 500; } form.masteraccount ul.selectlist li { margin: 10px 0px; background: #fafae1; } form.masteraccount ul.selectlist .link { margin: 11px 14px 11px 0px; } form.masteraccount ul.selectlist label { padding: 11px 11px 11px 84px; } form.masteraccount ul.selectlist input[type=radio] { left: 13px; top: 15px; margin: 0px; padding: 0px; } form.masteraccount ul.selectlist .icon.user.gray { left: 38px; top: 9px; } form.masteraccount .fblock.submit { padding: 15px 0px 5px; } form.useranswer > table { border-collapse: separate; } form.useranswer fieldset { padding: 0; } form.useranswer fieldset textarea { font-size: 16px; line-height: 1.25; background: #f2f4f5; color: #406367; width: 497px; height: 148px; } form.useranswer fieldset textarea:focus { -webkit-box-shadow: 0 2px 0 0 #406367; -moz-box-shadow: 0 2px 0 0 #406367; -ms-box-shadow: 0 2px 0 0 #406367; -o-box-shadow: 0 2px 0 0 #406367; box-shadow: 0 2px 0 0 #406367; } form.useranswer fieldset.editspace { padding: 0 30px 0 11px; } form.useranswer fieldset.editspace textarea { width: 497px; height: 148px; background: #f2f4f5; } form.useranswer fieldset .button input[type=submit] { min-width: 164px; font-size: 16px; font-weight: 500; } form.useranswer .infoarea { border: 1px solid #f2f4f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 24px; } form.useranswer .infoarea__title { font-size: 20px; line-height: 1.1; font-weight: 500; color: #002f34; position: relative; display: inline-block; padding-right: 32px; } form.useranswer .infoarea__title:before { content: ""; width: 23px; height: 32px; position: absolute; right: 0; top: -8px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f37a51199a9d810b121c2b24a2da55e4a.svg) 50% 50% no-repeat; background-size: contain; } form.useranswer .infoarea__title--has-no-icon { padding-right: 0; } form.useranswer .infoarea__title--has-no-icon:before { display: none; } form.useranswer .infoarea__list { margin: 20px 0 40px; padding: 0; font-size: 12px; line-height: 1.17; color: #406367; } form.useranswer .infoarea__list-item { margin-top: 14px !important; list-style: none; position: relative; padding-left: 22px; line-height: 1.27; } form.useranswer .infoarea__list-item:before { content: "•"; position: absolute; left: 0; top: -3px; font-size: 16px; color: #002f34; } form.useranswer .infoarea__list-item--ilu-cash, form.useranswer .infoarea__list-item--ilu-deal, form.useranswer .infoarea__list-item--ilu-delivery, form.useranswer .infoarea__list-item--ilu-warning { padding-left: 88px; margin: 35px 0 !important; min-height: 64px; } form.useranswer .infoarea__list-item--ilu-cash:before, form.useranswer .infoarea__list-item--ilu-deal:before, form.useranswer .infoarea__list-item--ilu-delivery:before, form.useranswer .infoarea__list-item--ilu-warning:before { width: 64px; height: 64px; content: ""; background: no-repeat 50% 50%; background-size: contain; top: 0; } form.useranswer .infoarea__list-item--ilu-cash:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2faad3758015eab34579f4e233152edcad.svg); } form.useranswer .infoarea__list-item--ilu-deal:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f747cfc6a31bac5c911777f49309ca8a8.svg); } form.useranswer .infoarea__list-item--ilu-delivery:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2fb61b460024862c49126765aa433f2900.svg); } form.useranswer .infoarea__list-item--ilu-warning:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f120c5c890936eceb381cc442bf024d32.svg); } form.useranswer .infoarea__more { margin-top: 20px; text-align: right; font-size: 14px; } form.useranswer .infoarea__more--on-left { text-align: left; } form.useranswer .infoarea__more a { display: inline-flex; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } form.useranswer .infoarea__more a:first-letter { text-transform: uppercase; } form.useranswer .infoarea__more a:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } form.useranswer .infoarea__more a:hover:after { left: 15%; right: 15%; } form.useranswer input.attachment { max-width: 200px; overflow: visible; } form.useranswer .removeAddedAtachment.loading { background: url(https://static.olx.uz/static/olxuz/packed/img/2f7b9776076d5fceef4993b55c9383dedd.gif) no-repeat right center; padding-right: 20px; } form.useranswer .upload-link-container:after { display: none; } form.useranswer .upload-link { font-size: 14px; font-weight: 500; line-height: 1.29; cursor: pointer; color: #002f34; display: inline-flex; align-items: center; } form.useranswer .upload-link [data-icon=clip], form.useranswer .upload-link [data-icon=clip2] { margin-right: 10px; font-size: 20px; color: #002f34; } form.useranswer .upload-link [data-icon=clip]:before, form.useranswer .upload-link [data-icon=clip2]:before { vertical-align: top; } form.useranswer .attachmentinfo { margin-left: 30px !important; color: #406367; font-size: 12px; width: 300px; } form.sendinvoicedata { min-width: 630px; font-size: 14px; line-height: 1.29; } form.sendinvoicedata .watermark { height: 48px !important; line-height: 48px !important; } form.sendinvoicedata .fsize4 { width: 136px !important; } form.sendinvoicedata .fblock { padding: 12px 0; } form.sendinvoicedata .fblock > div.label.fleft { float: none; text-align: left; padding-top: 0 !important; margin-bottom: 6px; } form.sendinvoicedata .fblock input.light { width: 337px; background: #f2f4f5; } form.sendinvoicedata .fblock input.light:-webkit-autofill, form.sendinvoicedata .fblock input.light:-webkit-autofill:hover, form.sendinvoicedata .fblock input.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } form.sendinvoicedata .fblock .fsize5 { width: 177px !important; } form.sendinvoicedata .fblock.complete .focusbox input.light + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.light + .suffix + .status.icon, form.sendinvoicedata .fblock.complete .focusbox textarea.light + .status.icon, form.sendinvoicedata .fblock.complete .focusbox textarea.light + .suffix + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.map-district[type=hidden] + .suffix + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.map-radius[type=hidden] + .suffix + .status.icon, form.sendinvoicedata .fblock.complete .focusbox .watermark_container + .status.icon, form.sendinvoicedata .fblock.complete .focusbox .watermark_container + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.light + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.light + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox textarea.light + .status.icon, form.sendinvoicedata .fblock.error .focusbox textarea.light + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.map-district[type=hidden] + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.map-radius[type=hidden] + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox .watermark_container + .status.icon, form.sendinvoicedata .fblock.error .focusbox .watermark_container + .suffix + .status.icon { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #f2f4f5; margin-left: -48px !important; } form.sendinvoicedata .fblock.complete .focusbox input.light + .status.icon, form.sendinvoicedata .fblock.complete .focusbox textarea.light + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, form.sendinvoicedata .fblock.complete .focusbox .watermark_container + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.light + .status.icon, form.sendinvoicedata .fblock.error .focusbox textarea.light + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon, form.sendinvoicedata .fblock.error .focusbox .watermark_container + .status.icon { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); transform: translate(-4px, 0); } form.sendinvoicedata .fblock.complete .focusbox input.light + .suffix + .status.icon, form.sendinvoicedata .fblock.complete .focusbox textarea.light + .suffix + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.map-district[type=hidden] + .suffix + .status.icon, form.sendinvoicedata .fblock.complete .focusbox input.map-radius[type=hidden] + .suffix + .status.icon, form.sendinvoicedata .fblock.complete .focusbox .watermark_container + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.light + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox textarea.light + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.map-district[type=hidden] + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox input.map-radius[type=hidden] + .suffix + .status.icon, form.sendinvoicedata .fblock.error .focusbox .watermark_container + .suffix + .status.icon { -webkit-transform: translate(-8px, 0); -moz-transform: translate(-8px, 0); -ms-transform: translate(-8px, 0); -o-transform: translate(-8px, 0); transform: translate(-8px, 0); } form.sendinvoicedata .submitbox { padding: 0 !important; text-align: left; border-top: none; margin-top: 32px; } form.sendinvoicedata .submitbox p { margin: 0 !important; } form.sendinvoicedata .submitbox .button input[type=submit] { font-size: 16px; font-weight: 500; min-width: 160px; } .icon.vat1 { width: 25px; height: 29px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png) no-repeat 0 -396px; } .icon.vat1down { width: 25px; height: 34px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png) no-repeat 0 -425px; } .icon.vat2 { width: 25px; height: 29px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png) no-repeat -25px -396px; } .icon.vat2down { width: 25px; height: 34px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png) no-repeat -25px -425px; } .vaticons { max-width: 85px; } .icon.proforma-download { width: 25px; height: 25px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fbc578d963e85a2d74e7c117fd2ce53f5.svg) no-repeat left top; background-size: contain; } form.adding { font-size: 14px; line-height: 1.29; color: #406367; padding: 0; } form.adding .errorbox { padding: 18px 23px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } form.adding h1 { font-size: 32px; font-weight: 500; line-height: 1.06; margin-top: 48px; margin-bottom: 30px; } form.adding input.light, form.adding select.light, form.adding textarea.light { background: #f2f4f5; } form.adding input.light:-webkit-autofill, form.adding input.light:-webkit-autofill:hover, form.adding input.light:-webkit-autofill:focus, form.adding select.light:-webkit-autofill, form.adding select.light:-webkit-autofill:hover, form.adding select.light:-webkit-autofill:focus, form.adding textarea.light:-webkit-autofill, form.adding textarea.light:-webkit-autofill:hover, form.adding textarea.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } form.adding .counter-placeholder { font-weight: inherit; } form.adding .show-gallery-simpler-form { margin-bottom: 0 !important; font-size: 12px; line-height: 1.17; color: #7f9799; } form.adding .show-gallery-simpler-form a { color: #3a77ff; text-decoration: underline; } form.adding .fblock .focusbox input.light + .suffix { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); transform: translate(-4px, 0); background: #f2f4f5; margin-left: -48px !important; pointer-events: none; vertical-align: middle; } form.adding .fblock.complete .chipschoice + .status.icon, form.adding .fblock.error .chipschoice + .status.icon { height: 32px; margin-top: 0 !important; } form.adding .fblock.complete .focusbox input.light + .status.icon, form.adding .fblock.complete .focusbox input.light + .suffix + .status.icon, form.adding .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, form.adding .fblock.complete .focusbox input.map-district[type=hidden] + .suffix + .status.icon, form.adding .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, form.adding .fblock.complete .focusbox input.map-radius[type=hidden] + .suffix + .status.icon, form.adding .fblock.error .focusbox input.light + .status.icon, form.adding .fblock.error .focusbox input.light + .suffix + .status.icon, form.adding .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, form.adding .fblock.error .focusbox input.map-district[type=hidden] + .suffix + .status.icon, form.adding .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon, form.adding .fblock.error .focusbox input.map-radius[type=hidden] + .suffix + .status.icon { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #f2f4f5; margin-left: -48px !important; } form.adding .fblock.complete .focusbox input.light + .status.icon, form.adding .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, form.adding .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, form.adding .fblock.error .focusbox input.light + .status.icon, form.adding .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, form.adding .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); transform: translate(-4px, 0); } form.adding .fblock.complete .focusbox input.light + .suffix + .status.icon, form.adding .fblock.complete .focusbox input.map-district[type=hidden] + .suffix + .status.icon, form.adding .fblock.complete .focusbox input.map-radius[type=hidden] + .suffix + .status.icon, form.adding .fblock.error .focusbox input.light + .suffix + .status.icon, form.adding .fblock.error .focusbox input.map-district[type=hidden] + .suffix + .status.icon, form.adding .fblock.error .focusbox input.map-radius[type=hidden] + .suffix + .status.icon { -webkit-transform: translate(-8px, 0); -moz-transform: translate(-8px, 0); -ms-transform: translate(-8px, 0); -o-transform: translate(-8px, 0); transform: translate(-8px, 0); } form.adding .dropdown dt a, form.adding .dropdown dt a.focus, form.adding .dropdown dd ul { background-color: #f2f4f5; } form.adding .dropdown#targetrenderSelect1-0 dd { display: none; } form.adding .fieldset-box { background: #fff; padding: 20px 32px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-top: 16px !important; border: none; } form.adding .fieldset-box > .brtope5 { border-top: none; } form.adding .fieldset-box--group { display: flex; } form.adding .fieldset-box--group .fieldset-box__half { width: 50%; flex: 0 0 50%; } form.adding .fieldset-box__title { font-size: 20px; line-height: 1.1; margin-top: 12px; margin-bottom: 6px; color: #002f34; position: relative; } form.adding .fieldset-box__note { font-size: 14px; line-height: 1.29; margin-top: 10px; margin-bottom: 28px; color: #406367; } form.adding .fieldset-box__note a { text-decoration: underline; color: #3a77ff; } form.adding .fieldset-box--gallery .fieldset-box__title { margin-bottom: 10px; } form.adding .fieldset-box--dynamic { padding: 0; margin: 0 !important; background: none; } form.adding .fieldset-box--dynamic #parametersContainer { display: flex; flex-direction: column; } form.adding .fieldset-box--dynamic .fblock { background-color: #fff; padding-left: 32px; padding-right: 32px; } form.adding .fieldset-box--dynamic .fblock:first-of-type { border-top-right-radius: 4px; border-top-left-radius: 4px; padding-top: 32px; margin-top: 16px; } form.adding .fieldset-box--dynamic .fblock:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-bottom: 32px; } form.adding .fieldset-box--dynamic .fblock#parameter-div-price { order: -1; padding: 32px; border-radius: 4px; margin-top: 16px; } form.adding .fieldset-box--dynamic .fblock#parameter-div-price:first-child + .fblock { border-top-right-radius: 4px; border-top-left-radius: 4px; padding-top: 32px; margin-top: 16px; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary { background-color: #fbfdff !important; box-shadow: inset 0 0 0 1px #c7e5f1; padding: 24px 36px 24px 32px; position: relative; display: flex; border-top: 12px solid #fff; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary:after { content: ""; position: absolute; top: 20px; right: -21px; width: 42px; height: 42px; display: block; background: url(https://static.olx.uz/static/olxuz/packed/font/2f39048ebcb5637f37f61632b4d730dec5.svg) no-repeat center; background-size: contain; visibility: initial; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary .label { min-width: 190px; padding-top: 15px !important; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary .area.clr { width: 100%; margin-left: 14px; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary .salary-tip { max-width: 225px; width: 100%; text-align: right; color: #323232; position: relative; padding: 0 0 20px 0; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary .salary-tip-top { font-weight: bold; font-size: 14px; margin: 0 0 16px 10px; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary .salary-tip-bottom { font-size: 13px; position: absolute; right: 0; white-space: nowrap; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary .salary-tip-bottom span { font-weight: bold; color: #569434; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary input[type=text] + .lheight32, form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary input[type=text] + .priceSuffix { line-height: 48px; margin-top: 0 !important; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary label[for=salary_arranged] { position: absolute; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary label[for=salary_arranged]:first-of-type { position: absolute; top: 68px; left: -10px; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary label[for=salary_arranged]:last-of-type { position: absolute; top: 71px; left: 34px; } form.adding .fieldset-box--dynamic .fblock.paramcell.highlighted-salary .dynamic-param > p { margin-bottom: 0 !important; } form.adding .fieldset-box--submit .fblock { margin-top: 0; } form.adding .acceptrules-box { font-size: 12px; line-height: 1.42; color: #406367; margin: 18px 0; } form.adding .acceptrules-box h3 { display: none; } form.adding .acceptrules-box .cloud { border-top: none; } form.adding .acceptrules-box .agreement-label { margin-left: 44px !important; margin-right: 100px !important; } form.adding .fblock { padding-top: 12px; padding-bottom: 12px; } form.adding .fblock > div.label.fleft { float: none; text-align: left; padding-top: 0 !important; margin-bottom: 6px; } form.adding .fblock > div.label.fleft .fbold { font-weight: inherit; color: #002f34; } form.adding .fblock > div.label.fleft .icon.mini { margin: -5px 5px 0 0; } form.adding .fblock > div.label.fleft [data-icon] { display: none; } form.adding .fblock input[type=text] { width: 338px; } form.adding .fblock input[type=text].min { margin-left: 5px; } form.adding .fblock input[type=text].postcode { width: 25px; } form.adding .fblock input[type=text].postcodeprefix { width: 19px; } form.adding .fblock input[type=text].housenr { width: 58px; } form.adding .fblock #add-description { width: 649px !important; min-height: 198px; } form.adding .fblock #add-email { width: 337px !important; } form.adding .fblock.disabled { opacity: 0.4; filter: alpha(opacity=40); } form.adding .fblock.disabled input[type=text] { background: #eaeaea; } form.adding .fblock#gallery { padding-top: 0; } form.adding .fblock#gallery > div.label.fleft .fbold.validation { display: none; } form.adding .fblock#gallery > div.label.fleft .photoslabel { display: none; } form.adding .fblock#gallery > div.label.fleft .desc { font-size: inherit; } form.adding .fblock#gallery > div.label.fleft .desc br { display: none; } form.adding .fblock#gallery .focusbox { margin: 17px 0 9px; } form.adding .fblock#map_address { padding-top: 0; } form.adding .suggest.largesuggest { width: 340px; } form.adding .lineselector { margin: 5px 0px; } form.adding .lineselector li { margin-left: 25px; } form.adding .lineselector li:first-child { margin-left: 0px; } form.adding .f_radio.margintop9 { margin-top: 5px !important; } form.adding .f_checkbox.margintop9 { margin-top: 6px !important; } form.adding .f_checkbox.margintop3 { margin-top: 0 !important; } form.adding fieldset.hlight { border-top: none; } form.adding fieldset ul.navi .button-form-change { margin-right: 42px; } form.adding fieldset ul.navi li.fright { margin-left: 48px; margin-right: 0 !important; } form.adding fieldset ul.navi .button.big4 input[type=submit] { display: block; min-width: 194px; font-size: 16px; font-weight: 500; } form.adding fieldset ul.navi .button.big4.waiting { position: relative; background: #002f34; border-color: #002f34; position: relative; display: inline-flex; width: 194px; align-items: center; justify-content: center; } form.adding fieldset ul.navi .button.big4.waiting > * { display: inline-block; overflow: hidden; text-indent: -1000em; animation: animation-olx-branding-dot-two 1.5s infinite ease-in; } form.adding fieldset ul.navi .button.big4.waiting > *, form.adding fieldset ul.navi .button.big4.waiting:before, form.adding fieldset ul.navi .button.big4.waiting:after { width: 16px; height: 16px; border-radius: 50%; box-sizing: border-box; background: #002e33; border: 6.08px solid #fff; } form.adding fieldset ul.navi .button.big4.waiting:before, form.adding fieldset ul.navi .button.big4.waiting:after { content: ""; display: inline-block; } form.adding fieldset ul.navi .button.big4.waiting:before { margin-right: 4px; border-width: 2.56px; animation: animation-olx-branding-dot-one 1.5s infinite ease-in; } form.adding fieldset ul.navi .button.big4.waiting:after { margin-left: 4px; border-width: 4.8px; animation: animation-olx-branding-dot-three 1.5s infinite ease-in; } form.adding fieldset ul.navi .button.big4.waiting input[type=submit] { padding: 0; min-width: 0; font-size: inherit; font-weight: inherit; } form.adding fieldset ul.navi #preview-link { display: inline-flex; box-sizing: border-box; font-size: 16px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.25; position: relative; } form.adding fieldset ul.navi #preview-link:first-letter { text-transform: uppercase; } form.adding fieldset ul.navi #preview-link:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } form.adding fieldset ul.navi #preview-link:hover { color: #002f34; } form.adding fieldset ul.navi #preview-link:hover > * { color: inherit; background-color: transparent; } form.adding fieldset ul.navi #preview-link:hover:after { left: 25%; right: 25%; } form.adding fieldset ul.navi .cancel { line-height: 30px; } form.adding fieldset ul.navi #cancel-link { color: #7f9799; text-decoration: underline; } form.adding fieldset ul.navi #cancel-link > * { color: inherit; background: none; } form.adding fieldset ul.navi .progress { background: url(https://static.olx.uz/static/olxuz/packed/img/2f7b9776076d5fceef4993b55c9383dedd.gif) no-repeat right center; color: #a4a4a4; line-height: 30px; margin-right: 12px; padding-right: 23px; } form.adding #accept .fblock .focusbox { min-width: 450px; } form.adding.business .sub { margin: 0 !important; } form.adding.business .sub:first-child { padding-top: 0; } form.adding.business .sub:last-child { padding-bottom: 0; } form.adding.business #phone-fields .sub #add-phone-field { margin-top: 15px !important; } form.adding.business #phone-fields .sub .fsize4 { width: 338px !important; } form.adding.business .photos-show-mini { width: 170px; } form.adding.business .photos-show-mini li { margin-bottom: 0; } form.adding.business .fblock input[type=text].postcode { width: 86px; } form.adding.business .suggest-photos { width: 195px; font-size: 12px; line-height: 18px; min-height: 18px; } form.adding.business .suggest-photos [data-icon=circle_info] { display: none; } form.adding.business .suggest-photos strong { font-weight: inherit; } form.adding.business .suggest-photos .c000 { color: inherit; } form.adding.business .error .suggest-photos { display: none; } form.adding .locationtype { top: 12px; left: 42px; } form.adding .locationtype > div { height: 48px; line-height: 48px; } form.adding .locationtype .loc-option { box-shadow: 0 0 5px rgba(0, 0, 0, 0.17); cursor: pointer; } form.adding .locationtype .opt1 { padding: 16px 15px 16px 40px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f532889ff38dae39d04312ae649930427.png) no-repeat left center; } form.adding .locationtype .opt2 { padding: 16px 15px 16px 20px; background: #fdf6f5 url(https://static.olx.uz/static/olxuz/packed/img/2f984498633cc17513f8fb60e86a91e3d0.png) no-repeat left center; } form.adding .mapcontainer.abs { right: 10px !important; } form.adding .mapcontainer.abs #googlemap { width: 350px !important; } .icongridbox { padding: 0 15px; text-decoration: none; } .icongridbox.categoriessuggesctions .line { width: 1px; background: #cfcfcf; top: 5px; bottom: 5px; right: -2px; } .icongridbox [class*=cat-icon-] { width: 88px; height: 88px; border-radius: 50%; background-repeat: no-repeat; background-size: 100%; background-color: #f2f4f5; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; } form.adding .dropdown#targetregion-id-select dd ul, form.adding .dropdown#targetsubregion-id-select dd ul { max-height: 306px; } form.adding .lineselector input[type=radio], form.adding .lineselector .f_radio { margin-right: 7px; } .bottombox .button-form-change { margin-right: 27px; } .bottombox .paymenthide { margin-right: -13px; min-width: 202px; } .bottombox .submittarget { top: -1px; } form.adding .submittarget, .bottombox .submittarget { display: none; } form.adding.business #photo .suggest, form.adding.business #photo .suggest-photos { top: 20px; } form.adding.business #photo .suggest .icon.target, form.adding.business #photo .suggest-photos .icon.target { top: 12px; } form.adding .icon.f_checkbox, form.adding .icon.f_radio { vertical-align: middle; } .attachanimal { margin-left: 42px; margin-bottom: 12px; } .attachanimal span.icon { width: 100px; height: 56px; background: url(../img/attachanimal.png) no-repeat 0 0; top: 4px; left: -75px; } .attachanimal p { background: #ceddff; color: #002f34; padding: 14px 30px; font-size: 14px !important; line-height: 1.29; display: inline-block; } #partner-offer-url-div div.suggest { min-width: 280px; } .correspondads { padding: 15px 20px; } .correspondads .marked { background: #fee78e; padding: 8px 20px; margin: 0 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #272727; -webkit-text-shadow: 1px 1px 0px #fff; -moz-text-shadow: 1px 1px 0px #fff; -ms-text-shadow: 1px 1px 0px #fff; -o-text-shadow: 1px 1px 0px #fff; text-shadow: 1px 1px 0px #fff; } .posting-info { margin-bottom: 10px; padding: 10px; position: relative; background: #fffdc2; border: 1px solid #d6d081; color: #897f00; -webkit-text-shadow: 0 1px 0 #fff; -moz-text-shadow: 0 1px 0 #fff; -ms-text-shadow: 0 1px 0 #fff; -o-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .posting-info [data-icon=circle_alert] { color: #e0ca39; position: absolute; left: 10px; top: 10px; font-size: 16px; } .posting-info p { display: inline-block; vertical-align: top; padding-left: 30px; } .category-notice { margin-left: 206px; margin-bottom: 20px; padding: 0px; } .wysiwyg-editor { width: 730px; display: none; } .wysiwyg-editor .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 0; } .wysiwyg-editor .ql-editor em { font-style: italic; } .wysiwyg-editor #editor-container { height: 270px !important; font-size: 14px; font-family: inherit; } .dynamic-param-price { display: flex; flex-wrap: wrap; max-width: 369px; } .dynamic-param-price .paramPriceRadio { visibility: hidden; font-size: 0; position: absolute; top: 0; left: 0; z-index: -1; } .dynamic-param-price .paramPriceRadio[id=parameter-price]:checked ~ .dynamic-param-price__value { display: block; margin: 24px 0 0; } .dynamic-param-price [id=parameter-price][type=hidden] ~ .dynamic-param-price__value { display: block; } .dynamic-param-price__tab { width: 123px; flex: 0 0 123px; background: #f2f4f5; color: #002f34; display: inline-flex; align-items: center; justify-content: center; height: 40px; font-size: 14px; font-weight: 500; line-height: 1.29; cursor: pointer; order: -1; position: relative; } .dynamic-param-price__tab:before { content: ""; width: 1px; height: 16px; background: #d8dfe0; position: absolute; left: -1px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .dynamic-param-price__tab:first-of-type { -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; -ms-border-top-left-radius: 4px; -o-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .dynamic-param-price__tab:first-of-type:before { display: none; } .dynamic-param-price__tab:last-of-type { -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -ms-border-top-right-radius: 4px; -o-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .paramPriceRadio:checked + .dynamic-param-price__tab { background: #002f34; color: #fff; z-index: 2; } .paramPriceRadio:checked + .dynamic-param-price__tab:before { display: none; } .dynamic-param-price__value { width: 100%; flex: 0 0 100%; display: none; } .dynamic-param-price__input { position: relative; margin-bottom: 26px; display: flex; } .dynamic-param-price__input input[type=text] { width: 100% !important; margin: 0 !important; box-sizing: border-box; float: none; } .dynamic-param-price__input .priceSuffix { position: absolute; top: 0; right: 0; height: 100%; width: 30px; display: flex; align-items: center; justify-content: flex-end; margin: 0 !important; padding: 0 17px; pointer-events: none; font-size: 16px; line-height: 1.25; } .dynamic-param-price__arranged { display: flex; align-items: center; justify-content: space-between; font-size: 16px; } .dynamic-param-price__arranged .icon.f_checkbox { width: 48px; flex: 0 0 48px; height: 24px; border-radius: 12px; background: #f2f4f5; border: none; box-shadow: none; } .dynamic-param-price__arranged .icon.f_checkbox:before { width: 20px; height: 20px; border: 3px solid #002f34; border-radius: 50%; left: 2px; top: 2px; transition: 0.4s; transform: none; box-sizing: border-box; background: none; } .dynamic-param-price__arranged .icon.f_checkbox:after { display: none; } .dynamic-param-price__arranged .icon.f_checkbox.selected { background: #002f34; } .dynamic-param-price__arranged .icon.f_checkbox.selected:before { width: 20px; height: 20px; transform: translateX(24px); transition: 0.4s; border-width: 6px; border-color: #fff; } .dynamic-param-price__arranged .icon.f_checkbox.selected + .small { color: #002f34; } .business-settings-uploader { background: #fff; padding: 20px 32px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-top: 16px !important; border: none; } .business-settings-uploader__title { font-size: 20px; line-height: 1.1; margin-top: 12px; margin-bottom: 6px; color: #002f34; position: relative; } .business-settings-uploader__inner { display: flex; } .business-settings-uploader .shop-graphics { margin: 32px 0 0; } form.contact .fblock { padding: 10px 0px; } form.contact .fblock > div.label.fleft { width: 180px; padding-top: 6px; } form.contact .fblock > div.label.fleft + div { margin-left: 196px; } form.contact .fblock p.desc { margin: 0px; } form.contact .fblock.submit .button > * { padding: 0px 28px; } form.contact .dropdown { width: 358px !important; } .przemek-says { background: #e8f4de; padding: 17px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #528425; position: relative; margin: 10px 0; } .przemek-says:before { width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e8f4de transparent transparent; position: absolute; left: -10px; top: 17px; } .przemek-says:after { width: 103px; height: 103px; position: absolute; right: 100%; top: -2px; background: url(../img/przemek-says.png) no-repeat 0 0; margin-right: 17px; } .przemek-says p + p { margin-top: 10px; } .przemek-says + p { margin-top: 20px; margin-bottom: -10px; } .przemek-says:before, .przemek-says:after { content: ""; position: absolute; display: block; } form.widget .fblock { padding: 8px 0px; } form.widget .fblock > div.label.fleft { width: 170px; padding-top: 6px; } form.widget .fblock > div.label.fleft + div { margin-left: 180px; } form.widget .fblock .f_checkbox { margin-top: 8px; } form.widget .fblock.submit .button > * { padding: 0px 28px; } #widget-container { min-height: 230px; } #widget_classifieds { margin: 20px auto; } .reason-simple { padding: 30px; background: #fff; text-align: center; color: #727272; } .reason-simple.loading { background: #fff url(https://static.olx.uz/static/olxuz/packed/img/2f7b9776076d5fceef4993b55c9383dedd.gif) center center no-repeat; } .reason-simple.loading .reason-simple__inner { opacity: 0; } .reason-simple__inner h2 { display: none; } .reason-simple__inner--success { padding-top: 30px; display: none; } .reason-simple__inner--success h2 { display: block; } .reason-simple__inner--success .olx-button { font-size: 16px; } .reason-simple__btn-close { margin: 45px 0 15px; display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } .reason-simple__btn-close:first-letter { text-transform: uppercase; } .reason-simple__btn-close:hover { text-decoration: none; } .reason-simple__btn-close:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .reason-simple__btn-close:hover:after { left: 15%; right: 15%; } .reason-simple--success { text-align: left; font-size: 16px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fd03bbb8610900c859bc6f1f853095925.svg) 400px 40px no-repeat; background-size: 30%; } .reason-simple--success .reason-simple__inner--success { display: block; } .reason-simple--success .reason-simple__inner { display: none; } .reason-simple--success h2:before { display: none !important; } .reason-simple h2, .reason-simple h3 { font-size: 20px; line-height: 1.1; text-align: left; margin-bottom: 13px; } .reason-simple .reasons { padding-top: 50px; order: 1; display: flex; align-items: center; justify-content: center; } .reason-simple .cirlce-icon { width: 96px; height: 96px; border: 4px solid #23e5d8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; cursor: pointer; margin: 0 24px; display: inline-flex; vertical-align: middle; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; align-items: center; justify-content: center; } .reason-simple .cirlce-icon small { font-size: 32px; font-weight: 500; line-height: 1.06; color: #002f34; text-transform: uppercase; } .reason-simple .cirlce-icon.no { border-color: #dc1714; } .reason-simple__text { padding: 30px 0 50px; font-size: 14px; line-height: 1.29; text-align: left; color: #406367; } .reason-simple__info { font-size: 14px; line-height: 1.29; text-align: left; color: #406367; text-transform: lowercase; } .reason-simple__info:first-letter { text-transform: uppercase; } #reasonInnerHeight { display: flex; flex-direction: column; } #reasonInnerHeight { width: 354px; } #reportInnerHeight { width: 550px; } form.report { font-size: 14px; line-height: 1.29; } form.report + #report-form-confirmation { padding-left: 13px; padding-right: 13px; font-size: 14px; line-height: 1.5; } form.report .fblock { padding: 5px 0px; } form.report textarea { width: 476px; height: 75px; padding: 5px; background: #f2f4f5; } form.report input[type=radio] { margin-right: 6px; } form.report .button input[type=submit] { font-size: 16px; } form.report2 { padding-top: 136px; position: relative; font-size: 14px; line-height: 1.29; } form.report2 > .pding20 { padding: 0 !important; } form.report2:before { width: 90px; height: 90px; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url(https://static.olx.uz/static/olxuz/packed/font/2fc74f6892892a32c0a9341970e65a29b6.svg) no-repeat 50% 50%; background-size: contain; content: ""; } form.report2 strong { font-weight: 500; } form.report2 h2 { font-size: 20px; font-weight: 500; line-height: 1.1; text-align: center; margin-bottom: 12px; } form.report2 textarea { width: 408px; height: 85px; padding: 5px; } form.report2 input[type=radio] { margin-right: 3px; } form.report2 .actions-bar { display: flex; align-items: center; justify-content: space-evenly; margin-top: 40px !important; } form.report2 .actions-bar .button { order: 1; } form.report2 .actions-bar .button.sec { color: #002f34; order: 0; display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; text-decoration: none; position: relative; background: none; border: none; padding-bottom: 3px; height: auto; line-height: 1.29 !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } form.report2 .actions-bar .button.sec > * { height: auto; line-height: 1.29 !important; padding: 0 10px; } form.report2 .actions-bar .button.sec:first-letter { text-transform: uppercase; } form.report2 .actions-bar .button.sec:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } form.report2 .actions-bar .button.sec:hover:after { left: 25%; right: 25%; } form.feedback { width: 520px; } form.feedback .fblock { padding: 3px 0px; color: #5e5e5e; } form.feedback .mainbox { background: #ecf3ff; padding: 6px 10px 10px; border-top: 1px dashed #ccd5e4; border-bottom: 1px dashed #ccd5e4; } form.feedback textarea { width: 476px; height: 126px; padding: 5px; } form.feedback .fblock > div.label.fleft { width: 220px; padding-top: 6px; } form.feedback .fblock > div.label.fleft + div { margin-left: 236px; } form.feedback .fblock select { width: 250px; } form.feedback .fblock input[type=text] { width: 235px; } form.feedback .button > * { width: 130px; } form.deactivateform fieldset.hlight { padding: 15px 45px 10px 45px; } form.deactivateform .reason-simple { background: #FFF; } form.deactivateform fieldset.hlight .fblock { padding: 0px 0px 0px 36px; margin: 0px; } form.deactivateform textarea { width: 414px; height: 100px; } form.deactivateform .fblock { padding: 10px; } form.deactivateform .submittarget { background-position: 0px -361px; height: 21px; right: 52px; top: -2px; width: 155px; } form.deactivateform fieldset ul.navi { padding: 20px 35px; } form.deactivateform fieldset ul.navi .button.big4 { min-width: 160px; text-align: center; } form.deactivateform .reasons .icon.f_radio { margin-top: 0 !important; } form.deactivateform .offer-row { width: 100%; display: table; position: relative; background: #fff; } form.deactivateform .offer-cell { padding: 10px 0; display: table-cell; vertical-align: top; } form.deactivateform .offer-cell:nth-child(1) { width: 85px; text-align: center; } form.deactivateform .offer-cell:nth-child(2) { width: 120px; } form.deactivateform .offer-cell:nth-child(4) { width: 240px; } form.deactivateform .offer-cell .space { padding: 0 10px; } form.deactivateform .offer-cell .price { font-size: 22px; } form.deactivateform .offer-cell .actions { right: 10px; bottom: 10px; } form.deactivateform .offer-overlay { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://static.olx.uz/static/olxuz/packed/img/2f29dc9b36cf79430af0419ee00f3a5239.png) repeat 0 0; } form.deactivateform .offer-overlay p { text-align: center; font-size: 16px; font-weight: bold; color: #52980e; position: absolute; top: 50%; left: 0; right: 0; margin-top: -8px; } form.sendmail { padding: 0 23px; } form.sendmail [data-icon=circle_info] { margin-right: 6px; font-size: 14px; color: #83bf4b; } form.sendmail input.light, form.sendmail select.light, form.sendmail textarea.light { background: #f2f4f5; } form.sendmail input.light:-webkit-autofill, form.sendmail input.light:-webkit-autofill:hover, form.sendmail input.light:-webkit-autofill:focus, form.sendmail select.light:-webkit-autofill, form.sendmail select.light:-webkit-autofill:hover, form.sendmail select.light:-webkit-autofill:focus, form.sendmail textarea.light:-webkit-autofill, form.sendmail textarea.light:-webkit-autofill:hover, form.sendmail textarea.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } form.sendmail .fblock { padding-top: 12px; padding-bottom: 12px; } form.sendmail .fblock > div.label.fleft { float: none; text-align: left; padding-top: 0 !important; margin-bottom: 6px; } form.sendmail .fblock > div.label.fleft .fbold { font-weight: inherit; color: #002f34; } form.sendmail .fblock.complete .focusbox input.light + .status.icon, form.sendmail .fblock.complete .focusbox textarea.light + .status.icon, form.sendmail .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, form.sendmail .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, form.sendmail .fblock.error .focusbox input.light + .status.icon, form.sendmail .fblock.error .focusbox textarea.light + .status.icon, form.sendmail .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, form.sendmail .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #f2f4f5; margin-left: -48px !important; } form.sendmail .fblock.complete .focusbox input.light + .status.icon, form.sendmail .fblock.complete .focusbox textarea.light + .status.icon, form.sendmail .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, form.sendmail .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, form.sendmail .fblock.error .focusbox input.light + .status.icon, form.sendmail .fblock.error .focusbox textarea.light + .status.icon, form.sendmail .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, form.sendmail .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); transform: translate(-4px, 0); } #sendmailContent { width: 520px; } #sendmailContent div.error_js, #sendmailContent div.success_js { line-height: 20px; padding: 14px 10px; } form.sendmail2 input.light, form.sendmail2 select.light, form.sendmail2 textarea.light { background: #f2f4f5; } form.sendmail2 input.light:-webkit-autofill, form.sendmail2 input.light:-webkit-autofill:hover, form.sendmail2 input.light:-webkit-autofill:focus, form.sendmail2 select.light:-webkit-autofill, form.sendmail2 select.light:-webkit-autofill:hover, form.sendmail2 select.light:-webkit-autofill:focus, form.sendmail2 textarea.light:-webkit-autofill, form.sendmail2 textarea.light:-webkit-autofill:hover, form.sendmail2 textarea.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } form.sendmail2 .fblock { padding-top: 12px; padding-bottom: 12px; } form.sendmail2 .fblock > div.label.fleft { float: none; text-align: left; padding-top: 0 !important; margin-bottom: 6px; } form.sendmail2 .fblock > div.label.fleft .fbold { font-weight: inherit; color: #002f34; } form.sendmail2 .fblock.complete .focusbox input.light + .status.icon, form.sendmail2 .fblock.complete .focusbox textarea.light + .status.icon, form.sendmail2 .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, form.sendmail2 .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, form.sendmail2 .fblock.error .focusbox input.light + .status.icon, form.sendmail2 .fblock.error .focusbox textarea.light + .status.icon, form.sendmail2 .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, form.sendmail2 .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #f2f4f5; margin-left: -48px !important; } form.sendmail2 .fblock.complete .focusbox input.light + .status.icon, form.sendmail2 .fblock.complete .focusbox textarea.light + .status.icon, form.sendmail2 .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, form.sendmail2 .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, form.sendmail2 .fblock.error .focusbox input.light + .status.icon, form.sendmail2 .fblock.error .focusbox textarea.light + .status.icon, form.sendmail2 .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, form.sendmail2 .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); transform: translate(-4px, 0); } form.sendsms .fblock { padding: 0px; } form.sendsms .fblock > div.label.fleft { width: 215px; padding-top: 6px; } form.sendsms .fblock > div.label.fleft + div { margin-left: 228px; } form.sendsms .fblock input.light { width: 214px; background: #fff; } form.sendsms .fblock p.desc { margin: 0px; } form.pricing .fblock { padding: 10px; border-bottom: 1px solid #ccc; } form.pricing .fblock.even { background: #f1f1f1; } form.pricing .fblock > div.label.fleft { width: 190px; padding-top: 5px; } form.pricing .fblock > div.label.fleft + div { margin-left: 206px; } form.walletpay .fblock { padding: 18px 0px; width: 406px; } form.access .fblock { margin: 0; } form.access .fblock + .fblock { margin-top: 10px; } form.access .fblock > div.label.fleft { display: none; } form.access .fblock .status.icon { position: absolute; left: 100%; top: 2px; } form.access .f_checkbox { vertical-align: top; margin-top: 2px; } form.access .button.big { width: 100%; } form.access .submitbox { margin-bottom: -14px; margin-top: 18px !important; } form.access .desc { margin-top: 2px; color: #ababab; } form.access em.cc914 { position: absolute; right: -9px; top: 0px; } form.access fieldset { padding: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 auto; background: #f7f7f7; } form.access input.light { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid #d1d1d1; padding: 6px 7px; } form.access input[type=text], form.access input[type=password] { width: 264px; } form.access .lineselector { margin: 5px 0px; } form.access .lineselector li { margin-left: 25px; } form.access .lineselector li:first-child { margin-left: 0px; } form.access .lineselector input[type=radio], form.access .lineselector .f_radio { margin-right: 7px; } form.access.login .fblock > div.label.fleft + div { margin-left: 0; padding-right: 0; } form.access.login .fblock + .fblock-checkbox { margin: 18px 0; } form.access.login small { font-size: inherit; } form.access.login .fblock-checkbox label.marginleft10 { margin-left: 5px !important; } form.access.allegro fieldset { padding: 0; } form.access.allegro .fblock { padding: 10px 80px 5px 15px; } form.access.allegro .fblock > div.label.fleft { width: 115px; padding-top: 7px; display: block; } form.access.allegro .fblock > div.label.fleft + div { margin-left: 140px; padding: 0; } form.access.allegro .fblock .status.icon { position: static; } form.access.allegro .fblock.error { color: #C91414; } form.contactform input[type=text] { width: 250px; } form.contactform .error { margin: 1px 0 !important; } form.contactform textarea { height: 136px; width: 456px; } form.contactform input.attachment { margin: 1px 0px; max-width: 420px; } form.contactform .attachmentinfo, form.quickcontact .attachmentinfo { width: 240px; } .quickcontact__blocked { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://static.olx.uz/static/olxuz/packed/font/2f9956cade67aa65883508be46b22727a8.svg) 50% 38% no-repeat #fff; background-size: 128px 128px; z-index: 1; } .quickcontact__blocked .inner-block { width: 100%; height: 100%; display: table; } .quickcontact__blocked .inner-cell { display: table-cell; vertical-align: middle; text-align: center; } .quickcontact__blocked a.button { padding: 12px 15px 12px 50px; font-size: 18px; font-weight: 700; height: auto; line-height: 1 !important; position: relative; } .quickcontact__blocked a.button [data-icon] { font-size: 20px; top: 9px; left: 17px; position: absolute; padding: 0; } .quickcontact__user { display: flex; align-items: center; flex: 1; } .quickcontact__user-photo { flex: 0 0 79px; max-width: 79px; margin-right: 17px; } .quickcontact__user-image { width: 79px; height: 79px; border-radius: 50%; background: url(https://static.olx.uz/static/olxuz/packed/font/2f477d20603bc83d977757bb70557d4bd6.svg) no-repeat 50% 50%; background-size: 100%; text-align: center; overflow: hidden; } .quickcontact__user-image img { width: 100%; } @supports (-o-object-fit: cover) or (object-fit: cover) { .quickcontact__user-image img { height: 100%; object-fit: cover; } } .quickcontact__user-image [data-icon=account] { display: none; } .quickcontact__user-name { font-size: 24px; font-weight: 500; line-height: 1.08; } .quickcontact__user-since { font-size: 14px; line-height: 1.29; color: #7f9799; margin-top: 5px; } .t-new_sidebar .quickcontact { position: relative; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .quickcontact h3 { padding: 12px 0; color: #2b2b2b; } .t-new_sidebar .quickcontact h3 { padding: 15px; } .quickcontact .inner { background: #f1f5fc; padding: 24px; border-top: 1px solid #e2e9f4; } .t-new_sidebar .quickcontact .inner { background: none; border-top: none; } .quickcontact .shadow { height: 20px; left: 0; top: 100%; margin-top: 1px; -webkit-box-shadow: inset 0px 8px 8px -8px #cecece; -moz-box-shadow: inset 0px 8px 8px -8px #cecece; -ms-box-shadow: inset 0px 8px 8px -8px #cecece; -o-box-shadow: inset 0px 8px 8px -8px #cecece; box-shadow: inset 0px 8px 8px -8px #cecece; } .quickcontact #contact_methods_below li { display: flex; align-items: center; } .quickcontact #contact_methods_below li [data-icon=phone] { background: #23e5db !important; border-radius: 50%; width: 32px !important; height: 32px !important; flex: 0 0 32px; vertical-align: top; color: #002f34; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; margin-right: 13px; } .quickcontact #contact_methods_below li .contactitem strong { font-size: 24px; font-weight: 500; line-height: 1.08; } .quickcontact #contact_methods_below li .button { margin-left: 21px; font-size: 14px; } .quickcontact input.attachment { max-width: 200px; overflow: visible; } .quickcontact .fblock { margin: 25px 0 0; } .quickcontact .fblock--details { display: flex; align-items: center; } .quickcontact .fblock--details.clr:after { display: none; } .quickcontact .fblock--submit { display: flex; align-items: center; } .quickcontact .fblock--submit .button { margin-left: auto; font-size: 16px; } .quickcontact .fblock--submit .button input[type=submit] { min-width: 164px; } .quickcontact .fblock--submit .button input[type=submit]:disabled { background: #d8dfe0; color: #7f9799; } .quickcontact .fblock:first-child { margin-top: 0; } .quickcontact .textarea-wrapper { float: none; } .quickcontact textarea.light { width: 100%; height: 215px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .quickcontact__upload-link { font-size: 14px; font-weight: 500; line-height: 1.29; cursor: pointer; color: #002f34; } .quickcontact__upload-link [data-icon=clip] { font-size: 20px; margin-right: 10px; } .quickcontact__upload-link[disabled] > i, .quickcontact__upload-link[disabled] > .link { color: #7f9799; } .quickcontact__upload-link[disabled] > i :hover, .quickcontact__upload-link[disabled] > .link :hover { background: #fff; color: #7f9799; } .quickcontact .securitylabel { width: 284px; height: 79px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fea7310d311e404ac4e76774c7ca9cbcc.png) no-repeat 0 0; right: -17px; top: 0; } .quickcontact .safety-label { padding: 8px 20px 8px 35px; border: 1px solid #efefef; border-radius: 4px; background: #f5f8fd; color: #002e33; font-weight: bold; font-size: 12px; position: absolute; right: -8px; top: -20px; line-height: 1.29; } .quickcontact .safety-label:hover { text-decoration: none; } .quickcontact .safety-label i { width: 48px !important; height: 48px !important; border-radius: 50%; position: absolute; left: -24px; top: -1px; text-align: center; background: #f48d28 !important; } .quickcontact .safety-label i:before { color: #fff; margin-top: 9px; font-size: 30px; } .quickcontact .safety-label small { display: block; font-weight: 400; font-size: 11px; } .offer__innerbox .quickcontact .errorbox { display: inline-block; vertical-align: top; margin: 20px 15px 10px !important; width: 50%; } .quickcontact label { display: block; margin-bottom: 16px; font-size: 16px; } .quickcontact .olx-delivery-box { position: absolute; right: 0; top: -5px; max-width: 270px; } .quickcontact .olx-delivery-box .button-olx-delivery--request { font-size: 14px; padding-top: 6px; padding-bottom: 6px; } .quickcontact .olx-delivery-box .button-olx-delivery--request > i[data-icon] { top: 18px; } form.quickcontact input.light, form.quickcontact textarea.light, form.quickcontact select.light { background: #f2f4f5; } form.quickcontact input.light:-webkit-autofill, form.quickcontact input.light:-webkit-autofill:hover, form.quickcontact input.light:-webkit-autofill:focus, form.quickcontact textarea.light:-webkit-autofill, form.quickcontact textarea.light:-webkit-autofill:hover, form.quickcontact textarea.light:-webkit-autofill:focus, form.quickcontact select.light:-webkit-autofill, form.quickcontact select.light:-webkit-autofill:hover, form.quickcontact select.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } form.quickcontact input.light:disabled, form.quickcontact textarea.light:disabled, form.quickcontact select.light:disabled { background: #fafbfb; } .experiment-electronics-limiter-wrapper { background: #f2f4f5; padding-top: 12px; } .experiment-electronics-limiter-wrapper--no-bg { padding-top: 12px; background: none; } .experiment-electronics-limiter-err { background: #fff6d9; font-family: "Geomanist", sans-serif; color: #002f34; padding: 24px 18px; display: flex; align-items: center; } .experiment-electronics-limiter-err__title { font-size: 16px; font-weight: 500; line-height: 1.25; margin-bottom: 8px; } .experiment-electronics-limiter-err__details { font-size: 14px; } .experiment-electronics-limiter-icon { width: 110px; height: 65px; margin-right: 12px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fa4ac715372a818f37dd02aa44073e467.svg) no-repeat center; } form.smsconfirm { width: 582px; margin: 0 auto; color: #797979; } form.smsconfirm .fblock { padding-left: 104px; } form.smsconfirm .markedbg { background: #fefbd3; border-top-right-radius: 10px; border-top-left-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 10px; } form.smsconfirm .markedbg > .innerbox { padding: 9px 0px; } form.smsconfirm .icon.ilu { width: 77px; height: 86px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png) no-repeat -130px -282px; left: 0px; top: -46px; } #smsNumber .button { width: auto; } form.smsconfirm input[type=text] { width: 149px; } form.payshare { margin-right: 50px; } form.payshare input[type=text] { width: 305px; } form.payshare .halfgrid .half:first-child > div.inner { padding: 0px 20px 0px 0px; } form.payshare .halfgrid .half > div.inner { padding-left: 20px; } form.payshare input.error { background: #fed8d8; } form.payshare textarea[disabled] { background: #e6e6e6; } form.paymentform .fblock { padding: 10px 0px; } form.paymentform .fblock:first-child { border-top: none; } form.paymentform .amount { background: #F4F3F5; padding: 5px 0px; } form.paymentform .amount strong { padding: 0px 7px 0 10px; } form.paymentform .amount span.sum { background: #27A427; color: #FFFFFF; font-size: 20px; padding: 2px 4px 1px; line-height: 32px; } form.paymentform .amount span.currency { padding-left: 6px; } form.paymentform .amount .alltaxes { padding-left: 3px; } form.paymentform .acceptancebox { border-top: 1px dotted #000; } form.paymentform .descbox { padding: 10px 0px 13px; border-bottom: 1px dotted #000; } form.paymentform .descbox ul { margin: 14px 0 0 12px !important; } form.paymentform .descbox ul li { background: url(https://static.olx.uz/static/olxuz/packed/img/2f659cebc22c38f54f9db4455056e95c1a.png) no-repeat 0px 6px; padding: 0 0 7px 14px; } form.getoffers { padding: 1px 0px 6px; margin-top: -6px; background: #fafafa; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -ms-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } form.getoffers fieldset { margin: 15px 0 15px 175px; position: relative; } form.getoffers fieldset:before { position: absolute; content: ""; background: no-repeat 0 0; } form.getoffers .fblock { margin: 8px 0px; } form.getoffers .focusbox { margin: 1px 10px 0; vertical-align: top; } form.getoffers.fromsms fieldset:before { width: 66px; height: 66px; background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f0bedc0766ecd84d7e66260795efcb8f0.svg); left: -79px; top: 0px; } form.getoffers.fromemail fieldset:before { width: 66px; height: 66px; background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f5c879ef4b5e060f23b19d827b056db4a.svg); left: -79px; top: 0px; } .errorbox { background: #ffe7e7; color: #d83232; } .content .lightbar { width: 356px; } .content .map { margin: 11px 0 0 0px; } .imgframe { border: 3px solid #f5f5f5; padding: 1px; } .itemActive { height: 21px; margin: 3px 0px; line-height: 21px; padding: 0px 6px; -webkit-box-shadow: 0px 1px 0px 0px #dcdcdc; -moz-box-shadow: 0px 1px 0px 0px #dcdcdc; -ms-box-shadow: 0px 1px 0px 0px #dcdcdc; -o-box-shadow: 0px 1px 0px 0px #dcdcdc; box-shadow: 0px 1px 0px 0px #dcdcdc; color: #000; background: #ffffff; } .itemActive:hover { background: #ffffff; color: #0098d0; -webkit-box-shadow: 0px 1px 0px 0px #b5b9be; -moz-box-shadow: 0px 1px 0px 0px #b5b9be; -ms-box-shadow: 0px 1px 0px 0px #b5b9be; -o-box-shadow: 0px 1px 0px 0px #b5b9be; box-shadow: 0px 1px 0px 0px #b5b9be; } #gotop { width: 66px; height: 36px; bottom: 0; z-index: 202; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 0 3px #e8e8e8; -moz-box-shadow: 0 0 3px #e8e8e8; -ms-box-shadow: 0 0 3px #e8e8e8; -o-box-shadow: 0 0 3px #e8e8e8; box-shadow: 0 0 3px #e8e8e8; } #gotop [data-icon] { margin-top: 12px; } #gotop:hover { border: 1px solid #b8e0f4; } #goback { width: 76px; padding: 8px 0px 4px; top: 10%; z-index: 200; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px #e8e8e8; -moz-box-shadow: 0 0 3px #e8e8e8; -ms-box-shadow: 0 0 3px #e8e8e8; -o-box-shadow: 0 0 3px #e8e8e8; box-shadow: 0 0 3px #e8e8e8; left: 3%; } #goback:hover { border: 1px solid #b8e0f4; } .hc-check { width: 0px; height: 0px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fe51232cf9fc8dd7b4756cbe34f3be9cc.png); } .markerbox { margin: 25px 0px; } .markerbox .text { background: #fee78e; padding: 11px 42px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #272727; } .markerbox .text a:hover { -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -o-text-shadow: none; text-shadow: none; } .markerbox.type2 .text { background: #ececeb; min-width: 200px; } .markerbox.type3 .text { background: #f0f4fa; } form.invoice .fblock { padding: 10px 0px; } form.invoice input.error { background: #fed8d8; } form.suggestlist .dborder { padding: 0px 0px 25px; } form.suggestlist input[type=text] { padding: 4px 4px 5px; margin-right: 5px; } form.setmobile .fblock { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f7f7f7; padding: 20px 0px 25px; margin: 0px 20px; } form.protector { margin-bottom: 100px; } form.protector .fblock { padding: 15px; } form.addobsnote textarea { background: #faf9f7; width: 192px; height: 15px; } .content.fright { width: 610px; } .sidebar.fleft { width: 246px; } .walletview .content { margin-right: 220px; } .partners .icon { margin: 3px 7px 0 0; } .partners .part25 { padding: 3px 0px; } .partners p { margin-bottom: 5px; } ul.points li { margin: 5px 0px; } ul.points li .icon.point { margin-right: 10px; margin-top: -1px; } .alluserads .icon { margin-right: 20px; } .allegropartner { margin: 30px 40px 20px; } table.favsearch tr.row > td table { margin-bottom: 17px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background: #f8f8f8; } table.synchrofavlist { margin: 7px 0px; } table.synchrofavlist tr td { padding: 6px 0px; } table.synchrofavlist [data-icon=zoom] { font-size: 30px; color: #c5c5c5; } table.tablestats { border: 1px solid #d8dfe0; } table.tablestats th { background: #f2f4f5; text-align: center; } table.tablestats td { font-size: 14px; } table.tablestats.narrow td { padding: 4px; } .observelinkinfo .suggesttitleright { right: 50%; top: 0px; margin-right: 24px; } .observelinkinfo a:hover + .suggesttitleright { display: block; } .observelinkgallery .suggesttitle { left: -14px; margin-bottom: 10px; } .observelinkgallery a:hover + .suggesttitle { display: block; } .gallerybig .observelinkgallery .suggesttitle { left: 0px; } table.tablestats td, table.tablestats th { padding: 11px; border: 1px solid #d8dfe0; } table.tablestats thead th, table.tablestats thead td { font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; text-transform: uppercase; } table.tablestats tbody th, table.tablestats tbody td { font-size: 14px; line-height: 1.29; } #pageview { width: 212px; bottom: 5%; z-index: 200; padding: 12px 30px; background: #f0f5fb; background: rgba(230, 240, 255, 0.5); } #pageview .icon.close { width: 9px; height: 9px; right: 9px; top: 8px; background-position: -13px 0px; } #last-categories-viewed:hover #clear_last_viewed { display: inline; } #gallery > .pding5_10.marginbott10 { margin-left: 195px; } .paymanageinfo #gallery, .paymanageinfo #gallery-html { margin-left: 220px; } .layerlink { background: url(https://static.olx.uz/static/olxuz/packed/img/2f74ea0fd7c9cf511a3f60c6dda4931d1f.png); } .accounthead { margin-bottom: 27px; } .accounthead h2 { font-size: 16px; color: #002f34; font-weight: 400; margin: 0 !important; display: none; } .accounthead p { font-size: 14px; color: #406367; margin: 2px 0 0 !important; display: none; } .accounthead--myshipments { display: none; } .accounthead--wallet h2 { display: block; font-size: 24px; font-weight: 500 !important; line-height: 1.08; color: #00363c; padding-top: 15px; } .accounthead--wallet p { display: block; } .accounthead--answers { display: flex; flex-wrap: wrap; } .accounthead--answers h2, .accounthead--answers p { display: block; } .accounthead--answers #targetad-filter { width: 300px !important; } .accounthead--answers .accounthead__about { padding-left: 16px; } .accounthead--answers .accounthead__actions { margin-top: 0 !important; margin-left: auto; } .accounthead--answers .accounthead__actions .fblock { display: inline-flex; align-items: center; } .accounthead--answers .accounthead__actions .fblock + .fblock { margin-left: 32px; } .accounthead--answers .accounthead__actions .fblock p { font-size: 14px; line-height: 1.29; margin-right: 16px !important; padding-top: 0 !important; } .creditbox { display: block; text-align: right; } .creditbox .fbold { font-weight: normal; font-size: 12px; line-height: 1.17; color: #406367; } .creditbox--rankomat { background: #ff0033; color: #fff; -webkit-text-shadow: 0 1px 0 #c02020; -moz-text-shadow: 0 1px 0 #c02020; -ms-text-shadow: 0 1px 0 #c02020; -o-text-shadow: 0 1px 0 #c02020; text-shadow: 0 1px 0 #c02020; } .rulesinfo { background: #fffdc2; padding: 20px 20px 20px 40px; border: 1px solid #d6d081; color: #897f00; } .rulesinfo:before { position: absolute; left: -26px; top: 40px; content: "§"; font-size: 80px; } .rulesinfo table.tablestats th { background: none; } #einvoicedataDiv { padding: 23px; } #einvoicedataDiv .fblock-header { display: none; } .grecaptcha-badge { display: block !important; visibility: visible !important; } .google-recaptcha-container { position: fixed; top: 50%; left: 0; } .google-recaptcha-challenge-container { overflow: visible !important; border: 0 !important; } .google-recaptcha-challenge-container .recaptcha-information { width: 100%; height: auto !important; padding: 10px 10px 10px 60px; box-sizing: border-box; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: url(https://static.olx.uz/static/olxuz/packed/font/2f4f22766be42e5eac379976b5237b92ca.svg) no-repeat 10px 10px; background-size: 36px; font-size: 14px; color: #444; text-align: left; } .google-recaptcha-challenge-container iframe { border: 1px solid #ccc; box-sizing: border-box; background-color: #fff; } .googlemap .askForAddress, .overgalleryMap .askForAddress { width: 460px; bottom: 40px; left: 50%; margin-left: -230px; background: #fff; background: rgba(255, 255, 255, 0.77); -webkit-box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); -moz-box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); -ms-box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); -o-box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); } .googlemap .searchLocation, .overgalleryMap .searchLocation { left: 92px; top: 19px; padding: 10px; background: #fff; background: rgba(255, 255, 255, 0.77); -webkit-box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); -moz-box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); -ms-box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); -o-box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); box-shadow: 0 0 5px 0px rgba(100, 100, 100, 0.66); } .googlemap .searchLocation input[type=text], .overgalleryMap .searchLocation input[type=text] { width: 200px; } .googlemap .searchLocation .button, .overgalleryMap .searchLocation .button { background: none; border: none; filter: none !important; height: 31px; line-height: 31px !important; margin-right: -8px; } .googlemap .searchLocation .button .icon, .overgalleryMap .searchLocation .button .icon { margin: 4px 9px 0; } .googlemap .searchLocation .button input[type=submit], .overgalleryMap .searchLocation .button input[type=submit] { margin-left: -40px; padding: 0 0 0 40px; text-indent: -1000em; width: 40px; height: 31px; line-height: 31px !important; } .mapcontainer #map-hint { width: 130px; top: 55px; right: 10px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); color: #686732; } .mapcontainer #map-hint .target3 { left: -9px; top: 50%; margin-top: -6px; } .mapcontainer .target { width: 91px; height: 30px; bottom: 35px; left: -100px; } #map-suggest-ul { width: 400px; max-height: 145px; overflow: auto; border: 1px solid #000; border-top-color: #b2b2b2; border-left: 2px solid #b2b2b2; } #map-suggest-ul li a:hover { background: #3399ff; color: #fff; } .content.text { padding: 0px 10px; color: #626262; } .content.text h4 { margin: 10px 0px 25px 0px; } .content.text h5 { margin: 5px 0px 5px 0px; } .content.text ol { margin: 10px 0; padding: 0 10px 0 35px; } .content.text ol li { list-style: decimal; } .content.text ol.hierarchical { counter-reset: num; } .content.text ol.hierarchical li { list-style: none; } .content.text ol.hierarchical li:before { content: counter(num) ". "; counter-increment: num; counter-reset: sub_num; margin-left: -24px; } .content.text ol.hierarchical ol li:before { content: counter(num) "." counter(sub_num) ". "; counter-increment: sub_num; counter-reset: sub_sub_num; } .content.text ul.separate { margin: 10px 0px 20px; } .content.text ul.separate li { margin: 10px; list-style: decimal inside; } .content.text ul.separate li ul { margin-left: 10px; } .content.text ul.dotted li { list-style: disc; } .content.text li ul.dotted { margin-left: 40px; } .content.text p { margin: 10px 0px 15px; } .pager { padding: 24px 0; line-height: 20px; color: #002f34; font-size: 14px; text-align: center; } .pager .large { font-size: inherit; line-height: inherit; } .pager .item { display: inline-block; float: none; vertical-align: top; } .pager .item a, .pager .item span.current { margin: 0 1px; min-width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; border: none; text-align: center; border-radius: 50%; } .pager .item a:hover { background: #dcdcdb; color: #545454; } .pager .item span.current { border: 2px solid #002f34; } .pager .block { display: inline-block; float: none; vertical-align: top; } .pager a.break { padding: 7px 10px 5px; } .pager span.prev strong, .pager span.next strong { color: #A3A3A3; } .pager .prev .link, .pager .next .link { height: 32px; align-items: center; display: inline-flex; padding: 0 10px; } .pager .prev .link:hover, .pager .next .link:hover { color: inherit; } .pager .prev .link span, .pager .next .link span { display: none; } .pager .next, .pager .prev { display: inline-block; position: static; vertical-align: top; } .pager .next { margin-left: 10px; } .pager .prev { margin-right: 10px; } .pager .next .link:before { content: "\e063"; } .pager .prev .link:before { content: "\e04f"; } .pager form { right: 0; top: 20px; display: none; } .pager input.light { width: 35px; height: 22px; padding: 0 3px; color: #8b8b8b; } .pager input[type=submit] { display: none; } .regionsboxsuggest { padding: 24px 0px 24px 205px; } .regionsboxsuggest .item a { background-color: #fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#ededed)); background-image: -webkit-linear-gradient(top, #fbfbfb, #ededed); background-image: -moz-linear-gradient(top, #fbfbfb, #ededed); background-image: -ms-linear-gradient(top, #fbfbfb, #ededed); background-image: -o-linear-gradient(top, #fbfbfb, #ededed); background-image: linear-gradient(top, #fbfbfb, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#fbfbfb", end-colourStr="#ededed"); text-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #e1e1e1; padding: 1px 10px; margin: 0 4px; } .regionsboxsuggest .item a:hover { background-color: #d6e1f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#d6e1f2), to(#c1d2eb)); background-image: -webkit-linear-gradient(top, #d6e1f2, #c1d2eb); background-image: -moz-linear-gradient(top, #d6e1f2, #c1d2eb); background-image: -ms-linear-gradient(top, #d6e1f2, #c1d2eb); background-image: -o-linear-gradient(top, #d6e1f2, #c1d2eb); background-image: linear-gradient(top, #d6e1f2, #c1d2eb); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#d6e1f2", end-colourStr="#c1d2eb"); border: 1px solid #9bbdef; } .regionsboxsuggest .tagsline { margin-left: -5px; } .choosebox .closechoosebox { right: 14px; top: 13px; } .choosecat .categoryTitle { font-size: 20px; font-weight: 400; line-height: 1.1; } .choosecat .categoryTitle.multiline td { vertical-align: top; } .choosecat .categoryTitle#best-matching-categories + .icongrid { border-bottom: 1px solid #d8dfe0; padding-bottom: 31px; margin-bottom: 33px !important; } .choosecat .box .hiddencat { display: none; } .choosecat .box > div { width: 295px; } .choosecat .box > div .categoryTitle { visibility: hidden; } .choosecat .box > div.firstcolumn .categoryTitle { visibility: visible; padding-left: 16px; } .choosecat .box > div .inner { font-size: 16px; line-height: 1.25; } .choosecat .box > div .scrollbarup, .choosecat .box > div .scrollbardown { display: none; } .choosecat .box > div .viewport { width: 265px; height: 559px; overflow: hidden; position: relative; } .choosecat .box > div .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%; } .choosecat .box > div .scrollbar { position: relative; float: right; width: 14px; margin-right: 8px; } .choosecat .box > div .scrollbar:before { content: ""; width: 2px; height: 100%; margin: 0 6px; background: #d8dfe0; display: block; position: absolute; } .choosecat .box > div .track { height: 100%; width: 14px; position: relative; } .choosecat .box > div .track .thumb { height: 20px; width: 14px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; } .choosecat .box > div .track .thumb:before { content: ""; width: 2px; height: 100%; margin: 0 6px; background: #002f34; display: block; } .choosecat .box > div .track:hover .thumb:before { background: #002f34; } .choosecat .box > div .disable { display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .icon.choosecat_ab_3 { width: 405px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f9fa9ca4f63cd4acb683a47ab47c455cd.png) no-repeat 0 0; } .fblock.catSelector3 select { width: 348px; } .fblock.catSelector3 .dropdown dt a { cursor: text; color: #acacac; } .fblock.catSelector3 .area > .fleft { margin-top: 0 !important; position: static; } .fblock.catSelector3 .table { display: flex; align-items: center; min-height: 48px; } .fblock.catSelector3 .table [id^=cat-].fleft { margin-right: 14px !important; } .fblock.catSelector3 #catgory-breadcrumb-text { font-size: 16px; font-weight: 500; color: #002f34; display: flex; align-items: center; flex-wrap: wrap; } .fblock.catSelector3 #catgory-breadcrumb-text span:nth-child(even) { width: 12px; height: 100%; text-indent: -1000em; display: inline-block; position: relative; color: #7f9799; margin-left: 3px; margin-right: 5px !important; font-size: 12px; } .fblock.catSelector3 #catgory-breadcrumb-text span:nth-child(even):before { content: "\e063"; } .fblock.catSelector3 #catgory-breadcrumb-text span:nth-child(even):before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: 0; } .fblock.catSelector3 .choosecat_ab_3 { display: none; } .fblock.catSelector3.has-categoryID, .fblock.catSelector3.complete { padding: 24px !important; width: 530px; position: relative; border-radius: 4px; margin: 10px 0 12px; overflow: hidden; } .fblock.catSelector3.has-categoryID > div.label.fleft, .fblock.catSelector3.complete > div.label.fleft { font-size: 16px; line-height: 1.25; margin-bottom: 10px; } .fblock.catSelector3.has-categoryID [class*=cat-icon-], .fblock.catSelector3.complete [class*=cat-icon-] { vertical-align: middle; width: 48px; height: 48px; background-size: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; background-repeat: no-repeat; } .fblock.catSelector3.has-categoryID .status.icon, .fblock.catSelector3.complete .status.icon { display: none !important; } .fblock.catSelector3.has-categoryID #choose-category-button, .fblock.catSelector3.complete #choose-category-button { background: none; border: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: auto; text-align: right; color: #002f34; padding: 24px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .fblock.catSelector3.has-categoryID #choose-category-button:before, .fblock.catSelector3.complete #choose-category-button:before { content: "\e063"; } .fblock.catSelector3.has-categoryID #choose-category-button:before, .fblock.catSelector3.complete #choose-category-button:before { font-size: 20px; vertical-align: top; } .fblock.catSelector3.has-categoryID #choose-category-button span, .fblock.catSelector3.complete #choose-category-button span { display: none; } .moreLevels { overflow: visible !important; zoom: 1; background: #ffffff; } .moreLevels > div { overflow: visible !important; zoom: 1; background: #ffffff; } .moreLevels .choosecatPrev { min-width: 50px; right: 100%; top: 50%; height: 58px; margin-top: -32px; background: #f8f8f8; padding: 16px 12px 0px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; z-index: -2; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); } .moreLevels .choosecatPrev .icon { width: 27px; height: 28px; background-position: -316px -741px; margin-bottom: 2px; } .moreLevels .choosecatNext { min-width: 50px; left: 100%; top: 50%; height: 58px; margin-top: -32px; background: #f0f0f0; padding: 16px 12px 0px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; z-index: -2; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); } .moreLevels .choosecatNext .icon { width: 27px; height: 28px; background-position: -91px -774px; margin-bottom: 2px; } .chooseway a.icon-list { padding: 20px 16px; background: #f2f4f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .chooseway a.icon-list > .inlblk { display: flex; align-items: center; } .chooseway a.icon-list > .inlblk > .rel { display: inline-block; margin-left: auto; } .chooseway a.icon-list .icon.arrow5 { width: auto; height: auto; margin-top: 0 !important; margin-left: 0 !important; position: static; background: none; } .chooseway a.icon-list .icon.arrow5:before { content: "\e063"; } .chooseway a.icon-list .icon.arrow5:before { font-size: 20px; } .chooseway a.icon-list:before { content: ""; position: absolute; left: 16px; right: 16px; top: 100%; height: 1px; background: #d8dfe0; z-index: 2; } .chooseway a.icon-list:hover { background: #ceddff !important; } .chooseway a.icon-list:hover:before { display: none; } .chooseway a.icon-list.selected { background: #ceddff !important; } .chooseway a.icon-list.selected:before { display: none; } .chooseway .selected a.icon-list { background: none; } .chooseway li:last-child a.icon-list:before { display: none; } .tinyscroll { padding: 24px 10px; } .tinyscroll .scrollbarup, .tinyscroll .scrollbardown { display: none; } .tinyscroll .viewport { overflow: hidden; position: relative; } .tinyscroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%; } .tinyscroll .scrollbar { position: relative; float: right; width: 14px; margin-right: 8px; } .tinyscroll .scrollbar:before { content: ""; width: 2px; height: 100%; margin: 0 6px; background: #d8dfe0; display: block; position: absolute; } .tinyscroll .track { height: 100%; width: 14px; position: relative; } .tinyscroll .track .thumb { height: 20px; width: 14px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; } .tinyscroll .track .thumb:before { content: ""; width: 2px; height: 100%; margin: 0 6px; background: #002f34; display: block; } .tinyscroll .track:hover .thumb:before { background: #002f34; } .tinyscroll .disable { display: none; } .tinyscroll.type1 { width: 898px; padding: 10px; } .tinyscroll.type1 .viewport { height: 312px; } .tinyscroll.type2 { width: 710px; padding: 0; } .tinyscroll.type2 .viewport { height: 345px; } .categorySelectContainer { left: 0; top: 100%; z-index: 200; min-width: 100%; } ul.categorySelectList { top: 100%; left: 0; width: 277px; z-index: 50; text-shadow: none !important; overflow: auto; background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -moz-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -ms-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -o-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); } form.searchmain ul.categorySelectList { font-size: 16px; line-height: 1.25; } ul.categorySelectList li { background: #fff; } ul.categorySelectList li a { padding: 7px 14px; color: #002f34; padding-right: 60px; } ul.categorySelectList li a .counter { color: #686666 !important; background: #f4f3f1; font-size: 10px; right: 24px; top: 5px; line-height: 14px; padding: 2px 8px; border-radius: 10px; } ul.categorySelectList li li a .counter { right: 8px; } ul.categorySelectList li .category-icon:before { position: absolute; left: 13px; top: 5px; font-size: 20px; color: #aaa; } ul.categorySelectList li a .caticongray { left: 13px; top: 3px; } ul.categorySelectList li a [data-icon] { font-size: 14px; right: 10px; top: 9px; position: absolute; color: #002f34; } ul.categorySelectList li ul { display: none; overflow: auto; width: 277px; -webkit-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -moz-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -ms-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -o-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); } ul.categorySelectList li.hover, ul.categorySelectList li.selected { background: #002f34; } ul.categorySelectList li.hover li:hover { background: #002f34; } ul.categorySelectList li.hover > a { color: #fff; } ul.categorySelectList li.selected > a { color: #fff; } ul.categorySelectList li.hover li:hover > a, ul.categorySelectList li.hover > a .counter { color: #fff; } ul.categorySelectList li.hover .category-icon:before { color: #fff; } ul.categorySelectList li.selected > a .counter { color: #fff; } ul.categorySelectList li.hover li:hover > a .counter { color: #fff; } ul.categorySelectList li.hover > ul { left: 100%; top: 0; display: block; } ul.categorySelectList > li > a { padding: 7px 90px 7px 43px; } ul.categorySelectList > li.hover > a [data-icon], ul.categorySelectList > li.selected > a [data-icon] { color: #fff; } ul.categorySelectList.regionsList { min-width: 305px; } ul.categorySelectList.regionsList li ul { width: 250px; } ul.categorySelectList.regionsList li a { padding-left: 17px; padding-right: 17px; } ul.categorySelectList.regionsList li.hover, ul.categorySelectList.regionsList li.selected, ul.categorySelectList.regionsList li.hover li:hover { background-image: none; } form.searchmain .breakline ul.categorySelectList { width: 326px; } #listContainer.loaderActive { position: relative; height: 380px; overflow: hidden; } .listOverlay { background: #f2f4f5; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; display: flex; align-items: center; justify-content: center; } .listOverlay > div { width: 60px; height: 60px; position: relative; overflow: hidden; animation: animation-olx-branding-x 8s infinite; text-indent: -1000em; top: 0 !important; } .listOverlay > div:before, .listOverlay > div:after { content: ""; position: absolute; top: 0; left: 50%; width: 40%; height: 100%; background: #002f34; animation: animation-olx-branding-x-line 8s infinite; } .listOverlay > div:before { transform: skewX(45deg) translate(-50%, 0); } .listOverlay > div:after { transform: skewX(-45deg) translate(-50%, 0); } .listOverlay .loader { display: none; } .thumb .paid { bottom: 0; left: 0; } .homepage .thumb .paid { display: none; } .thumb.scale1 { display: block; height: 132px; line-height: 132px; width: 170px; text-align: center; background: #f7f7f7; } .thumb.scale1 img { vertical-align: middle; max-width: 170px; max-height: 132px; float: none; } .thumb.scale1.nophoto { background: #f7f7f7; color: #c3c3c3; } .thumb.scale1.nophoto .alt-text { display: inline-block; padding: 5px 0; line-height: 16px; border-bottom: 1px solid #e8e8e8; } .thumb.scale1.nophoto--job { background: #f2f4f5; } .thumb.scale1.nophoto--job-tile { background: #fff; border-bottom: 1px solid #f7f7f7; } .thumb.scale1.nophoto--job:before { position: absolute; left: 50%; top: 50%; content: ""; width: 285px; height: 285px; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 105px solid #d8dfe0; } .thumb.scale1.nophoto--job .alt-text { display: none; } .thumb.scale4 { display: block; height: 80px; line-height: 80px; width: 102px; text-align: center; background: #f7f7f7; overflow: hidden; } .thumb.scale4 img { vertical-align: middle; max-width: 102px; max-height: 80px; float: none; } .thumb.scale4.nophoto { background: #fff; color: #d7d7d7; border: 1px solid #f0f0f0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .thumb.scale4.nophoto .alt-text { display: inline-block; padding: 5px 0; line-height: 16px; border-bottom: 1px solid #e8e8e8; } .thumb.scale4.nophoto--job { background: #f2f4f5; } .thumb.scale4.nophoto--job-logo img { max-height: 55px; margin-top: -2px; } .thumb.scale4.nophoto--job:before { position: absolute; left: 50%; top: 50%; content: ""; width: 190px; height: 190px; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 70px solid #d8dfe0; } .thumb.scale4.nophoto--job .alt-text { display: none; } .accessgrid { width: 342px; margin: 0 auto; } .accessgrid .bottominfobar { border-bottom: 1px solid #f7f7f7; padding: 18px 0; color: #ababab; margin-top: 5px; line-height: 20px; } .accessbox { position: relative; border: none !important; font-size: 13px; } .accessbox h2 { font-size: 24px; color: #5b5b5b; line-height: 30px; font-weight: normal; } .accessbox:first-child { margin-top: 40px; } .accessbox.half { width: 47%; margin-bottom: 15px; padding-top: 8px; } .accessbox .points { margin: 25px 0px 18px; } .accessbox .points + .box { margin-top: 38px; } .accessbox .box { margin-bottom: 17px; } .accessbox .button.normal { height: 33px; width: 120px; } .accessbox .button.big > * { padding: 0px 36px; width: 100%; } .accessbox .g-signinbox { height: 36px; } .accessbox table.types .space { padding: 0px 20px; color: #615e61; } .accessbox-alternative { margin-bottom: 10px; margin-top: 10px; color: #ababab; width: 530px; margin-left: -94px; } .accessgrid.module-sms form.access.login .password-sent:before { width: 286px; height: 109px; left: 279px; top: -41px; content: ""; position: absolute; background: url(https://static.olx.uz/static/olxuz/packed/img/2f2907ed7cade2b2ee4731ab62d1f3c0ab.png) no-repeat 0 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: password-sent-animation; animation-name: password-sent-animation; } @-webkit-keyframes password-sent-animation { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(60px); transform: translateX(60px); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes password-sent-animation { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(60px); transform: translateX(60px); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0); transform: translateX(0); } } .offerbox { width: 450px; } .offerbox form fieldset.abs { width: 450px; right: -10px; top: 5px; } .offercontent { width: 816px; word-wrap: break-word; } .offercontent > p a { border-bottom: 1px solid #E0E0E0; color: #3A3A3A; text-decoration: none; } .offercontent .offerheadinner { padding: 0px !important; margin-bottom: 5px; min-height: 72px; } .t-new_sidebar .offercontent .offerheadinner { min-height: 60px; } .offercontent .offerheadinner h1 { line-height: 26px; } .offercontent .offerheadinner h1 + p { margin-top: 2px !important; } .offercontent .offerheadinner .small { font-size: 13px !important; display: inline; } .fb-share { padding: 3px 5px; line-height: 1em; background: #ECEEF5; border: 1px solid #CAD4E7; color: #3B5998; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; border-radius: 2px; } .fb-share:hover { border-color: #9DACCE; } .odnoklassniki-box { width: 140px; } .offerdescription { padding: 24px; } .offerdescription .descriptioncontent { margin-bottom: 0 !important; } .offerdescription .descriptioncontent__headline { font-size: 24px; font-weight: 500; color: #002f34; margin: 40px 0 24px; } .offerdescription .descriptioncontent .large { font-size: 16px; line-height: 24px; } .offerdescription .descriptioncontent .showPhoneButton { font-weight: bold; color: #0098d0; cursor: pointer; } .offerdescription .descriptioncontent .showPhoneButton:hover { text-decoration: underline; } .offerdescription .descriptioncontent p { padding-left: 0 !important; padding-right: 0 !important; } .t-new_sidebar .offerdescription .descriptioncontent p { padding: 0 !important; } .offerdescription .descriptioncontent ul { padding: 0 0 0 25px; } .offerdescription .descriptioncontent ul li { list-style-type: disc; } .offerdescription .descriptioncontent em { font-style: italic; } .offerdescription .offerobserve [data-icon^=star] { color: #002f34; font-size: 24px; } .offerdescription .offerobserve [data-icon^=star].selected { color: #002f34; } .offerdescription .offerobserve:hover [data-icon^=star] { color: #002f34; } .offerdescription .offerobserve.offerobserve__vertical { width: auto; display: inline-block; padding: 8px 10px; margin: 15px 15px 5px 15px; } .offerdescription .offerobserve.offerobserve__vertical [data-icon^=star] { font-size: 28px; vertical-align: middle; margin-right: 6px; } .offerdescription .offerobserve.offerobserve__vertical .observed-txt { font-size: 14px; vertical-align: middle; } .photospace .offerobserve { width: 84px; padding: 15px 0; left: 12px; top: 12px; } .photospace .offerobserve [data-icon^=star] { color: #fff; font-size: 32px; } .photospace .offerobserve [data-icon^=star].selected { color: #002f34; } .photospace .offerobserve:hover [data-icon^=star] { color: #002f34; } .photospace.ismap .offerobserve { display: none; } .offerdescription > p { margin: 10px 0px 15px; } .offerdescription em.marked { background: #ffff00; } .offerheadinner em.marked { background: #ffff00; } .offerdescription img, .offercontent #enlargephoto { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } .offertitle { width: 609px; } .externalpartnertext { padding: 10px 0; font-size: 14px; line-height: 18px; margin-top: 10px; color: #7a7878; } .externalpartnertext .icon.otomotopl_label { margin-top: 3px; margin-left: 5px; } .externalpartnertext .icon.otodompl_label { margin-top: -2px; margin-left: 5px; } .offerheadinner { padding: 15px 0px; } .offerheadinner .externalpartnertext { padding: 5px 0px 10px; border-bottom: 1px solid #ededea; margin-top: 0px; color: #6d717a; } .offerdetails { border-top: 1px solid transparent; -moz-border-image: -moz-linear-gradient(top, #e5e5e5 30%, #fff 70%); -webkit-border-image: -webkit-linear-gradient(top, #e5e5e5 30%, #fff 70%); border-image: linear-gradient(to right, #e5e5e5 30%, #fff 70%); border-image-slice: 1; position: relative; } .offerdetails:after, .offerdetails:before { bottom: 100%; left: 25px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .offerdetails:after { border-color: transparent; border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .offerdetails:before { border-color: transparent; border-bottom-color: #e5e5e5; border-width: 7px; margin-left: -7px; } .offerdetails strong { padding-right: 10px; } .offerdetails [data-icon] { line-height: 1; vertical-align: middle; } .offerdetails [data-icon=location] { margin-right: 5px; } .offerdetails [data-icon=mobile] { font-size: 20px; margin-top: -2px; } .offeractions { top: 0; width: 408px; } .offeractions .mapmini { border: 1px solid #ccc; padding: 6px; } .offeractions .businessbox img { max-width: 150px; max-height: 150px; } .offeractions .innerbox #contact_methods { border-bottom: none; } .offeractions .contactbox { padding: 0; } .offeractions .pricelabel { margin-bottom: 10px; } .offeractions .pricelabel strong.arranged { margin-top: 0 !important; } .offeractions .pricelabel .xxxx-large { font-size: 28px; margin-top: 9px !important; } .offeractions .contactbox p.fleft { width: 158px; } .offeractions .contactbox .button { box-shadow: none; padding: 5px 0; font-weight: bold; margin-bottom: 5px; border: none; } .offeractions .contactbox .button.activated { cursor: text; height: auto; line-height: normal !important; white-space: normal; } .offeractions .contactbox .button.activated > .contactbox-indent { height: auto; line-height: normal !important; white-space: normal; padding-top: 7px; padding-bottom: 7px; } .offeractions .contactbox .button .icon { float: left; } .offeractions .contactbox .contactbox-indent { margin-left: 50px; padding-left: 0px; display: block; } .offeractions .contactbox .button .link.spoiler { font-weight: normal; } .offeractions .contactbox .button .link.spoiler > * { color: #fff; } .halfgrid.access .half { width: 459px; font-size: 15px; line-height: 22px; } .halfgrid.access .half:first-child { width: 340px; margin-right: 35px; font-size: 13px; line-height: 17px; } .halfgrid.access .half:first-child .inner { padding-right: 0px !important; } .halfgrid.access .points { margin: 25px 0px 18px; } .halfgrid.access .points + .box { margin-top: 38px; } .halfgrid.access .box { padding: 14px 0px; margin-bottom: 10px; } .halfgrid.access .icon.facebook { margin-left: 10px; } .halfgrid.access div.fb { margin: 15px 0px 10px; } .halfgrid.access .targetarrow { width: 324px; height: 48px; bottom: 47px; left: 235px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f081fd9473ac69b39dcc4616fb63a2091.png) no-repeat 0px -48px; } .halfgrid.access #newpassword:hover + .targetarrow { background-position: 0px 0px; } .countwebsite { top: 38px; left: 0px; color: #898989; } .hasPromoted { display: none; } .dontHasPromoted { display: block; } .details tr td:first-child { border-left: none; } .user-share { padding: 3px; background-color: #6182c1; } .user-share .text { padding: 0 10px; margin-left: 2px; } .user-share [data-icon=login_facebook] { font-size: 20px; vertical-align: top; } .user-share [data-icon=login_facebook]:before { vertical-align: top; } .favemptybox { margin: 140px 0 157px; border-top: none !important; padding-top: 240px !important; position: relative; } .favemptybox img { display: none; } .favemptybox h2 { font-size: 20px; font-weight: 500; line-height: 1.1; padding: 0 !important; margin-bottom: 10px; } .favemptybox p { font-size: 16px; line-height: 1.25; color: #406367; padding: 0 !important; } .favemptybox:before { width: 200px; height: 200px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fca9562851a1aa214ccd012f6f619d249.svg) center 0 no-repeat; background-size: 200px 200px; position: absolute; left: 50%; top: 0; content: ""; transform: translate(-50%, 0); } .favemptybox--searches:before { width: 200px; height: 200px; background: url(https://static.olx.uz/static/olxuz/packed/font/2ffba693dfa8accb512ba48fe4cc53a230.svg) center 0 no-repeat; background-size: 200px 200px; } .listHandler table.offers .observelinkinfo .suggesttitleright, table.offers.userobserved-list .observelinkinfo .suggesttitleright { display: block; border: none; color: #aaaaaa; font-size: 13px !important; padding: 0; min-height: 0; top: 13px; margin-right: 25px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: none; } .observelinkinfo .suggesttitleright:before, .observelinkinfo .suggesttitleright:after { display: none; } .offersview div.section { position: relative; margin-bottom: 27px; margin-top: 32px; color: #ababab; font-size: 14px; } .offersview div.section.hasPromoted { margin-top: 40px; } .offersview div.section h2 { font-size: 24px; font-weight: 500; color: #002f34; } .offersview div.section p { font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; text-transform: uppercase; margin-top: 8px; color: #002f34; } .offersview #innerLayout { overflow: hidden; } .offersnav { margin: 0 !important; } .offersnav .pdingtop6 { padding-top: 0 !important; } .toplinks { line-height: 18px; font-size: 14px; margin: 36px 0 20px; } .toplinks .counter { color: #7f9799; margin-left: 3px; } .toplinks .inner { margin: 0 -8px; } .toplinks .inner ul { display: inline; } .toplinks .inner ul li:not(.hidden) { padding: 0 8px; margin-bottom: 15px; display: inline-flex; } .toplinks .all a { position: relative; padding-right: 22px; color: #002f34; } .toplinks .all a:before { content: "\e005"; } .toplinks .all a:before { position: absolute; right: 0; top: 5px; font-size: 8px; color: #002f34; } #categoryLinksSuggestions { font-size: 12px !important; line-height: 1.5; padding: 20px 0; } #categoryLinksSuggestions .c73 { color: inherit; } #categoryLinksHeader { font-size: 14px; line-height: 1.29; } #categoryLinksHeader .breaklist { font-size: inherit !important; line-height: inherit; padding: 20px 0; border-bottom: none; } #categoryLinksHeader .breaklist > *:before { content: ""; padding: 0 0 0 33px; } #categoryLinksHeader .breaklist > *:first-child:before { padding-left: 0; } #categoryLinksHeader .breaklist .link.gray, #categoryLinksHeader .breaklist .link.gray > * { color: #002f34; } #locationLinks { font-size: 14px; line-height: 1.71; } #locationLinks .static { padding: 20px 0; border-bottom: none; } .locationlinks { display: flex; font-size: 14px; line-height: 1.71; margin-top: 6px !important; } .locationlinks ul { min-width: 216px; padding-left: 20px; } .locationlinks ul li { margin-top: 5px; } .locationlinks ul li .link.gray { color: #002f34; } .locationlinks ul li .link.gray > * { color: inherit; } .locationlinks ul:first-child { padding-left: 0; } table.offers div.section { padding: 0; } .useroffersheader { background: #fff; border: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .useroffersheader [data-icon=account] { float: left; font-size: 42px; color: #a0a0a0; } .useroffersheader h3 { font-size: 40px; font-weight: 500; line-height: 1.05; letter-spacing: 0.5px; } .view-lists { display: flex; justify-content: flex-end; font-size: 14px; align-items: center; } .offersview .view-lists { position: absolute; top: 100%; right: 24px; } .view-lists > ul + ul { margin-left: 30px; } .view-lists > ul > li { margin-left: 30px; display: inline-block; color: #002f34; } .view-lists > ul > li a { color: #7f9799; } .view-lists > ul > li a.selected { color: #002f34; cursor: default; text-decoration: none; background: none; font-weight: 500; } .view-lists > ul > li a.selected span { color: inherit; cursor: default; text-decoration: none; background: none; } .view-lists .form-order-gallery { display: inline-flex; align-items: center; } .view-lists .form-order-gallery label { margin-right: 8px; } .view-lists .form-order-gallery .order-menu-reload { width: 184px; } .view-lists .view .list-label { display: none; padding: 3px 0; vertical-align: top; } .view-lists .view__item { margin-left: 16px; vertical-align: top; } .view-lists .view__icon { font-size: 24px; color: #7f9799 !important; vertical-align: top; display: inline-block; } .view-lists .view__icon span { display: none; } .view-lists .view__icon--list:before { content: "\e078"; } .view-lists .view__icon--galleryWide:before { content: "\e079"; } .view-lists .view__icon.is-active { color: #002f34 !important; } .view-lists .view-currency .selected { font-weight: 500; } .observedviewselector { margin-top: 0 !important; position: relative; } .observedviewselector .view-lists { float: none; padding-top: 24px; } .observedviewselector .view-lists .view .list-label { display: inline-block; } .observedviewselector__clear { position: absolute; right: 0; bottom: 100%; padding: 0 0 23px; margin: 0 !important; z-index: 2; } .observedviewselector__clear #clearAllObserved { border-radius: 4px; display: inline-block; font-size: 14px !important; font-weight: 500; line-height: 1.29; padding: 8px 23px; border: 2px solid #002f34; } .observedviewselector__clear #clearAllObserved:hover { color: #002f34; } .observedviewselector__clear #clearAllObserved:hover > * { color: inherit; background-color: inherit; } .recommended-distance-with-ads-show-rest .inner { padding: 24px 0 46px; background: #fff; } .recommended-distance-with-ads-show-rest .separator { height: 47px; background: #fff; bottom: 0px; left: -1px; right: -1px; } .recommended-distance-with-ads-show-rest .separator .top { display: none; height: 22px; top: 0px; left: 0px; right: 0px; background: #fff; border: 1px solid #DEDEDE; border-top: none; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -ms-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .recommended-distance-with-ads-show-rest .separator .bottom { display: none; height: 5px; background: #fff; border: 1px solid #DEDEDE; border-bottom: none; bottom: 0px; left: 0px; right: 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .recommended-distance-with-ads-show-rest + #searchCriteriaSave { border-top: none; } .recommended-distance-with-ads .inner { margin: 0px -1px; padding: 32px 0px; color: #9b9b9b; } .recommended-distance-with-ads .line { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #ffffff; left: 0; top: 50%; right: 0; height: 0; z-index: -2; } .recommended-distance-with-ads .separator { background: #fff; height: 5px; left: 0px; right: 0px; border: 1px solid #DEDEDE; } .recommended-distance-with-ads .separator.top { display: none; top: -1px; border-top: 0px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -ms-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .recommended-distance-with-ads .separator.bottom { display: none; bottom: -1px; border-bottom: 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .recommended-distance-with-ads + #searchCriteriaSave { border-top: none; } .recommended-distance-with-ads .text { background: #f2f4f5; padding: 0 17px; margin: 0 70px; text-shadow: 0 1px 0 #fff; } .recommended-distance-empty-ads .inner { padding: 100px 0; } .alertlist-bottom .inner { padding: 24px 0; } .alertlist-bottom .separator { height: 47px; background: #fff; bottom: 0px; left: -1px; right: -1px; display: none; } .alertlist-bottom .separator .top { height: 22px; top: 0px; left: 0px; right: 0px; background: #f8f8f7; border: 1px solid #DEDEDE; border-top: none; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -ms-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .alertlist-bottom .separator .bottom { height: 5px; background: #fff; border: 1px solid #DEDEDE; border-bottom: none; bottom: 0px; left: 0px; right: 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .alertlist-bottom + #searchCriteriaSave { border-top: none; } .alertlist-bottom p { margin-top: 16px; } .alertlist-bottom p:first-child { margin-top: 0px; } .gallerywide > li.feed-the-dog-ad { background-color: #FFCE32; } .gallerywide > li.feed-the-dog-ad .feed-the-dog-logo { display: flex; justify-content: center; align-items: center; width: 100%; height: 150px; background: no-repeat 50% 50% url(https://static.olx.uz/static/olxuz/packed/font/2fa6abb13e776a5e303f9d338ec4b11989.svg); } .gallerywide > li.feed-the-dog-ad .feed-the-dog-wrapper { background: #FFCE32; border-radius: 4px; padding: 12px 16px; display: grid; grid-gap: 8px; align-items: center; height: 100%; text-align: center; justify-content: center; font-weight: 700; } .gallerywide > li.feed-the-dog-ad .feed-the-dog-wrapper h5 { font-size: 20px; line-height: 22px; font-weight: 700; color: #002F34; margin: 0; text-transform: uppercase; } .gallerywide > li.feed-the-dog-ad .feed-the-dog-wrapper img { width: 120px; height: 120px; justify-self: center; } .gallerywide > li.feed-the-dog-ad .feed-the-dog-wrapper a { align-items: center; box-sizing: border-box; color: #FFFFFF; cursor: pointer; display: inline-flex; justify-content: center; margin: 0; min-height: 40px; position: relative; text-decoration: none; background-color: #002F34; font-weight: 700; border: 5px solid #002F34; border-radius: 4px; font-size: 14px; padding: 0; } .gallerywide > li.feed-the-dog-ad .feed-the-dog-wrapper a:hover { background-color: transparent; color: #002F34; } .gallerywide > li.recommended-distance-with-ads { background: none; height: auto; width: auto; clear: both; margin: 0px !important; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 0; } .gallerywide > li.recommended-distance-with-ads:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .galleryview td { width: 285px; } .galleryview td:first-child { border-left: none; } .galleryview h4 { margin-top: 10px; line-height: 18px; margin-bottom: 2px; } .galleryview .breadcrumb { line-height: 16px; } .galleryview + #searchCriteriaSave { border-top: none; } .gallery .icon.big { top: 50%; margin-top: -23px; } .gallery .icon.big.prev { left: 10px; } .gallery .icon.big.next { right: 10px; } .gallerywide { margin-left: -15px; margin-top: -15px; } .gallerywide > li { min-width: 0; display: flex; flex-direction: column; background: #fff; padding: 15px; position: relative; box-sizing: border-box; height: 378px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-left: 15px; margin-top: 15px; width: calc(25% - 15px); } .gallerywide .thumb { height: 218px; line-height: 218px; width: 100%; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; } .gallerywide .thumb img { width: 100%; max-width: none; max-height: none; } @supports (-o-object-fit: cover) or (object-fit: cover) { .gallerywide .thumb img { height: 100%; object-fit: cover; } } .gallerywide .inner { padding: 15px 0; margin-bottom: auto; } .gallerywide .inner .courier-stamp { position: absolute; right: 23px; top: 192px; width: 32px !important; height: 32px !important; background: #fff !important; color: #002f34; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .gallerywide .inner .courier-stamp [data-icon] { line-height: 1; } .gallerywide .inner .courier-stamp [data-icon]:before { vertical-align: top; } .gallerywide .inner h4 { font-size: 16px; font-style: normal; line-height: 1.25; } .gallerywide .inner h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .gallerywide .inner h4 a strong { font-weight: normal; } .gallerywide .inner p { display: none; } .gallerywide .date-location { padding: 0; list-style: none; font-size: 12px; color: #406367; line-height: 1.17; margin-bottom: 10px; } .gallerywide .date-location li { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; vertical-align: top; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .gallerywide .date-location li br { content: ""; } .gallerywide .date-location li br:after { content: " "; } .gallerywide .date-location li + li:before { content: ""; width: 3px; height: 1px; line-height: 1px; display: inline-block; vertical-align: middle; background: #406367; margin-right: 3px; } .gallerywide .favtab { right: 15px; bottom: 20px; } .gallerywide small.breadcrumb span { display: block; } .gallerywide [data-icon^=star] { color: #c6c6c6; font-size: 22px; } .gallerywide [data-icon^=star]:hover, .gallerywide [data-icon^=star].selected { color: #002f34; } .gallerywide a:hover .icon.observe2, .gallerywide .icon.observe2.selected { background-position: 0 -18px; } .gallerywide .price { font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; position: relative; margin-bottom: 5px; padding-right: 40px; min-height: 16px; } .gallerywide .price .salary-label { font-size: inherit; color: inherit; } .gallerywide .price .salary-label .value-human { color: inherit; } .gallerywide .price strong { font-weight: normal; } .gallerywide .arranged-label { position: absolute; left: 7px; top: -3px; display: none; } .gallerywide .delivery-gallery-badge { height: 32px !important; width: 32px !important; position: absolute; right: 0; bottom: 0; } .gallerybig { min-width: 250px; margin: 0px auto; } .gallerybig .item { padding: 20px; background: #fff; margin: 10px 0px; } .gallerybig .item.bg-3 { background-color: #FFF7C5; } .gallerybig .item.bg-3 .mheight { background-color: #FFF7C5; border-bottom: 1px solid #e0dcc1; } .gallerybig .mheight { min-height: 168px; line-height: 168px; background: #fff; border-bottom: 1px solid #f0efef; padding-bottom: 20px; } .gallerybig .inner { padding-top: 8px; } .gallerybig .favtab { right: 13px; top: -3px; padding: 10px; background: #f5f5f5; display: none; } .gallerybig .favtab.inobserved { display: block; } .gallerybig .item:hover .favtab { display: block; } .touchDevice .gallerybig .item .favtab { display: block; } .gallerybig + #searchCriteriaSave { border-top: none; } .breadcrumb .button { margin-right: 5px; } .breadcrumb .fright .next .link { margin-right: 5px; margin-left: 5px; } .breadcrumb .slash { white-space: normal; margin: 0 3px; } .breadcrumb.offerslist { min-height: 18px; padding: 0 390px 0 0; color: #406367; margin-top: 15px; font-size: 11px !important; } .breadcrumb.offerslist .small { color: inherit; font-weight: inherit !important; font-size: inherit !important; } .breadcrumb.offerslist li { padding: 5px 6px 4px 14px; height: 18px; position: relative; } .breadcrumb.offerslist li:first-child { padding-left: 0; } .breadcrumb.offerslist li .slash { margin: 0; color: #406367; position: absolute; right: -5px; top: 4px; z-index: 2; font-size: 10px; } .breadcrumb.offerslist li .slash:before { content: "•"; } .breadcrumb.offerslist li.selected { color: #002f34; font-size: 12px; } .breadcrumb.offerslist li.selected .slash { display: none; } .breadcrumb.offerslist li .link { color: #406367; text-decoration: none; } .breadcrumb.offerslist li .link > * { color: inherit; } .breadcrumb.offerslist li .link:hover { color: #fff; } .detailpage table.breadcrumb .small, .contact-grid table.breadcrumb .small { color: inherit; font-size: 12px !important; font-weight: 500 !important; line-height: 1.33; letter-spacing: 0.8px; text-transform: uppercase; } .detailpage table.breadcrumb li, .contact-grid table.breadcrumb li { float: left; padding: 0 10px; position: relative; margin-left: 8px; line-height: 20px; } .detailpage table.breadcrumb li:first-child, .contact-grid table.breadcrumb li:first-child { padding-left: 0; margin-left: 0; } .detailpage table.breadcrumb li .slash, .contact-grid table.breadcrumb li .slash { margin: 0; color: #406367; position: absolute; left: -5px; top: 1px; z-index: 2; font-size: 10px; } .detailpage table.breadcrumb li .slash:before, .contact-grid table.breadcrumb li .slash:before { content: "•"; } .detailpage table.breadcrumb li.selected, .contact-grid table.breadcrumb li.selected { font-weight: 500; } .detailpage table.breadcrumb li.selected .slash, .contact-grid table.breadcrumb li.selected .slash { display: none; } .detailpage table.breadcrumb li .link, .contact-grid table.breadcrumb li .link { color: #406367; text-decoration: none; } .detailpage table.breadcrumb li .link > *, .contact-grid table.breadcrumb li .link > * { color: inherit; } .detailpage table.breadcrumb li .link:hover, .contact-grid table.breadcrumb li .link:hover { color: #fff; } .detailpage table.breadcrumb li:last-child .link > *, .contact-grid table.breadcrumb li:last-child .link > * { font-weight: 500; } .detailpage table.breadcrumb .prev-link, .contact-grid table.breadcrumb .prev-link { padding-left: 32px; } .detailpage table.breadcrumb .prev-link [data-icon], .contact-grid table.breadcrumb .prev-link [data-icon] { left: 6px; } .detailpage table.breadcrumb .next-link, .contact-grid table.breadcrumb .next-link { padding-right: 32px; } .detailpage table.breadcrumb .next-link [data-icon], .contact-grid table.breadcrumb .next-link [data-icon] { right: 6px; } .detailpage table.breadcrumb .prev-link, .detailpage table.breadcrumb .next-link, .contact-grid table.breadcrumb .prev-link, .contact-grid table.breadcrumb .next-link { position: relative; } .detailpage table.breadcrumb .prev-link [data-icon], .detailpage table.breadcrumb .prev-link [data-icon], .detailpage table.breadcrumb .next-link [data-icon], .detailpage table.breadcrumb .next-link [data-icon], .contact-grid table.breadcrumb .prev-link [data-icon], .contact-grid table.breadcrumb .prev-link [data-icon], .contact-grid table.breadcrumb .next-link [data-icon], .contact-grid table.breadcrumb .next-link [data-icon] { font-size: 20px; position: absolute; top: -3px; line-height: 1; } table.breadcrumb { font-size: 14px !important; line-height: 18px !important; } table.breadcrumb { border-collapse: separate; } table.breadcrumb td { padding: 14px; } table.breadcrumb.leftActive td:first-child { padding-left: 0; } table.breadcrumb.leftActive td.middle { padding-right: 0; } table.breadcrumb.rightActive td:last-child { padding-right: 0; } table.breadcrumb.rightActive td.middle { padding-left: 0; } table.breadcrumb ul .link { color: #e3e6e7; } table.breadcrumb ul .link > * { color: #888b8d; } table.breadcrumb ul .link:hover > * { color: #fff; } table.breadcrumb .next .cloud { min-height: 70px; position: absolute; right: 0; top: 25px; background: #fff; border: 1px solid #D8DFE0; width: 265px; padding: 6px; z-index: 10; text-align: right; white-space: normal; } table.breadcrumb .next .cloud .title-label { display: block; color: #909090; margin-bottom: 2px; } table.breadcrumb .next .cloud .link { display: block; line-height: 17px; } table.breadcrumb .next .cloud img { float: right; margin-left: 16px; max-width: 94px; max-height: 94px; } table.breadcrumb .next .cloud.loading { background: url(https://static.olx.uz/static/olxuz/packed/img/2f7b9776076d5fceef4993b55c9383dedd.gif) no-repeat 50% 50% #fff; } table.breadcrumb .next:hover .cloud { display: block; } #answerMenu { line-height: 24px; padding: 8px 0; margin-bottom: 0 !important; background: #f2f4f5; z-index: 9; position: sticky; top: 72px; transition: top 0.5s cubic-bezier(0.8, 0.2, 0.2, 0.8); } .hasHiddenHeader #answerMenu { top: 0; } #answerMenu #backbutton, #answerMenu #userBlock, #answerMenu #activatemessage, #answerMenu #removemessage, #answerMenu #archiveMessage, #answerMenu #deactivatemessage { text-decoration: none; margin-left: 32px; } #answerMenu #backbutton .link, #answerMenu #userBlock .link, #answerMenu #activatemessage .link, #answerMenu #removemessage .link, #answerMenu #archiveMessage .link, #answerMenu #deactivatemessage .link { color: #7f9799; vertical-align: middle; } #answerMenu #backbutton [data-icon], #answerMenu #userBlock [data-icon], #answerMenu #activatemessage [data-icon], #answerMenu #removemessage [data-icon], #answerMenu #archiveMessage [data-icon], #answerMenu #deactivatemessage [data-icon] { margin-right: 8px; color: #002f34; font-size: 20px; line-height: 1; vertical-align: middle; } #answerMenu #backbutton [data-icon]:before, #answerMenu #userBlock [data-icon]:before, #answerMenu #activatemessage [data-icon]:before, #answerMenu #removemessage [data-icon]:before, #answerMenu #archiveMessage [data-icon]:before, #answerMenu #deactivatemessage [data-icon]:before { vertical-align: top; } #answerMenu #backbutton { margin-left: 0; } #answerMenu #starButton { text-decoration: none; margin-left: 32px; } #answerMenu #starButton .link { color: #7f9799; vertical-align: middle; } #answerMenu #starButton [data-icon] { margin-right: 8px; color: #002f34; font-size: 20px; line-height: 1; vertical-align: middle; } #answerMenu #starButton [data-icon]:before { vertical-align: top; } #answerMenu #starButton [data-icon=star-answer] { display: inline-block; } #answerMenu #starButton [data-icon=star-answer-filled] { display: none; } #answerMenu #starButton.selected [data-icon=star-answer] { display: none; } #answerMenu #starButton.selected [data-icon=star-answer-filled] { display: inline-block; } .offer-contact [data-icon=account] { margin: 0 8px; font-size: 24px; color: #a0a0a0; vertical-align: middle; } .contactbox div.suggesttitleleft { top: 50%; margin-top: -30px; } .contactbox div.suggesttitleleft .target { top: 50%; margin-top: -8px; } #contact_methods .contactimg { vertical-align: top; } #contact_methods [data-icon=phone] { background: #002f34 !important; border-radius: 50%; width: 28px !important; height: 28px !important; vertical-align: top; color: #fff; font-size: 18px; line-height: 32px; text-align: center; } .pricelabel { line-height: 1.05; letter-spacing: 0.5px; margin: 10px 0; } .pricelabel__value { font-size: 40px; font-weight: 500; } .pricelabel__label { color: #406367; font-size: 16px; line-height: 1.25; margin-left: 7px; } .salary-label { display: block; font-weight: normal; color: #B4B4B4; white-space: nowrap; } .salary-label .value-human { font-weight: bold; color: #000; } .offer-contact.sendinfobox .bgloading { padding: 232px 0 170px; } .offer-contact.sendinfobox .bgloading:before { content: ""; width: 54px; height: 54px; border: 16.2px solid #002e33; border-radius: 50%; animation: animation-olx-branding-o 0.8s alternate infinite ease-in; box-sizing: border-box; position: absolute; left: calc(50% - 27px); top: 254px; } .answerbox { width: 475px; } .securitybox { width: 313px; } .securitybox .indent { margin-left: 70px; } .securitybox .icon.one { width: 44px; height: 44px; margin-left: 9px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f27055684192c079735fda5f80c4ed585.svg) 50% 50% no-repeat; } .securitybox .icon.two { width: 59px; height: 50px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fdcb1352326d4665bbca40b242904b63b.svg) 50% 50% no-repeat; } .securitybox .icon.two + p { line-height: 40px; } .securitybox .icon.three { width: 50px; height: 49px; margin-left: 4px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f4a592a2df94469a0a7db2e37f3867e53.svg) 50% 50% no-repeat; margin-top: -5px; } .securitybox .icon.four { width: 56px; height: 46px; margin-left: 4px; margin-top: -5px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fa5ce44072e42e601f80e2790fda38d26.svg) 50% 50% no-repeat; } .securitybox .icon.five { background: url(https://static.olx.uz/static/olxuz/packed/img/2fda297bc33ebdeb11166ccffdcc1913cf.png) no-repeat 0 0; width: 45px; height: 31px; margin-left: 6px; margin-top: 3px; } .securitybox .icon.six { background: url(https://static.olx.uz/static/olxuz/packed/img/2f7d6bece6b5eb7fe658f6defd4942a677.png) no-repeat 0 0; width: 38px; height: 36px; margin-left: 9px; margin-top: 3px; } .helpintro > li { padding: 22px 0px; } .helpintro > li:first-child { padding-top: 10px; } .helpintro .indent { margin-left: 137px; } .helpintro .icon.ilu.one { margin: 16px 0 0 11px; width: 103px; height: 59px; background-position: -55px 0; } .helpintro .icon.ilu.two { background-position: -120px -263px; width: 84px; height: 102px; margin-left: 24px; } .helpintro .icon.ilu.three { background-position: 0px -365px; width: 113px; height: 91px; margin-left: 10px; } .helpintro .icon.ilu.four { background-position: -113px -365px; width: 93px; height: 72px; margin-left: 34px; } .helpintro .icon.ilu.five { background-position: 0px -456px; width: 122px; height: 85px; } .helpintro .icon.ilu.six { background-position: 0px -541px; width: 121px; height: 96px; } .helpintro .icon.ilu.ten { background-position: 0px -637px; width: 77px; height: 83px; margin-left: 22px; } .helpinfo { border-top: 1px solid #dad170; border-bottom: 1px solid #dad170; } .helpinfo .inner { border-bottom: 1px solid #fff; padding: 20px 20px 20px 10px; } .helpinfo .icon.bulb { width: 41px; height: 60px; background-position: 0px 0px; margin: 0px 15px 0px 0px; } .securitybox--new ul { margin-top: 25px; color: inherit; } .securitybox--new li { list-style-type: disc; font-size: 16px; font-weight: 400; margin: 25px 0 25px 25px; } .securitybox--new li:last-child { list-style-type: none; } .securitybox--new .indent { margin-left: 5px; } .securitybox--new .link.gray, .securitybox--new .link.gray > * { color: #002f34; } #tabs-container .wrapper, #tabs-container #footer-container .sitepopularbox__wrapper, #footer-container #tabs-container .sitepopularbox__wrapper, #tabs-container #header-container #searchMyaccountBox, #header-container #tabs-container #searchMyaccountBox { position: relative; display: flex; flex-direction: column; z-index: 8; } #tabs-container .wrapper .tabs-wrapper, #tabs-container #footer-container .sitepopularbox__wrapper .tabs-wrapper, #footer-container #tabs-container .sitepopularbox__wrapper .tabs-wrapper, #tabs-container #header-container #searchMyaccountBox .tabs-wrapper, #header-container #tabs-container #searchMyaccountBox .tabs-wrapper { order: -1; margin-bottom: 25px; min-height: 56px; border-bottom: 1px solid #7f9799; } #delivery-pl-icon { color: #002f34; margin-right: 8px; line-height: 0; } ul.tabs { float: none; font-size: 14px; line-height: 1.29; } ul.tabs .fbold { font-weight: inherit; } ul.tabs .tab { padding: 19px; color: #7f9799; min-width: 133px; box-sizing: border-box; text-align: center; } ul.tabs .tab .link, ul.tabs .tab a { color: inherit; } ul.tabs .tab.selected { font-weight: 500; color: #002f34; -webkit-box-shadow: inset 0 -2px 0 0 #002e33, 0 1px 0 0 #002e33; -moz-box-shadow: inset 0 -2px 0 0 #002e33, 0 1px 0 0 #002e33; -ms-box-shadow: inset 0 -2px 0 0 #002e33, 0 1px 0 0 #002e33; -o-box-shadow: inset 0 -2px 0 0 #002e33, 0 1px 0 0 #002e33; box-shadow: inset 0 -2px 0 0 #002e33, 0 1px 0 0 #002e33; } ul.tabs + .breaklist { margin-top: 5px; } ul.tabs .indexed-int { display: none; } ul.tabs2 { font-size: 14px; line-height: 18px; position: relative; z-index: 2; } ul.tabs2.flex { display: flex; justify-content: space-between; } ul.tabs2.flex .tab { padding: 19px 0; min-width: auto; } ul.tabs2.flex .notifycircle { right: auto; } ul.tabs2 .fbold { font-weight: inherit; } ul.tabs2 .tab { border-bottom: none; position: relative; font-size: 14px; min-width: 118px; text-align: center; box-sizing: border-box; color: #002f34; line-height: 1.29; padding: 19px; } ul.tabs2 .tab.delivery { display: flex; align-items: center; } ul.tabs2 .tab .link { color: inherit; } ul.tabs2 .tab.selected { color: #002f34; font-weight: 500; -webkit-box-shadow: 0 2px 0 0 #002f34; -moz-box-shadow: 0 2px 0 0 #002f34; -ms-box-shadow: 0 2px 0 0 #002f34; -o-box-shadow: 0 2px 0 0 #002f34; box-shadow: 0 2px 0 0 #002f34; } ul.tabs2 .tab.selected [data-icon=circle_alert] { right: -9px; top: -8px; } ul.tabs2 .tab [data-icon=circle_alert] { position: absolute; top: 0; right: 3px; color: #f8352f; font-size: 19px; } ul.tabs2 .tab-new-version { background-color: transparent !important; font-size: 10px; position: relative; text-transform: uppercase; top: -4px; margin-left: 4px; font-weight: 500; color: #3A77FF; white-space: nowrap; } ul.tabs2 + .breaklist { margin-top: 7px; } ul.tabs2 li:first-child .tab.selected { position: relative; } ul.tabs2 .notifycircle { right: 0; top: 4px; } ul.tabs2 .tab.selected .notifycircle { right: 0; top: 4px; } #privatebusinesscheck { margin-top: 10px !important; } .subnav2 { position: relative; margin: 17px 0 24px; } .subnav2 ul.breaklist { line-height: 1.29; font-size: 14px; border-bottom: 1px solid #c5d3d5; } .subnav2 ul.breaklist > *:before { display: none; } .subnav2 ul.breaklist li { position: relative; color: #7f9799; text-align: center; } .subnav2 ul.breaklist li .fbold { font-weight: inherit; } .subnav2 ul.breaklist li a, .subnav2 ul.breaklist li.selected { display: block; padding: 13px 19px 26px; color: inherit; min-width: 116px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-decoration: none; } .subnav2 ul.breaklist li.selected { color: #002f34; font-weight: 500; -webkit-box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; -moz-box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; -ms-box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; -o-box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; } ul.tabsfav { border-bottom: 1px solid #7f9799; font-size: 14px; line-height: 1.29; vertical-align: top; display: inline-block; } ul.tabsfav .normal { font-size: inherit; font-weight: inherit; color: inherit; } ul.tabsfav .fbold { font-weight: inherit; } ul.tabsfav .tab { padding: 19px; color: #002f34; min-width: 116px; box-sizing: border-box; text-align: center; } ul.tabsfav .tab.selected { font-weight: 500; box-shadow: inset 0 -2px 0 0 #002e33, 0 1px 0 0 #002e33; } .pro-tab { position: relative; padding-right: 20px; } .css-amp-pro-tab { position: relative; } .css-amp-pro-tab .beta-label { font-size: 8px; vertical-align: middle; margin-left: 8px; background-color: #23e5db; color: #ffffff; letter-spacing: 0.8px; padding: 3px 5px; border-radius: 2px; } ul.currency li > a, ul.currency li > .selected { width: 24px; height: 17px; padding: 5px 2px; } ul.currency .icon { margin: auto; } ul.currency .RUB { width: 12px; height: 15px; top: 1px; background-position: -93px -394px; } ul.currency .BYR { width: 18px; height: 15px; top: 2px; background-position: -49px -394px; } ul.currency .KZT { width: 12px; height: 15px; top: 1px; background-position: -68px -394px; } ul.currency .UAH { width: 13px; height: 17px; top: 1px; background-position: -80px -394px; } ul.currency .EUR { width: 11px; height: 13px; top: 2px; background-position: -115px -394px; } ul.currency .USD { width: 10px; height: 17px; background-position: -105px -394px; } ul.currency .selected .RUB { background-position: -93px -377px; } ul.currency .selected .BYR { background-position: -49px -377px; } ul.currency .selected .KZT { background-position: -68px -377px; } ul.currency .selected .UAH { background-position: -80px -377px; } ul.currency .selected .EUR { background-position: -115px -377px; } ul.currency .selected .USD { background-position: -105px -377px; } ul.related { margin-right: 1px; } ul.related li { height: 80px; } ul.related li > .fleft { width: 68px; height: 80px; line-height: 80px; } ul.related li h4 { margin-left: 78px; line-height: 18px; } ul.related_ads { margin: 0 0px 25px; } ul.related_ads li { width: 388px; margin: 0px 20px; } ul.sharing li { width: 389px; padding: 10px; } ul.sharing li a.leaflet { width: 164px; height: 116px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f0870b1c22551773ac177756160251a8d.png) no-repeat left top; } ul.sharing li a.widget { width: 82px; height: 100px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f516ac7e04dbd9ea71a0c3517ef01cde8.png) no-repeat left top; } ul.sharing li textarea { width: 230px; } ul.sharing li .button { margin: 5px; } .halfgrid.sharing .inner { padding: 0px 30px !important; } .halfgrid.sharing ul.sharing li { margin: 0 auto; width: auto; padding: 20px 30px 10px; } .halfgrid.sharing ul.sharing li:first-child { padding-top: 0px; } ul.conversationnew { padding: 22px 158px 65px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } ul.conversationnew .thead__delivery { margin-bottom: 32px; text-align: right; } ul.conversationnew .thead__delivery .button { height: 40px; line-height: 40px !important; font-size: 14px; float: none; margin: 0 !important; } ul.conversationnew .thead__delivery .button > * { height: 40px; line-height: 40px !important; } ul.conversationnew .thead__cloud { display: flex; background: #cbf7ee; padding: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; min-height: 90px; } ul.conversationnew .thead__img { flex: 0 0 133px; max-width: 133px; margin-right: 16px; } ul.conversationnew .thead__img img { width: 133px; } @supports (-o-object-fit: cover) or (object-fit: cover) { ul.conversationnew .thead__img img { height: 90px; object-fit: cover; } } ul.conversationnew .thead__title { display: flex; margin-bottom: 5px; font-size: 14px; line-height: 1.29; color: #002f34; } ul.conversationnew .thead__time { margin-left: auto; color: #7f9799; font-size: 12px; line-height: 1.17; } ul.conversationnew .thead__content { display: flex; flex-direction: column; flex: 1; } ul.conversationnew .thead__username { font-size: 14px; line-height: 1.29; color: #002f34; } ul.conversationnew .thead__offer { font-size: 16px; font-weight: 500; line-height: 1.25; } ul.conversationnew .thead__actions { margin: auto -15px 0; display: flex; flex-wrap: wrap; font-size: 12px; line-height: 1.17; color: #406367; } ul.conversationnew .thead__actions li { display: inline-flex; padding: 0 15px; height: 16px; align-items: center; justify-content: center; border-left: 1px solid #839b9c; } ul.conversationnew .thead__actions li:first-child { border-left: none; } ul.conversationnew .thead__actions li a { color: #406367; } ul.conversationnew > li { margin-top: 40px; word-wrap: break-word; } ul.conversationnew > li .titlebar { padding: 5px 0; font-size: 14px; line-height: 1.29; color: #002f34; background: #fff; } ul.conversationnew > li .titlebar .time { font-size: 12px; color: #7f9799; } ul.conversationnew > li .titlebar .time .sent-from-phone { margin-right: 16px !important; font-size: 12px !important; } ul.conversationnew > li .statusbar { color: #406367; font-size: 12px; line-height: 1.17; padding-left: 12px; position: relative; top: 3px; height: 0; } ul.conversationnew > li .statusbar .fbold { font-weight: inherit; } ul.conversationnew > li .cloud { font-size: 16px; line-height: 1.25; padding: 16px; position: relative; } ul.conversationnew > li [data-icon=mobile] { font-size: 20px; margin: -3px 4px -3px 0; vertical-align: top; color: #002f34; line-height: 1; } ul.conversationnew > li [data-icon=block] { font-size: 14px; margin-right: 8px; vertical-align: middle; line-height: 1; } ul.conversationnew > li.saying.user { margin-right: 121px; } ul.conversationnew > li.saying.user .cloud { background: #f2f4f5; } ul.conversationnew > li.saying.user .cloud:before { content: ""; border-top: 9px solid #f2f4f5; height: 0; width: 5px; position: absolute; top: 100%; margin-top: -4px; left: 0; border-right: 10px solid transparent; } ul.conversationnew > li.saying.user + li.saying.user { margin-top: 5px; } ul.conversationnew > li.saying.user + li.saying.user .titlebar { padding: 5px 0; } ul.conversationnew > li.saying.user + li.saying.user .titlebar__username { display: none; } ul.conversationnew > li.saying.my { margin-left: 121px; } ul.conversationnew > li.saying.my .cloud { background: #ceddff; } ul.conversationnew > li.saying.my .cloud:before { content: ""; border-top: 9px solid #ceddff; height: 0; width: 5px; position: absolute; top: 100%; margin-top: -4px; right: 0; border-left: 10px solid transparent; } ul.conversationnew > li.saying.my + li.saying.my { margin-top: 5px; } ul.conversationnew > li.saying.my + li.saying.my .titlebar { padding: 5px 0; } ul.conversationnew > li.saying.my + li.saying.my .titlebar__username { display: none; } ul.conversationnew > li.saying.answer { margin-top: 61px; margin-left: auto; } ul.conversationnew > li.saying.chatinfo { margin-left: 75px; margin-right: 0; background: #fff6da url(../img/info2.png) no-repeat 19px 50%; } ul.conversationnew > li.saying.chatinfo .inner { background: #ffffff; margin-left: 80px; min-height: 56px; padding: 17px 16px 13px; color: #6d6d6d; } ul.conversationnew > li.saying.chatinfo .inner h4 { color: #e44d4d; margin-bottom: 8px; font-size: 13px; } ul.conversationnew > li.saying.chatinfo .inner .marked { color: #459a1b; } ul.conversationnew > li.saying.disabled { background: #fefccf; border-color: #e5d56e; color: #353416; } ul.conversationnew > li .attachment-list { padding-left: 30px; position: relative; font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; margin-top: 15px; text-transform: uppercase; } ul.conversationnew > li .attachment-list:before { content: "\e036"; } ul.conversationnew > li .attachment-list:before { position: absolute; left: 0; top: 0; font-size: 18px; } ul.conversationnew > li .attachment-list li { padding: 3px 0; margin-top: 5px; } ul.conversationnew > li .attachment-list--cv:before { content: "\e03b"; } ul.conversationnew > li .attachment-list--cv:before { font-size: 20px; } table.adanswersnew { width: 100%; font-size: 14px; line-height: 1.29; table-layout: fixed; } table.adanswersnew .f_checkbox { vertical-align: middle; } table.adanswersnew + .pager { background: #fff; padding: 32px 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } table.adanswersnew thead th { padding: 16px; color: #7f9799; font-size: inherit; line-height: inherit; } table.adanswersnew thead th.globaloptbox > .rel { display: inline-block; } table.adanswersnew thead th [data-icon*=arrow] { font-size: 7px; vertical-align: top; margin-left: 2px; } table.adanswersnew thead th .globalopt { top: -3px; left: 100%; width: 810px; background: none; font-weight: inherit; font-size: 14px; line-height: 1.29; margin-left: 17px; } table.adanswersnew thead th .globalopt li { border-left: 1px solid #839b9c; padding: 3px 16px; } table.adanswersnew thead th .globalopt li.first { border-left: none; padding-left: 0; } table.adanswersnew thead th .globalopt li.disabled a.link { color: #DADADA; cursor: default; text-decoration: none; } table.adanswersnew thead th .globalopt li.disabled a.link > * { color: #DADADA; } table.adanswersnew thead th .globalopt li.disabled a.link:hover > * { background: none; } table.adanswersnew thead th .order-messages-container { float: right; } table.adanswersnew thead th .order-messages { display: flex; padding: 0; list-style: none; color: #7f9799; white-space: nowrap; } table.adanswersnew thead th .order-messages li { margin-left: 24px; } table.adanswersnew thead th .order-messages li a { color: inherit; } table.adanswersnew thead th .order-messages li strong { font-weight: 500; color: #002f34; } table.adanswersnew tbody tr { font-size: inherit; line-height: inherit; color: inherit; } table.adanswersnew tbody tr.headerRow > td { padding: 16px; color: inherit; vertical-align: middle; border-bottom: 1px solid #c5d3d5; height: 45px; background: #fff; } table.adanswersnew tbody tr.headerRow > td .user { margin: 0 !important; color: #406367; line-height: 24px; } table.adanswersnew tbody tr.headerRow:first-child > td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -ms-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } table.adanswersnew tbody tr.headerRow:first-child > td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } table.adanswersnew tbody tr.row-desc { display: none; } table.adanswersnew tbody tr.row-shadow > td { height: 0; } table.adanswersnew tbody tr.unreaded td { font-weight: 500; } table.adanswersnew tbody .clickable { cursor: pointer; } table.adanswersnew tbody .title { margin-top: 0 !important; font-weight: inherit; font-size: 16px; line-height: 1.25; margin-bottom: 6px; } table.adanswersnew tbody .title .index { color: #959595; top: -5px; display: none; } table.adanswersnew tbody .desc { color: #406367; font-weight: inherit !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } table.adanswersnew tbody .notifycircle { left: 100%; top: -10px; } table.adanswersnew tbody .cv-attachment-icon { font-size: 24px; color: #002f34; line-height: 1; margin-right: 9px; } table.adanswersnew tbody .cv-attachment-icon:before { vertical-align: top; } table.adanswersnew tbody .attachment-icon { font-size: 20px; color: #002f34; line-height: 1; } table.adanswersnew tbody .attachment-icon:before { vertical-align: top; } table.adanswersnew tbody [data-icon*=star], table.adanswersnew tbody [data-icon=trash], table.adanswersnew tbody [data-icon*=archive] { font-size: 24px; color: #002f34; line-height: 1; vertical-align: middle; } table.adanswersnew tbody [data-icon*=star]:before, table.adanswersnew tbody [data-icon=trash]:before, table.adanswersnew tbody [data-icon*=archive]:before { vertical-align: top; } table.adanswersnew tbody [data-icon*=star]:hover, table.adanswersnew tbody [data-icon=trash]:hover, table.adanswersnew tbody [data-icon*=archive]:hover { color: #002f34; } table.adanswersnew tbody [data-icon*=star].hidden, table.adanswersnew tbody [data-icon=trash].hidden, table.adanswersnew tbody [data-icon*=archive].hidden { display: none; } table.adanswersnew tbody [data-icon=forward] { font-size: 22px; margin-right: 10px; color: #000; vertical-align: top; } table.adanswersnew tbody [data-icon=forward]:before { vertical-align: top; } table.adanswersnew tbody tr.row-shadow .action_js { bottom: 100%; left: 0; z-index: 50; color: #002f34; } table.adanswersnew tbody tr.row-shadow .action_js .inner { margin-left: 8px; background: rgba(203, 247, 238, 0.95); height: 100%; } table.adanswersnew tbody tr.row-shadow .action_js .inner p { top: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 1.29; font-weight: inherit; } table.adanswersnew tbody tr.row-shadow .action_js .inner p:before { content: ""; width: 40px; height: 40px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f1fe2950ec9b9c133a82f3942b4259de3.svg) no-repeat 50% 50%; background-size: contain; display: inline-block; } table.adanswersnew tbody tr.row-shadow .action_js .inner p .message { margin-left: 16px; } table.adanswersnew tbody tr.row-shadow .action_js .corner { left: 0; top: 0; background: rgba(203, 247, 238, 0.95); width: 8px; height: 100%; } table.adanswersnew tbody tr.row-shadow .action_js.error { color: #730000; } table.adanswersnew tbody tr.row-shadow .action_js.error a { color: #fff; } table.adanswersnew tbody tr.row-shadow .action_js.error .inner, table.adanswersnew tbody tr.row-shadow .action_js.error .corner { background: rgba(255, 214, 201, 0.95); } table.adanswersnew tbody tr.row-shadow .action_js.error .inner p:before { width: 40px; height: 37px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f8e58921876f1009847ea3d439bcded33.svg); } table.adanswersnew tbody tr.row-shadow .action_js.warning { color: #93820a; } table.adanswersnew tbody tr.row-shadow .action_js.warning .inner, table.adanswersnew tbody tr.row-shadow .action_js.warning .corner { background: rgba(252, 239, 171, 0.95); } table.adanswersnew tbody tr.row-shadow .action_js.warning .inner p:before { display: none; } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner, table.adanswersnew tbody tr.row-shadow .action_js.is-loading .corner { background: rgba(255, 255, 255, 0.95); } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p:before { display: none; } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container { position: relative; display: inline-flex; } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container > * { display: inline-block; overflow: hidden; text-indent: -1000em; animation: animation-olx-branding-dot-two 1.5s infinite ease-in; } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container > *, table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container:before, table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container:after { width: 20px; height: 20px; border-radius: 50%; box-sizing: border-box; background: #fff; border: 7.6px solid #002e33; } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container:before, table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container:after { content: ""; display: inline-block; } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container:before { margin-right: 5px; border-width: 3.2px; animation: animation-olx-branding-dot-one 1.5s infinite ease-in; } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p .loader-container:after { margin-left: 5px; border-width: 6px; animation: animation-olx-branding-dot-three 1.5s infinite ease-in; } table.adanswersnew tbody tr.row-shadow .action_js.is-loading .inner p img.loader { display: none !important; } table.adanswersnew tbody tr.headerRow.unreaded > td { background-color: #ebf1ff; } table.adanswersnew tbody tr.headerRow.notimportant > td { text-decoration: line-through; } @keyframes ticTacToe-chart { 0% { transform: translate(-50%, -50%) scale(1); } 40%, 60% { transform: translate(-50%, -50%) scale(1.3); } 100% { transform: translate(-50%, -50%) scale(1); } } div.empty { padding: 120px 60px; } div.emptysmall { padding: 10px 0 40px; } div.emptylist .box { border-top: 1px solid #e3e3e3; padding: 25px 130px; } div.emptylist .box:first-child { border-top: none; } div.emptylist .box .pointstitle { margin-top: 20px; } div.emptylist .box .pointstitle:first-child { margin-top: 0; } div.emptylist form.searchsmall input.light { background: #fff; border: 1px solid #818080 !important; border-right-color: #d3d0c7 !important; border-bottom-color: #d3d0c7 !important; padding: 5px 7px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; -ms-box-shadow: 1px 1px 0 #fff; -o-box-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 0 #fff; } div.emptynew { padding: 30px; margin-top: 15px; position: relative; } div.emptynew q { quotes: "“" "”" "‘" "’"; } div.emptynew q:before { content: open-quote; } div.emptynew q:after { content: close-quote; } div.emptynew p { margin-top: 15px; } div.emptylistgeo { min-height: 271px; margin-top: 8px; } div.emptylistgeo h4 { margin-top: 27px; } div.emptylistgeo .row { margin-bottom: 12px; padding: 10px; border: 1px solid #ededed; background: #faf9f7; } div.emptylistgeo .row .category-title { width: 192px; margin-left: 10px; word-wrap: break-word; } div.emptylistgeo .offer-item { margin-left: 10px; display: table; table-layout: fixed; } div.emptylistgeo .offer-item:first-child { margin-left: 0; } div.emptylistgeo .img-box { height: 70px; display: table-cell; vertical-align: middle; } div.emptylistgeo .img-box img { max-width: 94px; max-height: 100%; } div.info { padding: 25px 30px; } div.messagebox { background: #ceddff; color: #002f34; padding: 8px 16px; position: relative; } div.messagebox p a { text-decoration: underline; } div.messagebox strong { font-weight: 500; } div.messagebox [data-icon=close] { position: absolute; right: 15px; top: 15px; color: #0098d0; } div.successbox { background: #85be52; color: #fff; padding: 25px 30px; } div.js-confirmbox-frames { position: relative; } div.js-confirmbox-frames .js-confirmbox-frame--next { display: none; position: absolute; left: 0; right: 0; top: 0; } div.successbox-light { color: #7c919b; padding: 30px 75px; font-weight: bold; border-top: 5px solid #9fdf95; background: #fff; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); -moz-box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); -ms-box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); -o-box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); } div.successbox-light__text:before { width: 31px; height: 31px; position: absolute; right: 100%; top: 50%; display: block; content: ""; margin: -17px 14px 0 0; background: #85be52; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } div.successbox-light__text:after { right: 100%; top: 50%; width: 6px; height: 11px; margin-right: 25px; border-width: 0 3px 3px 0; border-style: solid; border-color: #fff; margin-top: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; } div.infobox-light { color: #7c919b; padding: 30px 75px; border-top: 5px solid #78b2fa; background: #fff; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); -moz-box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); -ms-box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); -o-box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); box-shadow: 0 1px 30px 0 rgba(216, 220, 224, 0.46); } div.infobox-light__text:before { width: 31px; height: 31px; line-height: 31px; position: absolute; right: 100%; top: 50%; display: block; content: ""; margin: -17px 14px 0 0; background: #24a6e0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: "i"; color: #fff; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; font-size: 18px; } div.warningbox { background: #e86a6a; color: #fff; padding: 25px 30px; } div.warnbox { background: #ceddff; color: #002f34; padding: 19px 16px; position: relative; font-size: 14px; line-height: 1.29; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } div.warnbox strong { font-weight: inherit; } div.warnbox [data-icon=close] { position: absolute; right: 12px; top: 12px; color: #fff; } div.warnbox .link-more { position: absolute; right: 0; bottom: -25px; } div.error404 { padding: 30px; } div.error404 h2 { font-size: 24px; } div.error404 big { font-size: 42px; } div.error404 .labellist { margin-right: 3px; } div.error404 .breaklist li { margin-left: 3px; } div.page404 h4 { font-size: 24px; font-weight: 500; } div.page404 #ticTacToeTheGame { width: 420px; display: flex; flex-wrap: wrap; margin: 80px auto; overflow: hidden; } div.page404 #ticTacToeTheGame .chart-o, div.page404 #ticTacToeTheGame .chart-x { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: ticTacToe-chart 0.3s ease-in-out both; } div.page404 #ticTacToeTheGame .chart-o { content: ""; border-radius: 50%; width: 20px; height: 20px; box-shadow: 0 0 0 24px #002f34; } div.page404 #ticTacToeTheGame .chart-x { width: 60px; height: 60px; overflow: hidden; } div.page404 #ticTacToeTheGame .chart-x:before, div.page404 #ticTacToeTheGame .chart-x:after { content: ""; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background: #002f34; } div.page404 #ticTacToeTheGame .chart-x:before { transform: skewX(45deg) translate(-50%, 0); } div.page404 #ticTacToeTheGame .chart-x:after { transform: skewX(-45deg) translate(-50%, 0); } div.page404 #ticTacToeTheGame .ticTacToeField { width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; border-left: 10px solid #24e5db; border-bottom: 10px solid #24e5db; position: relative; font-size: 80px; font-weight: 500; color: #24e5db; } div.page404 #ticTacToeTheGame .ticTacToeField:empty { cursor: pointer; } div.page404 #ticTacToeTheGame .ticTacToeField:nth-child(3n+1) { border-left: none; } div.page404 #ticTacToeTheGame .ticTacToeField:nth-last-child(-n+3) { border-bottom: none; } div.page404 #ticTacToeTheGame .ticTacToeField.winner-vl:before, div.page404 #ticTacToeTheGame .ticTacToeField.winner-hl:before, div.page404 #ticTacToeTheGame .ticTacToeField.winner-stl:before, div.page404 #ticTacToeTheGame .ticTacToeField.winner-str:before { content: ""; position: absolute; background: #002f34; z-index: 10; } div.page404 #ticTacToeTheGame .ticTacToeField.winner-vl:before { left: 50%; top: -5px; width: 8px; bottom: -5px; transform: translate(-50%, 0); } div.page404 #ticTacToeTheGame .ticTacToeField.winner-hl:before { left: -5px; top: 50%; height: 8px; right: -5px; transform: translate(0, -50%); } div.page404 #ticTacToeTheGame .ticTacToeField.winner-stl:before { top: -5px; left: 50%; width: 8px; bottom: -5px; transform: skewX(45deg) translate(-50%, 0); } div.page404 #ticTacToeTheGame .ticTacToeField.winner-str:before { top: -5px; left: 50%; width: 8px; bottom: -5px; transform: skewX(-45deg) translate(-50%, 0); } div.page404 .category-list { padding: 30px 0; } div.page404 .category-list ul { margin-left: -25px; } div.page404 .category-list li { width: 200px; line-height: 28px; margin-left: 25px; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 80% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(2000px); -moz-transform: translateY(2000px); -ms-transform: translateY(2000px); -o-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } 80% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .animated { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } .page404_2 { width: 931px; height: 251px; background-image: url(../img/page404_2.png); margin: 20px 0px 0px -57px; } .page404_2 + .similarads { border-top: 1px dashed #c8c8c8; margin-top: 0 !important; } .page404_2 + .similarads > h2 { display: none; } .favsearchbox { border: none !important; border-radius: 2px; background: #ffeeea; text-align: center; padding: 8px 0 !important; } .favsearchbox__inner { display: flex; justify-content: center; align-items: center; margin: 0 !important; min-height: 88px; color: #002f34; font-weight: 500; font-size: 16px; line-height: 1.25; } .favsearchbox__inner:before { display: inline-block; width: 64px; height: 64px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f932fb6efc96e3285952c6a5d360c9e9c.svg) no-repeat 50% 50%; background-size: contain; content: ""; margin: 0 17px; } .favsearchbox__action { display: inline-flex; line-height: inherit; font-size: 14px; font-weight: 500; background: #002f34; color: #fff !important; height: 40px; justify-content: center; align-items: center; padding: 0 20px; margin: 0 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; } .favsearchbox__action:hover { background: #fff !important; color: #002f34 !important; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .favsearchbox__action:hover > * { background: none !important; color: inherit !important; } .favsearchbox .slash { display: none; } .favsearchbox .fbold { font-weight: inherit; } .favsearchbox .seeAllSaved a { font-size: inherit !important; font-weight: 400; } .favsearchbox .favsearchlink { display: none; } .pageinfo { margin: 0 !important; padding: 55px 0 29px; min-height: 38px; display: flex; align-items: center; flex: 1; } .pageinfo h2 { font-size: 32px; font-weight: 500; line-height: 1.06; } .pageinfo p { display: none; } .emptyads { width: 645px; margin: 100px auto; } .emptyads .title { border-bottom: 1px solid #c3c3c3; -webkit-box-shadow: 0px 2px 0px 0px rgb(255, 255, 255); -moz-box-shadow: 0px 2px 0px 0px rgb(255, 255, 255); -ms-box-shadow: 0px 2px 0px 0px rgb(255, 255, 255); -o-box-shadow: 0px 2px 0px 0px rgb(255, 255, 255); box-shadow: 0px 2px 0px 0px rgb(255, 255, 255); padding-bottom: 16px; } .emptyads h3 { font-size: 20px; font-weight: 500; color: #002f34; line-height: 1.1; } .emptyads .button { font-size: 16px; font-weight: 500; line-height: 1.25; min-width: 196px; } .emptyads .inner { padding-top: 242px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f7e2ef1e21f6201ead2e3abb89ef2f586.svg) center 0 no-repeat; background-size: 180px 180px; } .emptyads.answers .inner { padding-top: 229px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f766de8cf6ca3d69fc692ccc4bff77339.svg) center 0 no-repeat; background-size: 177px 179px; } .emptyads.answers .inner [data-icon=emptyanswers] { display: none; } .emptyads.walletsearch .inner { padding-top: 135px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f752c1491e94984c7116a5ad770d5a159.png) center 0 no-repeat; } .emptyads .businesspackbox { width: 151px; height: 143px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fa031f64974f589b9a1139d277fb3960a.png) no-repeat 0 0; left: -37px; top: -19px; } .emptyads.usersearch { -webkit-box-shadow: none; box-shadow: none; display: table; max-width: 645px; width: auto; } .emptyads.usersearch p { margin-top: 8px; } .emptyads.walletsearch p { margin-top: 8px; } #message_system { position: fixed; left: 0px; top: 0px; z-index: 110002; width: 360px; } .messagesystem { padding: 10px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 14px !important; line-height: 20px; } .messagesystem .icon.close { background: url(https://static.olx.uz/static/olxuz/packed/img/2fc50ce06a8bb6884c0d79ca961cc72c7c.png) no-repeat 0 0; right: 9px; top: 11px; width: 9px; height: 9px; } .messagesystem .status { width: 20px; height: auto; font-size: 20px; margin: 0 15px 0 0; } .messagesystem.success { background: #002f34; color: #fff; } .messagesystem.success .icon.close { background-position: 0px 0px; } .messagesystem.success .status { color: #fff; } .messagesystem.success .status:before { content: "\e035"; } .messagesystem.error { background: #de1609; color: #fff; } .messagesystem.error .icon.close { background-position: -9px 0px; } .messagesystem.error .status { color: #fff; } .messagesystem.error .status:before { content: "\e02f"; } .messagesystem.warning { background: #fff7d8; background: rgba(255, 247, 216, 0.8); border: 4px solid #fffdf8; color: #a18942; } .messagesystem.warning .icon.close { background-position: -18px 0px; } .messagesystem.warning .status { color: #e0cb22; } .messagesystem.warning .status:before { content: "\e02c"; } .messagesystem.remind { background: #e5f4ff; background: rgba(229, 244, 255, 0.8); border: 4px solid #fdfdfd; color: #627989; } .messagesystem.remind .icon.close { background-position: -27px 0px; } .messagesystem.remind .status { color: #98a5be; } .messagesystem.remind .status:before { content: "\e02d"; } .messagesystem.standard { background: #002f34; color: #fff; text-align: center; } #mobile_detector { background: #f2f2ef; } #mobile_detector .inner { padding: 1em 1em 0.8em 1em; font-size: 3em; } .emptyinfo { padding: 73px 30px; } .emptyinfo-location { padding: 50px 0px 40px; border-top: 1px solid #f0f0f0; margin: 5px 0px 0px; } div.success_js { background: #D8ECB4; color: green; line-height: 58px; } div.error_js { background: #DFA199; color: #C91414; line-height: 58px; } .emptypacks { padding-top: 236px; margin: 45px auto 100px auto; text-align: center; position: relative; } .emptypacks:before { content: ""; width: 200px; height: 200px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fb2c8bf9d237d569ac3d4f302782975ff.svg) no-repeat 50% 50%; background-size: contain; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .emptypacks h1 { font-size: 20px; font-weight: 500; line-height: 1.1; margin: 0 0 16px; } .emptypacks h2 { font-size: 16px; line-height: 1.25; color: #517a7f; margin: 0 0 50px; } .emptypacks .olx-button { font-size: 16px; font-weight: 500; padding-left: 20px; padding-right: 20px; min-width: 220px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .confirm-polaroid { width: 823px; margin: 56px auto 64px; background: #fff; padding: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: center; font-size: 14px; line-height: 1.29; color: #406367; } .confirm-polaroid__main { color: #406367; background: #e9fcfb; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 32px 24px; } .confirm-polaroid__main:before { content: ""; width: 96px; height: 96px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f9a2bcd6a3fd0004db661ec68b035324d.svg) no-repeat 50% 50%; background-size: cover; margin: 0 auto 16px; display: block; } .confirm-polaroid--errorbox .confirm-polaroid__main, .confirm-polaroid--warningbox .confirm-polaroid__main { background-color: #ffeeea; } .confirm-polaroid--errorbox .confirm-polaroid__main:before, .confirm-polaroid--warningbox .confirm-polaroid__main:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f3e81fea7bb6e56d3f97554194d6d26dd.svg); } .confirm-polaroid--successbox .confirm-polaroid__main:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f9a2bcd6a3fd0004db661ec68b035324d.svg); } .confirm-polaroid--smsverification .confirm-polaroid__main:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2fe309b233b4652b5502e4c6b8847dbf66.svg); } .confirm-polaroid__title { color: #002f34; font-size: 24px; font-weight: 500; padding: 0 32px; margin-bottom: 10px; } .confirm-polaroid__message { margin-bottom: 32px; } .confirm-polaroid__actions { margin-top: 32px; } .confirm-polaroid__actions li:not(:first-child) { margin-bottom: 20px; } .confirm-polaroid__actions li:not(:first-child) a { display: inline-flex; box-sizing: border-box; font-size: 16px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.25; position: relative; } .confirm-polaroid__actions li:not(:first-child) a * { background: none; color: inherit; } .confirm-polaroid__actions li:not(:first-child) a:first-letter { text-transform: uppercase; } .confirm-polaroid__actions li:not(:first-child) a:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .confirm-polaroid__actions li:not(:first-child) a:hover:after { left: 15%; right: 15%; } .confirm-polaroid__actions li:first-child { margin-bottom: 34px; } .confirm-polaroid__actions li:first-child a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; background-color: #002f34; color: #fff; padding: 0; height: 44px; line-height: 44px !important; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 500; text-decoration: none; } .confirm-polaroid__actions li:first-child a * { background: none; color: inherit; } .confirm-polaroid__actions li:first-child a > * { padding: 0 25px; height: 44px; line-height: 44px !important; cursor: inherit; } .confirm-polaroid__actions li:first-child a:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .confirm-polaroid__actions li:first-child a:hover > * { color: inherit; } .confirm-polaroid__footer { color: #406367; } .confirm-polaroid__form-url { display: flex; align-items: center; margin: 24px 0 8px; } .confirm-polaroid__form-url .label { padding: 0 15px 0 8px; } .confirm-polaroid__form-url .focusbox { flex: 1; } .confirm-polaroid__form-url input.light { width: 100%; background-color: #f2f4f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .confirm-polaroid__form-url input.light:-webkit-autofill, .confirm-polaroid__form-url input.light:-webkit-autofill:hover, .confirm-polaroid__form-url input.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } .photos-show-mini { width: 696px; } .photos-show-mini li { line-height: 0; margin: 0 15px 15px 0; width: 159px; height: 120px; } .photos-show-mini li.empty { background: #f2f4f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .photos-show-mini li.empty > div { margin: 0; width: 100%; height: 100%; } .photos-show-mini li.empty > div > a { width: 100%; height: 100%; text-decoration: none; } .photos-show-mini li.empty.first-child { background: #cbf7ee; } .photos-show-mini li.empty.first-child div a[data-cover-desc]:after { content: attr(data-cover-desc); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #406367; line-height: 1.29; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .photos-show-mini li.empty.first-child div [data-icon=upload] { display: none; } .photos-show-mini li.empty.progress { align-items: center; justify-content: center; } .photos-show-mini li.empty.progress:not(.hidden) { display: flex; } .photos-show-mini li.empty.progress > div { width: auto; height: auto; position: relative; display: inline-flex; } .photos-show-mini li.empty.progress > div > * { display: inline-block; overflow: hidden; text-indent: -1000em; animation: animation-olx-branding-dot-two 1.5s infinite ease-in; } .photos-show-mini li.empty.progress > div > *, .photos-show-mini li.empty.progress > div:before, .photos-show-mini li.empty.progress > div:after { width: 20px; height: 20px; border-radius: 50%; box-sizing: border-box; background: #fff; border: 7.6px solid #002e33; } .photos-show-mini li.empty.progress > div:before, .photos-show-mini li.empty.progress > div:after { content: ""; display: inline-block; } .photos-show-mini li.empty.progress > div:before { margin-right: 5px; border-width: 3.2px; animation: animation-olx-branding-dot-one 1.5s infinite ease-in; } .photos-show-mini li.empty.progress > div:after { margin-left: 5px; border-width: 6px; animation: animation-olx-branding-dot-three 1.5s infinite ease-in; } .photos-show-mini li.with-photo { background: #f2f4f5; } .photos-show-mini li.with-photo > div { align-items: center; justify-content: center; margin: 0; width: 100%; height: 100%; } .photos-show-mini li.with-photo > div:not(.hidden) { display: flex; } .ui-sortable .photos-show-mini li.with-photo > div { cursor: move; } .photos-show-mini li.with-photo.first-child { background: #cbf7ee; } .photos-show-mini li.with-photo.first-child > div[data-cover-label]:after { content: attr(data-cover-label); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; background: #23e5db; color: #002f34; line-height: 1.29; letter-spacing: 0.8px; text-transform: uppercase; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 24px; border-radius: 0 2px 0 0; position: absolute; left: 0; bottom: 0; } .photos-show-mini li.with-photo img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: block; margin: auto; max-width: 100%; max-height: 100%; } @supports (-o-object-fit: cover) or (object-fit: cover) { .photos-show-mini li.with-photo img { width: 100%; height: 100%; object-fit: cover; } } .photos-show-mini li.with-photo:hover > div:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .photos-show-mini li.with-photo:hover [data-icon=circle_rotate], .photos-show-mini li.with-photo:hover [data-icon=circle_remove] { display: flex; } .photos-show-mini a [data-icon=upload] { top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 32px; position: relative; color: #7f9799; } .photos-show-mini [data-icon=circle_rotate], .photos-show-mini [data-icon=circle_remove] { position: absolute; display: none; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 17px; color: #002f34; background: #fff !important; border-radius: 50%; width: 40px !important; height: 40px !important; align-items: center; justify-content: center; } .photos-show-mini [data-icon=circle_rotate] { right: 50%; margin-right: 8px; } .photos-show-mini [data-icon=circle_remove] { left: 50%; margin-left: 8px; } #gallery-html [data-icon=circle_remove] { vertical-align: middle; margin-left: 10px; } .suggest.photos .icon.info2 { left: 10px; } .suggest.photos strong { text-decoration: underline; font-weight: inherit; } .suggest.readonly { background: #FFFDC2 !important; border: 1px solid #d6d081; text-shadow: 0 1px 0 #fff; color: #897F00 !important; } .suggest.readonly:before { display: none; } .suggest.readonly [data-icon=circle_alert] { color: #e0ca39; float: left; vertical-align: top; margin: 1px 10px 0 0; left: 10px; font-size: 16px; } .suggest.readonly strong { color: #1d3516; } #offer-seek-div .suggest.readonly, #private-business-div .suggest.readonly { width: auto; margin: 10px 16px 0 0; padding: 10px; } #offer-seek-div .suggest.readonly p, #private-business-div .suggest.readonly p { width: 580px; } #categories .suggest.readonly { width: auto; margin: 16px 0 0 0; padding: 10px; } #categories .suggest.readonly [data-icon=circle_alert] { line-height: 1; margin-top: 0; font-size: 18px; } #categories .suggest.readonly [data-icon=circle_alert]:before { vertical-align: top; } #categories .suggest.readonly p { width: 480px; } #map_address .suggest.readonly { width: auto; margin: 10px 20px 0 0; padding: 10px; } #map_address .suggest.readonly p { width: 575px; } #infoChangeRegion .suggest.readonly { width: auto; margin: -5px 0 0 0; padding: 10px; } #infoChangeRegion .suggest.readonly p { width: 575px; } #gallery .icon.photoslabel { right: 100%; top: 100%; margin-right: 10px; } .paymanageinfo #gallery .icon.photoslabel { left: -133px; right: auto; top: 53px; } table.unactive { color: #a0a0a0; } table.unactive h3 { color: #a0a0a0; } .label-info { font-size: 10px; line-height: 15px; padding: 0 6px; } .label-archive { background: #a4a4a4; } .label-promoted { background: #f0e459; } .label-promoted .icon.pin.mini { margin-top: 3px; } div.suggest { background: #f1f5fc; padding: 7px 10px 7px 40px; top: -3px; left: 100%; width: 244px; min-height: 20px; margin-left: 20px; } div.suggest:before { width: 0; height: 0; position: absolute; left: -8px; top: 13px; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #f1f5fc transparent transparent; content: ""; } form.adding div.suggest { background: #3a77ff; color: #fff; width: 274px; font-size: 14px; line-height: 1.29; padding: 11px 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; top: 0; } form.adding div.suggest [data-icon=circle_info] { display: none; } form.adding div.suggest:before { border-right-color: #3a77ff; } form.adding div.suggest.error { position: relative; background-color: transparent !important; color: #de1609 !important; min-height: 0; font-size: 12px; line-height: 1.17; margin: 0; padding: 8px 0 0; left: 0; width: auto; clear: left; } form.adding div.suggest.error:before { display: none; } div.suggest.attachment .target { left: -8px; top: 50%; margin-top: -6px; } .change-password div.suggest .target { background-position: -183px -271px; } div.suggest [data-icon=circle_info] { color: #a2b2c3; font-size: 20px; position: absolute; left: 9px; top: 7px; } div.suggest.bottom { top: 100%; left: 0px; margin: 10px 0 0; } div.suggest.bottom:before { left: 13px; top: -8px; border-width: 0 6px 8px 6px; border-color: transparent transparent #f1f5fc transparent; } div.suggest.top { bottom: 100%; left: 13px; top: auto; margin: 0px 0px 10px; } div.suggest.top:before { left: 13px; bottom: -8px; top: auto; border-width: 8px 6px 0 6px; border-color: #f1f5fc transparent transparent transparent; } div.suggest.error { background-color: #c91414 !important; color: #fff !important; padding-left: 10px; } div.suggest.error:before { border-right-color: #c91414 !important; } div.suggest.error.bottom:before { border-color: transparent transparent #c91414 transparent !important; } div.suggest.error.top:before { border-color: #c91414 transparent transparent transparent !important; } div.suggest.error.attachment { padding: 0 10px; } div.suggest.error [data-icon] { display: none; } div.suggesttitle { background: #3a77ff; color: #fff; font-size: 14px !important; line-height: 1.29; padding: 10px 15px; bottom: 100%; left: 0; min-height: 18px; margin-bottom: 3px; white-space: nowrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } span.suggesttitle { background: #3a77ff; color: #fff; font-size: 14px !important; line-height: 1.29; padding: 10px 15px; bottom: 100%; left: 0; min-height: 18px; margin-bottom: 3px; white-space: nowrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } div.suggesttitle:before, span.suggesttitle:before { width: 0; height: 0; position: absolute; border-style: solid; content: ""; } div.suggesttitle:before, span.suggesttitle:before { left: 12px; bottom: -10px; border-width: 10px 7px 0 7px; border-color: #3a77ff transparent transparent transparent; } div.suggesttitlebottom { background: #3a77ff; color: #fff; top: 100%; left: 0; min-height: 18px; margin-top: 3px; white-space: nowrap; font-size: 14px !important; line-height: 1.29; padding: 10px 15px; } div.suggesttitlebottom:before { width: 0; height: 0; position: absolute; border-style: solid; content: ""; } div.suggesttitlebottom:before { left: 12px; top: -10px; border-width: 0 7px 10px 7px; border-color: transparent transparent #3a77ff transparent; } div.suggesttitlebottom.hint { background: #FFF3AD; color: #ccc; } div.suggesttitlebottom.hint:after { border-bottom-color: #FFF3AD; } div.suggesttitlebottom [data-icon] { vertical-align: middle; margin-right: 5px; position: relative; top: 1px; color: #a2b2c3; font-size: 16px; } div.suggesttitleright { background: #3a77ff; color: #fff; font-size: 14px !important; line-height: 1.29; padding: 10px 15px; right: 100%; top: 6px; min-height: 18px; margin-right: 14px; white-space: nowrap; } div.suggesttitleright:before { width: 0; height: 0; position: absolute; border-style: solid; content: ""; } div.suggesttitleright:before { right: -10px; top: 7px; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #3a77ff; } div.suggesttitleleft { background: #3a77ff; color: #fff; font-size: 14px !important; line-height: 1.29; padding: 10px 15px; left: 100%; top: 6px; min-height: 18px; margin-left: 14px; white-space: nowrap; } div.suggesttitleleft:before { width: 0; height: 0; position: absolute; border-style: solid; content: ""; } div.suggesttitleleft:before { left: -10px; top: 7px; border-width: 7px 10px 7px 0; border-color: transparent #3a77ff transparent transparent; } .suggestsearchmain { top: 100%; left: 0px; width: 710px; z-index: 100; margin-top: -1px; border: 1px solid #f2f4f5 !important; -webkit-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -moz-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -ms-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -o-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 22px 22px 22px 32px; } .suggestsearchmain li a.title { padding: 9px 22px 9px 32px; color: #002f34; font-size: 16px; line-height: 1.25; border-top: none; border-bottom: 1px solid #d8dfe0; display: flex; min-height: 56px; flex-direction: column; box-sizing: border-box; justify-content: center; } .suggestsearchmain li a.title > span.gray { font-size: 12px; font-weight: normal; line-height: 1.17; color: #406367; } .suggestsearchmain li a.title > span.gray .fbold { font-weight: normal; } .suggestsearchmain li a.title.withClear { padding-right: 30px; white-space: nowrap; } .suggestsearchmain li .clearopt { right: 0px; top: 50%; padding: 7px 22px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .suggestsearchmain li .clearopt [data-icon=close] { position: static; font-size: 14px; } .suggestsearchmain li a.title:hover + .clearopt a.icon.cleartext, .suggestsearchmain li a.search-choose-selected + .clearopt a.icon.cleartext { background-position: 0px -34px; } .suggestsearchmain li a.title:hover, .suggestsearchmain li a.search-choose-selected { background: #002f34; color: #ffffff; } .suggestsearchmain li a.title:hover *, .suggestsearchmain li a.search-choose-selected * { color: #ffffff !important; } .suggestsearchmain li a.title:hover + .clearopt [data-icon=close] { color: #fff; } .suggestsearchmain li label.title { background: #f4f4f4; padding: 7px 25px 7px 10px; text-shadow: 0 1px 0 #fff; } .suggestsearchmain li label.title .icon.f_checkbox { margin-right: 7px; margin-top: 3px; } .search .suggestsearchmain, .searchmain .suggestsearchmain { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 18px; width: 100% !important; margin-top: 0px; text-shadow: none !important; } .searchmain .locationrequest .proposals { width: auto; right: -1px; } .suggest-scroll a { background: #fbfbfb; } .suggestinput { top: 30px; left: 0px; min-width: 164px !important; overflow: auto; z-index: 11; margin-top: -1px; max-height: 360px; box-shadow: 0 1px 1px -1px #dadada; } .numeric-suggest { box-shadow: 0 1px 1px -1px #dadada; } .suggestinput.numeric { overflow: visible; } .suggestinput > li:last-child { border-bottom: none; } .suggestinput > li:last-child > a { border-bottom: none; } .numeric-suggest > li:last-child > a, .price-params > li:last-child > a { border-bottom: none; } .suggestinput li:hover, .numeric-suggest li:hover, .suggestinput li.active, .numeric-suggest li.active { background: #002f34; } .suggestinput li a.search-choose-selected { background: #002f34; } .suggestinput li:hover > * { color: #fff; } .numeric-suggest li:hover > *, .suggestinput li.active > *, .numeric-suggest li.active > * { color: #fff; } .suggestinput li a.search-choose-selected { color: #fff; } .suggestinput li.hfff:hover { background: #fff; } .suggestinput li label { cursor: pointer; } .suggestinput li label.value, .suggestinput li label a { padding: 8px 15px; } .suggestinput li a.category-choose { padding: 8px 15px; border-bottom: none; } .numeric-suggest li a { padding: 8px 15px; border-bottom: none; } .suggestinput li a.search-choose { padding: 8px 15px; } .suggestgeo { left: 0; margin-top: 0; top: 100%; width: auto !important; min-width: 378px; z-index: 10; max-height: 280px; overflow: auto; text-shadow: 0 0 0 transparent; font-size: 14px; line-height: 1.29; border: none !important; } .suggestgeo li a.title { padding: 9px 25px 9px 10px; max-width: 500px; text-overflow: ellipsis; overflow: hidden; } .suggestgeo li a.title:hover { background: #002e33; color: #fff; } .suggestgeo li a.search-choose-selected { background: #002e33; color: #fff; } .suggestgeo li a.title:hover *, .suggestgeo li a.search-choose-selected * { color: #fff; } .suggestgeo li:first-child > a { border-top: none; } .suggestgeo li a:hover { background: #002e33; color: #fff; } .suggestgeo li a:hover * { color: #fff; } form.search .suggestgeo, form.searchmain .suggestgeo { font-size: 14px; line-height: 18px; } .autosuggest-geo-adding { position: absolute; top: 100%; left: 0; z-index: 10; } .autosuggest-geo-adding .suggestgeo { position: static; background: #f2f4f5; } .autosuggest-geo-adding .suggestgeo li ul { background: #f2f4f5; position: absolute; left: 100%; margin-left: -1px; margin-top: -1px; top: 0; display: none; min-width: 298px; max-height: 280px; width: auto !important; overflow: auto; } .autosuggest-geo-adding .suggestgeo li a [data-icon] { font-size: 14px; right: 10px; top: 7px; position: absolute; color: #0098d0; } .autosuggest-geo-adding .suggestgeo li a.inactive { cursor: default; position: relative; } .autosuggest-geo-adding .suggestgeo li.hover > ul { display: block; } .autosuggest-geo-adding .suggestgeo li.hover > a { background: #002e33; color: #ffffff; } .autosuggest-geo-adding .suggestgeo li.hover > a * { color: #ffffff; } .autosuggest-geo-adding .suggestgeo li.hover > a.inactive [data-icon] { color: #fff; } .autosuggest-geo-adding .suggestgeo li > a.search-choose-selected [data-icon] { color: #fff; } table.offers .price { margin-top: 10px; text-align: right; white-space: nowrap; font-size: 16px; line-height: 1.25; } table.offers .price strong { font-weight: 500; } .listHandler table.offers .thumb.scale4, table.offers.userobserved-list .thumb.scale4 { width: 216px; height: 152px; line-height: 152px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .listHandler table.offers .thumb.scale4 img, table.offers.userobserved-list .thumb.scale4 img { width: 100%; max-width: none; max-height: none; } @supports (-o-object-fit: cover) or (object-fit: cover) { .listHandler table.offers .thumb.scale4 img img, table.offers.userobserved-list .thumb.scale4 img img { height: 100%; object-fit: cover; } } .listHandler table.offers .thumb.scale4 .courier-stamp, table.offers.userobserved-list .thumb.scale4 .courier-stamp { position: absolute; right: 8px; bottom: 8px; width: 32px !important; height: 32px !important; background: #fff !important; color: #002f34; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .listHandler table.offers .thumb.scale4 .courier-stamp [data-icon], table.offers.userobserved-list .thumb.scale4 .courier-stamp [data-icon] { line-height: 1; } .listHandler table.offers .thumb.scale4 .courier-stamp [data-icon]:before, table.offers.userobserved-list .thumb.scale4 .courier-stamp [data-icon]:before { vertical-align: top; } .listHandler table.offers .thumb.scale4.nophoto--job img, table.offers.userobserved-list .thumb.scale4.nophoto--job img { display: none; } table.offers .space { padding: 0 10px; } table.offers .space h3 { font-size: 20px; line-height: 1.2; } table.offers .space h3 a { background-color: transparent; transition: all 0.2s; } table.offers .space h3 a:hover { color: #fff; background-color: #002f34; } table.offers .space h3 strong { font-weight: 400; } table.offers tr a.observe-link span { visibility: visible; } table.offers tr a.observe-link span.link { visibility: visible; } table.offers tr .observelinkinfo [data-icon^=star] { color: #002f34; font-size: 22px; } table.offers + .pager { border-top: 1px dashed #f0f0f0; } table.offers .offer { padding: 6px 0; vertical-align: top; border-top: none; border-bottom: none; background: none; } table.offers .offer > table { height: 100%; } table.offers .offer-wrapper { padding: 8px; background: #fff; transition: all 0.2s; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } table.offers .offer-wrapper > table.fixed { height: 144px; } table.offers .offer .photo-cell { width: 216px; } table.offers .offer .title-cell { box-sizing: border-box; padding-top: 0; } table.offers .offer .bottom-cell { height: 22px; padding-bottom: 10px; } table.offers .offer .bottom-cell br { content: ""; } table.offers .offer .bottom-cell br:after { content: " "; } table.offers .offer .bottom-cell [data-icon] { display: none; } table.offers .offer .bottom-cell .breadcrumb + .breadcrumb span:before { content: ""; width: 3px; height: 1px; line-height: 1px; display: inline-block; vertical-align: middle; background: #406367; margin-right: 3px; } table.offers .offer .bottom-cell .breadcrumb span { font-size: 12px; font-weight: 400; color: #406367; line-height: 1; display: inline-block; margin-top: 0; } table.offers .offer .bottom-cell .breadcrumb:last-child span { margin-right: 0; } table.offers .offer .bottom-cell .breadcrumb--job-type span { margin-right: 8px; } table.offers .offer .observelinkinfo { padding-bottom: 0; } table.offers .offer .observelinkinfo .suggesttitleright { top: 7px; margin-right: 20px; } table.offers .offer .observelinkinfo .suggesttitleright p { display: none; } table.offers .offer .observelinkinfo:hover .suggesttitleright p { display: inline-block; } table.offers .offer .offer-path { display: none; } table.offers .adcontainer-tr .offer { border-bottom: none; } table.offers .offer small.breadcrumb span { font-weight: bold; margin-top: 2px; display: block; color: #909090; } .listHandler + .favsearchbox { border-top: none; } .listHandler + .favsearchbox + .favsearchbox { border-top: none; } .listHandler table.offers .adcontainer-tr .offer { height: auto; } .listHandler table.offers .adcontainer-tr .offer iframe { display: block; } .offer .icon.paid { left: 0; bottom: 0; top: auto; } .offer-job .job-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .offer-job .job-badges .icon.paid { position: static; } .offer-job .job-badges .ua-welcome-badge { display: flex; align-items: center; padding: 0 10px; height: 24px; background: #c8f8f6; color: #002f34; font-size: 12px; font-weight: 500; line-height: 24px; letter-spacing: 0.8px; text-transform: uppercase; border-radius: 0 2px 0 0; } .offer-job .job-badges .ua-welcome-badge img { margin-right: 8px; height: 18px; } .quickpromotion .offer { background: #fafafa; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); margin: 0px 5px 13px 7px; } .quickpromotion .offer table { border-collapse: separate; } .quickpromotion .offer table td { border-right: 1px solid #ebebeb; border-left: 1px solid #fff; } .quickpromotion .offer table td:first-child { border-left: none; } .quickpromotion .offer table td.last { border-right: none; } .quickpromotion .offer .target { width: 7px; height: 100%; top: 0px; left: -7px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fc0f2ccc018ab97365183a37e2f709398.png) repeat-y 0 0; } .quickpromotionbottom .icon.f_checkbox { margin: 5px 15px 0 39px; } table.myoffers thead th .label { height: 26px; line-height: 26px; } table.myoffers .thumb { margin: 0px 6px 0px 0px; } table.myoffers thead th { border-left: 1px solid #ffffff; padding-bottom: 8px; } table.myoffers thead th.selected { background: url(https://static.olx.uz/static/olxuz/packed/img/2f7ca20d18cbe1095e89e11130aea23764.png) no-repeat center 28px; } table.myoffers tbody td { border-left: 1px solid #f2f2f2; padding: 9px 0px; } table.myoffers tbody .even td { background: #F5F5F5; } table.myoffers tbody .unreaded td { background: #fcf9d8; } .adanswers .unreaded { background: #fcf9d8; } table.myoffers tbody td:first-child { border: none; } table.myoffers .w180 { width: 180px; } table.myoffers .space { padding: 0px 9px; } table.js-bundle-options { table-layout: fixed; } table.priceoptions { border: 1px solid #e7e7e7; } table.priceoptions thead th { border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 9px 0px; } table.priceoptions tbody td { border-left: 1px solid #e7e7e7; padding: 9px 0px; } table.priceoptions tbody .group-last-item + tr td { border-top: 3px solid #e7e7e7; } table.priceoptions tbody tr:nth-child(even) td { background-color: #f7f7f7; } table.priceoptions .space { padding: 0px 9px; } table.priceoptions .space + .space { border-top: 1px solid #e7e7e7; margin-top: 9px; padding-top: 9px; } table.priceoptions .space.wide1 { min-width: 65px; margin: auto; } table.priceoptions .space.wide2 { min-width: 36px; margin: auto; } table.priceoptions.fsize12 { font-size: 12px; } .notifycircle { background: #f2f4f5; width: 22px; height: 22px; border-radius: 50%; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; color: #002f34; font-weight: 400; } .notifycircle.new { background: #ffce32; } #body-container div.content .table-div { min-height: 350px; } #body-container div.content .table-div .accounthead { display: none; } .dottslist__list { display: none; } .dottslist.is-active .dottslist__list { display: block; } .myoffersnew .thead { margin-bottom: 24px; } .myoffersnew .thead .th { display: flex; align-items: center; min-height: 24px; font-size: 14px; line-height: 1.29; } .myoffersnew .thead .globalCheckbox-label { color: #7f9799; margin-left: 16px; } .myoffersnew .thead .globalopt > li { margin-left: 16px; } .myoffersnew .thead .globalopt > li.first { padding-left: 17px; position: relative; } .myoffersnew .thead .globalopt > li.first:before { border-left: 1px solid #839b9c; height: 16px; width: 0; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); content: ""; } .myoffersnew__main-actions { margin: 0 -15px 12px; display: flex; flex-wrap: wrap; font-size: 12px; line-height: 1.17; flex: 1; } .myoffersnew__main-actions li { display: inline-flex; padding: 0 15px; height: 16px; align-items: center; justify-content: center; border-left: 1px solid #839b9c; align-self: flex-end; } .myoffersnew__main-actions li:first-child { border-left: none; } .myoffersnew__main-actions li.has-courier { border-left: none; padding-left: 17px; } .myoffersnew__main-actions li.has-openCttModal { margin-left: auto; border-left: none; align-self: flex-start; height: auto; } .myoffersnew__main-actions li.has-openCttModal .openCttModal { display: inline; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; cursor: pointer; top: -5px; } .myoffersnew__main-actions li.has-openCttModal .openCttModal:first-letter { text-transform: uppercase; } .myoffersnew__main-actions li.has-openCttModal .openCttModal:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; } .myoffersnew__main-actions li.has-openCttModal .openCttModal:hover:after { left: 25%; right: 25%; } .myoffersnew__main-actions li.has-openCttModal .openCttModal div.suggesttitlebottom { font-weight: 400; } .myoffersnew__main-actions .courier { display: inline-flex; height: 28px; padding: 0 16px 0 40px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; align-items: center; justify-content: center; color: #406367; background: #ebf1ff; } .myoffersnew__main-actions .courier:before { content: "\e073"; } .myoffersnew__main-actions .courier:before { color: #002f34; position: absolute; left: 16px; top: 8px; font-size: 10px; } .myoffersnew__main-actions a { color: #406367; } .myoffersnew__main-actions a:hover { text-decoration: underline !important; } .myoffersnew__orderby { margin-left: auto; font-size: 14px; line-height: 1.29; color: #002f34; } .myoffersnew__orderby > a { display: inline-block; margin-left: 15px; color: #7f9799; } .myoffersnew__orderselect { width: 220px; } .myoffersnew .suggesttitlebottom.hint { margin-top: 12px; white-space: normal; width: 290px; top: 80%; padding-right: 20px; } .myoffersnew .suggesttitlebottom.hint .target { right: auto; left: 13px; } .myoffersnew .suggesttitlebottom.hint .icon.remove { right: 5px; top: 5px; background-position: -183px -128px; width: 10px; height: 10px; } .myoffersnew .label-until { background: #eeeeee; padding: 0px 8px; border: 1px solid #cfd0d0; border-radius: 3px; color: #636363; } .myoffersnew__head { display: flex; } .myoffersnew__row { display: flex; margin-top: 16px; } .myoffersnew__check { flex: 0 0 56px; max-width: 56px; align-items: center; display: flex; } .myoffersnew__item { background: #fff; padding: 15px; flex: 1; display: flex; min-width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; min-height: 168px; } .myoffersnew__cell--photo { flex: 0 0 194px; max-width: 194px; margin-right: 15px; } .myoffersnew__cell--content { flex: 1; display: flex; flex-direction: column; min-width: 0; } .myoffersnew__headline { display: flex; } .myoffersnew__title { margin-bottom: 5px; min-width: 0; flex: 1; } .myoffersnew__title h3 { font-size: 20px; line-height: 1.1; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .myoffersnew__title [data-icon] { font-size: 7px; color: #8e8e8e; } .myoffersnew__title [data-icon=remove] { color: #c00; } .myoffersnew__title [data-icon=delivery] { margin-right: 3px; font-size: 20px; vertical-align: middle; color: #f4742a; } .myoffersnew__title [data-icon=delivery].hidden { display: none; } .myoffersnew__title [data-icon=courier_logo] { margin-right: 3px; font-size: 20px; vertical-align: middle; color: #b0cb3f; } .myoffersnew__data { display: flex; align-items: center; margin: 0 -15px; } .myoffersnew__data > li { padding: 0 15px; position: relative; } .myoffersnew__data > li + li:before { border-left: 1px solid #839b9c; height: 16px; width: 0; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); content: ""; } .myoffersnew__data > li .dateContainer { font-weight: inherit; } .myoffersnew__data > li .promo-label { display: inline-block; vertical-align: middle; padding: 6px 10px; font-size: 10px; } .myoffersnew__data > li .promo-label--business { background: #2fb8ff; color: #fff; } .myoffersnew__data > li .promo-label--business:hover .suggesttitlebottom { display: block; margin-top: 6px; color: #000; padding: 4px 8px; width: 155px; white-space: normal; z-index: 10; } .myoffersnew__data > li .promo-label--business:hover .suggesttitlebottom .target { left: 9px; right: auto; } .myoffersnew__price { margin-left: 16px; font-size: 20px; line-height: 1.1; } .myoffersnew__price .normal { font-size: inherit; line-height: inherit; } .myoffersnew__image { width: 194px; height: 136px; background: #f9fafb; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; } .myoffersnew__image [data-icon=courier_logo], .myoffersnew__image [data-icon=delivery] { position: absolute; right: 8px; bottom: 8px; width: 26px !important; height: 27px !important; background: #fff !important; color: #002f34; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .myoffersnew__image img { width: 100%; } @supports (-o-object-fit: cover) or (object-fit: cover) { .myoffersnew__image img { height: 100%; object-fit: cover; } } .myoffersnew__stats { display: flex; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #f9fafb; padding: 11px 20px; font-size: 14px; line-height: 1.29; margin-right: 16px; } .myoffersnew__stats-item { display: flex; align-items: center; margin-right: 34px; position: relative; } .myoffersnew__stats-item:last-child { margin-right: 0; } .myoffersnew__stats-item--secondary { margin-right: 22px; color: #7f9799; } .myoffersnew__stats-item .messagesOffer, .myoffersnew__stats-item .showChartRowElem { display: inline-flex; align-items: center; position: relative; } .myoffersnew__stats-item .showChartRowElem { cursor: pointer; } .myoffersnew__stats-item .showChartRowElem:hover { text-decoration: underline; } .myoffersnew__stats-item [data-icon] { line-height: 1; margin-right: 7px; } .myoffersnew__stats-item [data-icon^=stats] { font-size: 10px; } .myoffersnew__stats-item [data-icon^=message] { font-size: 15px; } .myoffersnew__stats-item [data-icon^=eye-light] { font-size: 11px; } .myoffersnew__stats-item [data-icon^=handset] { font-size: 14px; } .myoffersnew__stats-item [data-icon^=star] { font-size: 15px; } .myoffersnew__details { display: flex; align-items: center; flex-wrap: wrap; } .myoffersnew__details .button { height: 40px; line-height: 40px !important; } .myoffersnew__details .button > * { height: 40px; line-height: 40px !important; } .myoffersnew__messages { margin-right: 16px; } .myoffersnew__messages .button.messagesOffer [data-icon] { line-height: 1; font-size: 14px; margin-right: 5px; vertical-align: middle; } .myoffersnew__actions { margin-left: auto; display: flex; align-items: center; } .myoffersnew__action { margin-left: 16px; } .myoffersnew__msg { position: relative; } .myoffersnew__msg .action_js { bottom: 100%; left: 0; z-index: 50; color: #002f34; } .myoffersnew__msg .action_js .corner { left: 0; top: 0; background: rgba(242, 244, 245, 0.87); width: 56px; height: 100%; } .myoffersnew__msg .action_js .inner { margin-left: 56px; background: rgba(203, 247, 238, 0.95); height: 100%; font-size: 14px; line-height: 1.29; } .myoffersnew__msg .action_js .inner p { top: 50%; display: flex; align-items: center; justify-content: center; } .myoffersnew__msg .action_js .inner p:before { content: ""; width: 40px; height: 40px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f1fe2950ec9b9c133a82f3942b4259de3.svg) no-repeat 50% 50%; background-size: contain; display: inline-block; } .myoffersnew__msg .action_js .inner p .message { margin-left: 16px; } .myoffersnew__msg .action_js.error .inner { background: rgba(255, 214, 201, 0.95); } .myoffersnew__msg .action_js.error .inner p:before { width: 40px; height: 37px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f8e58921876f1009847ea3d439bcded33.svg); } .myoffersnew__msg .action_js.warning .inner { background: rgba(252, 239, 171, 0.95); } .myoffersnew__msg .action_js.warning .inner p:before { display: none; } .myoffersnew__msg .action_js.is-loading .inner { background: rgba(255, 255, 255, 0.95); } .myoffersnew__msg .action_js.is-loading .inner p:before { display: none; } .myoffersnew__msg .action_js.is-loading .inner p .loader-container { position: relative; display: inline-flex; } .myoffersnew__msg .action_js.is-loading .inner p .loader-container > * { display: inline-block; overflow: hidden; text-indent: -1000em; animation: animation-olx-branding-dot-two 1.5s infinite ease-in; } .myoffersnew__msg .action_js.is-loading .inner p .loader-container > *, .myoffersnew__msg .action_js.is-loading .inner p .loader-container:before, .myoffersnew__msg .action_js.is-loading .inner p .loader-container:after { width: 20px; height: 20px; border-radius: 50%; box-sizing: border-box; background: #fff; border: 7.6px solid #002e33; } .myoffersnew__msg .action_js.is-loading .inner p .loader-container:before, .myoffersnew__msg .action_js.is-loading .inner p .loader-container:after { content: ""; display: inline-block; } .myoffersnew__msg .action_js.is-loading .inner p .loader-container:before { margin-right: 5px; border-width: 3.2px; animation: animation-olx-branding-dot-one 1.5s infinite ease-in; } .myoffersnew__msg .action_js.is-loading .inner p .loader-container:after { margin-left: 5px; border-width: 6px; animation: animation-olx-branding-dot-three 1.5s infinite ease-in; } .myoffersnew__msg .action_js.is-loading .inner p img.loader { display: none !important; } .myoffersnew__statuses { display: block; align-items: center; } .myoffersnew__statuses .infolabel { margin-left: 56px; display: flex; position: relative; padding: 11px 15px; align-items: center; background: #ceddff; color: #002f34; font-size: 14px; line-height: 1.29; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; margin-top: -4px; } .myoffersnew__statuses .infolabel .modInfo, .myoffersnew__statuses .infolabel .remove-link { margin-left: auto; font-size: 14px; font-weight: 500; line-height: 1.29; position: relative; display: inline-flex; text-decoration: none; } .myoffersnew__statuses .infolabel .modInfo:first-letter, .myoffersnew__statuses .infolabel .remove-link:first-letter { text-transform: uppercase; } .myoffersnew__statuses .infolabel .modInfo:after, .myoffersnew__statuses .infolabel .remove-link:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .myoffersnew__statuses .infolabel .modInfo:hover:after, .myoffersnew__statuses .infolabel .remove-link:hover:after { left: 25%; right: 25%; } .myoffersnew__statuses .statsviewscloud .suggesttitlebottom { margin-top: 8px; left: 50%; margin-left: -20px; padding: 4px 8px; } .myoffersnew__statuses .statsviewscloud .suggesttitlebottom .target { right: auto; left: 13px; } .not-enough-results-banner { background: #e9fcfb; text-align: center; padding: 24px 0; border-radius: 4px; margin: 20px 0; display: none; } .not-enough-results-banner__title { color: #000; font-size: 24px; font-weight: 500; display: inline-block; margin: 0 34px 0 0; } .not-enough-results-banner__text { font-size: 16px; line-height: 1.38; color: #406367; display: inline-block; padding-right: 169px; margin-right: 20px; position: relative; } .not-enough-results-banner__text:after { content: ""; width: 115px; height: 115px; position: absolute; right: 0; top: -45px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f1c8c708e4cb2684704749890bd8ed54c.svg) no-repeat 50% 50%; background-size: contain; } .not-enough-results-banner__button { border-radius: 4px; background-color: #002f34; padding: 15px 20px; color: #fff; font-size: 16px; font-weight: 500; display: inline-block; } .not-enough-results-banner__button:hover { text-decoration: none; } .not-enough-results-banner__button i { vertical-align: top; margin: -2px 8px -2px 0; font-size: 20px; } .not-enough-results-banner__button__confirm-txt { display: none; border-radius: 2px; background-color: rgba(40, 133, 0, 0.07); padding: 15px; margin-left: 20px; white-space: nowrap; } .not-enough-results-banner__button__confirm-txt span { color: #288500; display: inline-block; padding-left: 20px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f8c6d57bdaa3cd141edaa4359bfcddeae.svg) no-repeat left center; background-size: 14px; } .not-enough-results-banner.confirmed .not-enough-results-banner__button { display: none; } .not-enough-results-banner.confirmed .not-enough-results-banner__button__confirm-txt { display: inline-block; } table.offers.redesigned .price, table.offers.redesigned.userobserved-list .price, listHandler table.offers.redesigned .price { font-size: 16px; line-height: 1.25; } table.offers.redesigned .price strong, table.offers.redesigned.userobserved-list .price strong, listHandler table.offers.redesigned .price strong { font-weight: 500; } table.offers.redesigned .thumb.scale4, table.offers.redesigned.userobserved-list .thumb.scale4, listHandler table.offers.redesigned .thumb.scale4 { width: 216px; height: 152px; line-height: 152px; display: flex; align-items: center; justify-content: center; overflow: hidden; } table.offers.redesigned .thumb.scale4.nophoto, table.offers.redesigned.userobserved-list .thumb.scale4.nophoto, listHandler table.offers.redesigned .thumb.scale4.nophoto { border: 0; background: #f9f9f9; } table.offers.redesigned .thumb.scale4 img, table.offers.redesigned.userobserved-list .thumb.scale4 img, listHandler table.offers.redesigned .thumb.scale4 img { width: 100%; max-width: none; max-height: none; } @supports (-o-object-fit: cover) or (object-fit: cover) { table.offers.redesigned .thumb.scale4 img, table.offers.redesigned.userobserved-list .thumb.scale4 img, listHandler table.offers.redesigned .thumb.scale4 img { height: 100%; object-fit: cover; } } table.offers.redesigned .space h3, table.offers.redesigned.userobserved-list .space h3, listHandler table.offers.redesigned .space h3 { font-size: 20px; line-height: 1.2; } table.offers.redesigned .space h3 a, table.offers.redesigned.userobserved-list .space h3 a, listHandler table.offers.redesigned .space h3 a { background-color: transparent; transition: all 0.2s; } table.offers.redesigned .space h3 a:hover, table.offers.redesigned.userobserved-list .space h3 a:hover, listHandler table.offers.redesigned .space h3 a:hover { color: #fff; background-color: #002f34; } table.offers.redesigned .space h3 strong, table.offers.redesigned.userobserved-list .space h3 strong, listHandler table.offers.redesigned .space h3 strong { font-weight: 400; } table.offers.redesigned tr .observelinkinfo [data-icon^=star], table.offers.redesigned.userobserved-list tr .observelinkinfo [data-icon^=star], listHandler table.offers.redesigned tr .observelinkinfo [data-icon^=star] { color: #002f34; font-size: 22px; } table.offers.redesigned .offer, table.offers.redesigned.userobserved-list .offer, listHandler table.offers.redesigned .offer { border-bottom: none; padding: 6px 0; height: auto; background: none; } table.offers.redesigned .offer-job .title-cell .space, table.offers.redesigned.userobserved-list .offer-job .title-cell .space, listHandler table.offers.redesigned .offer-job .title-cell .space { display: flex; flex-direction: column; min-height: 100%; } table.offers.redesigned .offer-job .title-cell .space .list-item__price, table.offers.redesigned.userobserved-list .offer-job .title-cell .space .list-item__price, listHandler table.offers.redesigned .offer-job .title-cell .space .list-item__price { margin-top: auto; } table.offers.redesigned .offer-wrapper, table.offers.redesigned.userobserved-list .offer-wrapper, listHandler table.offers.redesigned .offer-wrapper { padding: 8px; background: #fff; transition: all 0.2s; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } table.offers.redesigned .offer-wrapper > table.fixed, table.offers.redesigned.userobserved-list .offer-wrapper > table.fixed, listHandler table.offers.redesigned .offer-wrapper > table.fixed { height: 144px; } table.offers.redesigned .offer-logo a, table.offers.redesigned.userobserved-list .offer-logo a, listHandler table.offers.redesigned .offer-logo a { color: #959595; font-size: 12px; } table.offers.redesigned .offer-logo a:hover, table.offers.redesigned.userobserved-list .offer-logo a:hover, listHandler table.offers.redesigned .offer-logo a:hover { text-decoration: none; } table.offers.redesigned .offer-logo img, table.offers.redesigned.userobserved-list .offer-logo img, listHandler table.offers.redesigned .offer-logo img { max-height: 80px; max-width: 120px; display: inline-block; } table.offers.redesigned .offer-logo__title, table.offers.redesigned.userobserved-list .offer-logo__title, listHandler table.offers.redesigned .offer-logo__title { display: inline-block; vertical-align: middle; margin: 0 5px; } table.offers.redesigned .offer .photo-cell, table.offers.redesigned.userobserved-list .offer .photo-cell, listHandler table.offers.redesigned .offer .photo-cell { width: 216px; } table.offers.redesigned .offer .title-cell, table.offers.redesigned.userobserved-list .offer .title-cell, listHandler table.offers.redesigned .offer .title-cell { box-sizing: border-box; padding-top: 0; } table.offers.redesigned .offer .bottom-cell, table.offers.redesigned.userobserved-list .offer .bottom-cell, listHandler table.offers.redesigned .offer .bottom-cell { height: 22px; padding-bottom: 10px; } table.offers.redesigned .offer .bottom-cell [data-icon], table.offers.redesigned.userobserved-list .offer .bottom-cell [data-icon], listHandler table.offers.redesigned .offer .bottom-cell [data-icon] { display: none; } table.offers.redesigned .offer .bottom-cell .breadcrumb + .breadcrumb span:before, table.offers.redesigned.userobserved-list .offer .bottom-cell .breadcrumb + .breadcrumb span:before, listHandler table.offers.redesigned .offer .bottom-cell .breadcrumb + .breadcrumb span:before { content: ""; width: 3px; height: 1px; line-height: 1px; display: inline-block; vertical-align: middle; background: #406367; margin-right: 3px; } table.offers.redesigned .offer .bottom-cell .breadcrumb span, table.offers.redesigned.userobserved-list .offer .bottom-cell .breadcrumb span, listHandler table.offers.redesigned .offer .bottom-cell .breadcrumb span { font-size: 12px; font-weight: 400; color: #406367; line-height: 1; display: inline-block; margin-top: 0; } table.offers.redesigned .offer .bottom-cell .breadcrumb:last-child span, table.offers.redesigned.userobserved-list .offer .bottom-cell .breadcrumb:last-child span, listHandler table.offers.redesigned .offer .bottom-cell .breadcrumb:last-child span { margin-right: 0; } table.offers.redesigned .offer .bottom-cell .breadcrumb--job-type span, table.offers.redesigned.userobserved-list .offer .bottom-cell .breadcrumb--job-type span, listHandler table.offers.redesigned .offer .bottom-cell .breadcrumb--job-type span { margin-right: 8px; } table.offers.redesigned .offer .list-item__price, table.offers.redesigned.userobserved-list .offer .list-item__price, listHandler table.offers.redesigned .offer .list-item__price { font-size: 16px; padding: 10px 0 0 0; } table.offers.redesigned .offer .observelinkinfo, table.offers.redesigned.userobserved-list .offer .observelinkinfo, listHandler table.offers.redesigned .offer .observelinkinfo { padding-bottom: 0; } table.offers.redesigned .offer .observelinkinfo .suggesttitleright, table.offers.redesigned.userobserved-list .offer .observelinkinfo .suggesttitleright, listHandler table.offers.redesigned .offer .observelinkinfo .suggesttitleright { top: 7px; margin-right: 20px; } table.offers.redesigned .offer .observelinkinfo .suggesttitleright p, table.offers.redesigned.userobserved-list .offer .observelinkinfo .suggesttitleright p, listHandler table.offers.redesigned .offer .observelinkinfo .suggesttitleright p { display: none; } table.offers.redesigned .offer .observelinkinfo:hover .suggesttitleright p, table.offers.redesigned.userobserved-list .offer .observelinkinfo:hover .suggesttitleright p, listHandler table.offers.redesigned .offer .observelinkinfo:hover .suggesttitleright p { display: inline-block; } .observe-search-banner { display: none; padding: 20px 0; } .observe-search-banner--fixed { position: fixed; bottom: 0; left: 0; z-index: 99; width: 100%; padding: 0; } .observe-search-banner--fixed .observe-search-banner__inner { border-radius: 0; } .observe-search-banner__inner { padding: 24px 0; text-align: center; background: #e9fcfb; border-radius: 4px; } .observe-search-banner__title { color: #000; font-size: 24px; font-weight: 500; display: inline-block; margin: 0 34px 0 0; } .observe-search-banner__text { font-size: 16px; line-height: 1.38; color: #406367; display: inline-block; padding-right: 169px; margin-right: 20px; position: relative; } .observe-search-banner__text:after { content: ""; width: 115px; height: 115px; position: absolute; right: 0; top: -45px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f1c8c708e4cb2684704749890bd8ed54c.svg) no-repeat 50% 50%; background-size: contain; } .observe-search-banner__icon { display: none; } .observe-search-banner__button { border-radius: 4px; background-color: #002f34; padding: 15px 20px; color: #fff; font-size: 16px; font-weight: 500; display: inline-block; } .observe-search-banner__button:hover { text-decoration: none; } .observe-search-banner__button i { vertical-align: top; margin: -2px 8px -2px 0; font-size: 20px; } .observe-search-banner__button__confirm-txt { display: none; border-radius: 2px; background-color: rgba(40, 133, 0, 0.07); padding: 15px; margin-left: 20px; white-space: nowrap; } .observe-search-banner__button__confirm-txt span { color: #288500; display: inline-block; padding-left: 20px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f8c6d57bdaa3cd141edaa4359bfcddeae.svg) no-repeat left center; background-size: 14px; } .observe-search-banner.confirmed .observe-search-banner__button { display: none; } .observe-search-banner.confirmed .observe-search-banner__button__confirm-txt { display: inline-block; } .slidecrumb ul { top: 100%; left: 0px; border: 1px solid #BDBDBB; width: 200px; -webkit-border-radius: 0px 3px 3px 3px; -moz-border-radius: 0px 3px 3px 3px; -ms-border-radius: 0px 3px 3px 3px; -o-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px; -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); margin-top: -1px; } .slidecrumb ul a { padding: 3px 7px; } .slidecrumb ul a:hover { background: #2965be; color: #fff; } .slidecrumb .title, .slidecrumb .slash { padding: 4px 4px 3px; } .slidecrumb .selected { border: 1px solid #BDBDBB; border-bottom: none; padding: 3px 7px !important; background: #fff; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } ul.sorting li { padding: 8px; } ul.sorting li.bre3 { padding: 8px 15px; } ul.sorting input[type=checkbox] { margin: 7px 3px 0px 0px; } ul.sorting .icon { margin-left: 11px; } ul.sorting .icon.manage1 { margin-top: 5px; } ul.sorting .icon.manage2 { margin-top: 0px; } ul.sorting .icon.manage3, ul.sorting .icon.manage4, ul.sorting .icon.manage5 { margin-top: 5px; } table.mybusinesspacks thead th { border-top: 1px solid #F1F1F1; padding: 10px 15px; background: #fff; color: #959595; } table.mybusinesspacks tbody tr.row-elem > td { border-top: 1px solid #EBEBEB; padding: 13px 15px; background: #fff; } table.mybusinesspacks tbody tr.row-elem.is-expired > td:not(.row-elem__title), table.mybusinesspacks tbody tr.row-elem.is-expired + .row-packinfo .progressbar { opacity: 0.2; } table.mybusinesspacks tbody tr.row-elem.is-expired > td.row-elem__title:after { content: " - " attr(data-expired-text); } table.mybusinesspacks tbody tr.row-packinfo > td { padding: 0px 15px 10px; } table.mybusinesspacks tbody tr.row-shadow > td { height: 8px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fb89e9ec39110f5164a5608ecf7d53086.png) repeat-x 0 0 #F2F2F2; } table.mybusinesspacks tbody tr.row-shadow:last-child > td { background-color: transparent; } table.mybusinesspacks .actionbox { background: #f5f6f7; padding: 8px 10px 8px 20px; } table.mybusinesspacks .actionbox .button { min-width: 100px; text-align: center; text-transform: uppercase; } table.mybusinesspacks .progressbar { background: #f7f7f7; height: 6px; margin-bottom: 11px; -webkit-box-shadow: inset -1px 1px 5px 0px rgba(0, 0, 0, 0.24); -moz-box-shadow: inset -1px 1px 5px 0px rgba(0, 0, 0, 0.24); -ms-box-shadow: inset -1px 1px 5px 0px rgba(0, 0, 0, 0.24); -o-box-shadow: inset -1px 1px 5px 0px rgba(0, 0, 0, 0.24); box-shadow: inset -1px 1px 5px 0px rgba(0, 0, 0, 0.24); } table.mybusinesspacks .progressbar > div { height: 100%; background-color: #ee6232; background-image: -webkit-gradient(linear, left top, left bottom, from(#ee6232), to(#c54215)); background-image: -webkit-linear-gradient(top, #ee6232, #c54215); background-image: -moz-linear-gradient(top, #ee6232, #c54215); background-image: -ms-linear-gradient(top, #ee6232, #c54215); background-image: -o-linear-gradient(top, #ee6232, #c54215); background-image: linear-gradient(top, #ee6232, #c54215); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#ee6232", end-colourStr="#c54215"); } table.mybusinesspacks .progressbar > div.low { background-color: #ffd65e; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#d9a50b)); background-image: -webkit-linear-gradient(top, #ffd65e, #d9a50b); background-image: -moz-linear-gradient(top, #ffd65e, #d9a50b); background-image: -ms-linear-gradient(top, #ffd65e, #d9a50b); background-image: -o-linear-gradient(top, #ffd65e, #d9a50b); background-image: linear-gradient(top, #ffd65e, #d9a50b); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#ffd65e", end-colourStr="#d9a50b"); } table.mybusinesspacks .progressbar > div.much { background-color: #b6e026; background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e026), to(#8ebd0d)); background-image: -webkit-linear-gradient(top, #b6e026, #8ebd0d); background-image: -moz-linear-gradient(top, #b6e026, #8ebd0d); background-image: -ms-linear-gradient(top, #b6e026, #8ebd0d); background-image: -o-linear-gradient(top, #b6e026, #8ebd0d); background-image: linear-gradient(top, #b6e026, #8ebd0d); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#b6e026", end-colourStr="#8ebd0d"); } table.mybusinesspacks [data-icon=circle_alert] { font-size: 19px; color: #f8352f; margin: 0 3px; vertical-align: middle; display: inline-block; } .myaccount-pack-list__item { padding: 30px 25px 25px 110px; position: relative; min-height: 190px; background: #fff; margin-top: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .myaccount-pack-list__item__pack-name { font-size: 14px; line-height: 1.29; text-align: left; color: #7f9799; margin: 0; } .myaccount-pack-list__item__pack-name a { margin-left: 10px; text-decoration: none; } .myaccount-pack-list__item__pack-location { margin: 10px 0 20px 0; min-height: 20px; } .myaccount-pack-list__item__pack-location span { font-size: 14px; color: #7f9799; display: flex; align-items: center; } .myaccount-pack-list__item__pack-location span:before { content: "\e053"; } .myaccount-pack-list__item__pack-location span:before { font-size: 21px; margin-right: 7px; } .myaccount-pack-list__item__pack-type { display: block; font-size: 20px; line-height: 1.1; color: #7f9799; margin-bottom: 5px; } .myaccount-pack-list__item__columns { display: flex; justify-content: space-between; margin-top: 20px; } .myaccount-pack-list__item__columns__col { padding: 0 5px; box-sizing: border-box; } .myaccount-pack-list__item__columns__col:first-child { padding-left: 0; padding-right: 20px; width: 240px; } .myaccount-pack-list__item__columns__col:last-child { padding-right: 0; padding-left: 0; display: flex; align-items: center; width: 169px; } .myaccount-pack-list__item__columns__col--subscription { min-width: 245px; display: flex; align-items: center; justify-content: flex-end; } .myaccount-pack-list__item__columns__col--date { min-width: 168px; } .myaccount-pack-list__item__columns__col label { color: #7f9799; display: block; margin: 0 0 8px 0; font-size: 14px; } .myaccount-pack-list__item__columns__col h4 { font-size: 24px; color: #002f34; line-height: 1.08; } .myaccount-pack-list__item__columns__col .pack-subscription-checkbox-wrapper { border: 0; background: transparent; max-width: 270px; margin: 5px 0 0 0; } .myaccount-pack-list__item__columns__col .pack-subscription-checkbox-wrapper label { margin: 0; } .myaccount-pack-list__item__columns__col .pack-subscription-checkbox-wrapper .checkbox-label { font-size: 13px; } .myaccount-pack-list__item__columns__col .subscribe-wrapper { position: relative; display: inline-block; } .myaccount-pack-list__item__columns__col .subscribe-wrapper:hover .subscribe-wrapper__content { display: block; } .myaccount-pack-list__item__columns__col .subscribe-wrapper__content { display: none; padding: 10px; margin: 7px 0 0 2px; border: 1px solid #f3f3f3; background: #fff; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 200px; z-index: 10; box-shadow: 1px 2px 4px 0 #f3f3f3; } .myaccount-pack-list__item__columns__col .subscribe-wrapper__content:after { content: " "; position: absolute; top: -14px; left: 50%; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #e6e6e6 transparent; } .myaccount-pack-list__item__columns__col .subscribe-wrapper__content:before { content: " "; position: absolute; top: -13px; left: 50%; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #fff transparent; z-index: 1; } .myaccount-pack-list__item__columns__col .button-primary { font-size: 16px; font-weight: 500; min-width: 169px; cursor: pointer; text-align: center; text-decoration: none; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; background: #002f34; color: #fff; } .myaccount-pack-list__item__columns__col .button-primary:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .myaccount-pack-list__item__columns__col .button-secondary { font-size: 14px; font-weight: 500; width: 130px; cursor: pointer; text-align: center; text-decoration: none; padding: 11px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 2px #002f34; -moz-box-shadow: inset 0 0 0 2px #002f34; -ms-box-shadow: inset 0 0 0 2px #002f34; -o-box-shadow: inset 0 0 0 2px #002f34; box-shadow: inset 0 0 0 2px #002f34; background: none; color: #002f34; } .myaccount-pack-list__item__columns__col .button-secondary:hover { -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .myaccount-pack-list__item__columns__col .disabled { background-color: #c6c6c6; border: 2px solid #c6c6c6; cursor: inherit; } .myaccount-pack-list__item .cat-icon { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; font-size: 26px; position: absolute; top: 32px; left: 25px; background-repeat: no-repeat; background-size: 100%; border-radius: 50%; } .myaccount-pack-list__item__days-left { font-size: 12px; } .myaccount-pack-list__categories { margin-bottom: 9px; } .myaccount-pack-list__categories-list { font-size: 24px; font-weight: normal; line-height: 1.08; display: inline-block; vertical-align: middle; } .myaccount-pack-list__categories-toggle { display: inline-block; font-size: 14px; color: #999; vertical-align: middle; cursor: pointer; margin: 0 0 -4px 0; } .myaccount-pack-list__categories-toggle.hidden { display: none; } .myaccount-pack-list__categories.collapsed { margin-bottom: 0; } .myaccount-pack-list__categories.collapsed .myaccount-pack-list__categories-list { max-width: 620px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .myaccount-pack-list__categories-separator { margin: 0 10px; } .myaccount-pack-list__categories-wrapper { position: relative; margin: 0 0 10px 0; } .myaccount-pack-list_section { margin: 0 0 46px 0; } .myaccount-pack-list_section:last-of-type { margin-bottom: 0; } .myaccount-pack-list_section-title { font-size: 20px; margin-bottom: 27px; font-weight: 500; color: #002f34; min-height: 20px; line-height: 1.1; } #body-container div.content.content--pack-list .accounthead { padding-bottom: 15px; padding-left: 20px; border-bottom: 0; } table.mywallet tbody td { border-left: 1px solid #f2f2f2; padding: 15px 0; } table.mywalletnew { border-collapse: separate; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 14px; } table.mywalletnew .normal, table.mywalletnew .x-normal { font-size: inherit; line-height: inherit; } table.mywalletnew .small { font-size: 13px !important; } table.mywalletnew thead th { background: #fff; padding: 19px 16px; color: #7f9799; height: auto; } table.mywalletnew thead th a { white-space: nowrap; } table.mywalletnew thead th.space { width: 24px; border: none; padding: 0; } table.mywalletnew thead th.space + th { padding-left: 0; } table.mywalletnew thead th:first-child { border-radius: 4px 0 0 4px; } table.mywalletnew thead th:last-child { border-radius: 0 4px 4px 0; } table.mywalletnew thead th [data-icon*=arrow] { font-size: 9px; vertical-align: middle; margin-left: 5px; } table.mywalletnew thead th .globalopt { top: -3px; left: 0px; width: 810px; } table.mywalletnew thead th .globalopt li { border-left: 1px solid #e8e8e8; padding: 3px 10px; } table.mywalletnew thead th .globalopt li.first { border-left: none; padding-left: 0px; } table.mywalletnew thead th .globalopt li.disabled a.link { color: #DADADA; cursor: default; text-decoration: none; } table.mywalletnew thead th .globalopt li.disabled a.link > * { color: #DADADA; } table.mywalletnew thead th .globalopt li.disabled a.link:hover > * { background: none; } table.mywalletnew tbody:before { content: ""; display: table-row; height: 10px; } table.mywalletnew tbody tr.row-elem:first-child td { border-top: none; } table.mywalletnew tbody tr.row-elem:first-child > td:first-child { border-radius: 4px 0 0 0; } table.mywalletnew tbody tr.row-elem:first-child > td:last-child { border-radius: 0 4px 0 0; } table.mywalletnew tbody tr.row-elem:last-child > td:first-child { border-radius: 0 0 0 4px; } table.mywalletnew tbody tr.row-elem:last-child > td:last-child { border-radius: 0 0 4px 0; } table.mywalletnew tbody tr.row-elem > td { background: #fff; padding: 23px 16px; border-top: 1px solid #d8dfe0; } table.mywalletnew tbody tr.row-elem > td.space { width: 24px; border: none; padding: 0; } table.mywalletnew tbody tr.row-elem > td.space + td { padding-left: 0; } table.mywalletnew tbody tr.row-elem > td.last { border-left: 1px solid #d8dfe0; } table.mywalletnew tbody tr.row-elem .status { width: 94px; border: 3px solid #ccc; padding: 4px 0; color: #9b9b9b; } table.mywalletnew tbody tr.unreaded td { font-weight: bold; } table.mywalletnew tbody .clickable { cursor: pointer; } table.mywalletnew tbody .title { max-width: 550px; font-size: 14px; } table.mywalletnew tbody .title p { margin-top: 2px; color: #7f9799; } table.mywalletnew tbody .title p .link { color: #3a77ff; font-size: 14px !important; } table.mywalletnew tbody .title p .link > * { background: none; color: inherit; } table.mywalletnew tbody .title p .link:hover { text-decoration: underline; } table.mywalletnew tbody .olx-button { padding-top: 11px; padding-bottom: 11px; } .pointsMore table.mywalletnew tbody tr.row-elem:first-child > td { border-top: none; } .mywalletnew-showmore { text-align: center; font-size: 9px; line-height: 13px; display: block; padding: 10px 0 22px; border-bottom: 1px solid #ebebeb; background: #fafafa; position: relative; } .mywalletnew-showmore:before, .mywalletnew-showmore:after { width: 0; height: 0; border-style: solid; border-width: 7px 7px 0; border-color: #a5a5a5 transparent transparent transparent; content: ""; margin-left: -7px; display: block; position: absolute; left: 50%; bottom: 12px; } .mywalletnew-showmore:after { border-color: #fafafa transparent transparent transparent; bottom: 15px; } .subnav-xmlads { padding: 10px; border-bottom: 1px solid #d1d1d1; text-align: right; font-size: 13px; } .subnav-xmlads a { display: inline-block; vertical-align: middle; margin-right: 30px; } .upload-form { display: inline-block; vertical-align: middle; } .upload-button { border: 1px solid #cacaca; position: relative; overflow: hidden; color: #1899ce; font-size: 12px; font-weight: bold; text-align: center; background: #fff; display: inline-block; vertical-align: middle; border-radius: 3px; } .upload-button label { cursor: pointer; position: relative; display: block; padding: 5px 10px 5px 25px; } .upload-button label:before { width: 2px; height: 10px; content: ""; background: #1899ce; position: absolute; left: 12px; top: 9px; } .upload-button label:after { width: 10px; height: 2px; content: ""; background: #1899ce; position: absolute; left: 8px; top: 13px; } .upload-button label.progress:before { width: 16px; height: 16px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f7b9776076d5fceef4993b55c9383dedd.gif); margin-top: -8px; left: 5px; top: 50%; opacity: 0.5; } .upload-button label.progress:after { content: none; } .upload-button input[type=file] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; } .xmlads-table { width: 100%; font-size: 12px; } .xmlads-table thead th { padding: 9px 11px; color: #959595; border-top: 1px solid #f1f1f1; } .xmlads-table thead th:first-child { padding-left: 15px; } .xmlads-table td { padding: 15px 11px; border-top: 1px solid #ebebeb; } .xmlads-table td:first-child { padding-left: 15px; } .xmlads-table .td-date { white-space: nowrap; } .xmlads-table .td-status { color: #8d8d8d; position: relative; } .xmlads-table .td-status em { color: #000; font-weight: bold; } .xmlads-table .td-status em:before { font-size: 16px; display: inline-block; vertical-align: middle; margin: -1px 5px 0 0; } .xmlads-table .td-status--processing em:before { content: "\e02e"; } .xmlads-table .td-status--processing em:before { color: #86b6ca; } .xmlads-table .td-status--error em:before { content: "\e02f"; } .xmlads-table .td-status--error em:before { color: #f43939; } .xmlads-table .td-status--success em:before { content: "\e035"; } .xmlads-table .td-status--success em:before { color: #8abf5b; } .xmlstatus-box { width: 380px; padding: 15px 30px 15px 45px; margin-left: -250px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 4px; background: #d4eefb; position: absolute; left: 50%; bottom: 100%; box-shadow: 2px 2px 8px rgba(40, 40, 40, 0.2); line-height: 22px; color: #000; } .xmlstatus-box:before, .xmlstatus-box:after { width: 0; height: 0; border: 1px solid transparent; position: absolute; top: 100%; left: 50%; content: ""; } .xmlstatus-box:before { border-color: transparent; border-top-color: #fff; border-width: 11px; margin-left: -11px; } .xmlstatus-box:after { border-color: transparent; border-top-color: #d4eefb; border-width: 10px; margin-left: -10px; } .xmlstatus-box__close { position: absolute; right: 7px; top: 7px; } .xmlstatus-box [data-icon=circle_info] { position: absolute; left: 14px; top: 14px; font-size: 20px; color: #249acc; } .xmlads-errors { width: 100%; font-size: 12px; border: 1px solid #dedede; background: #fff; } .xmlads-errors thead th { padding: 5px 12px; color: #0098d0; } .xmlads-errors thead th:nth-child(1) { width: 40px; } .xmlads-errors td { padding: 5px 12px; border-top: 1px solid #ebebeb; } .xmlerrors-popup__buttons { padding: 10px 0; text-align: right; } .xmlerrors-popup__buttons a { display: inline-block; vertical-align: middle; margin-left: 10px; } .xmlerrors-popup__buttons .button-download { padding: 5px 10px; background: #fff; border-radius: 3px; border: 1px solid #cacaca; } .xml-link-form { min-width: 360px; display: inline-block; } .xml-link-form [type=text] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; } .xml-link-form .fblock--buttons a { line-height: 34px; } .xml-link-form .fblock--buttons button { float: right; } #fancybox-outer.fancybox-outer--xmlerrors { padding: 10px; background: #fafafa; border: 1px solid #dedede; border-radius: 0; } .fancybox-outer--xmlerrors #fancybox-content { border-radius: 0; } .fancybox-outer--xmlerrors #fancybox-title.fancybox-title-inside { border: none; margin-bottom: 0 !important; } .fancybox-outer--xmlerrors #fancybox-title.fancybox-title-inside div { padding: 10px 5px 15px; background: #fafafa; font-size: 17px; border: none; } .olx-button { margin: 0; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; vertical-align: middle; position: relative; font: inherit; cursor: pointer; font-size: 14px; font-weight: 500; } .olx-button:hover { text-decoration: none; } .olx-button--primary { padding: 15px 20px; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; background: #002f34; color: #fff; } .olx-button--primary:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .olx-button--primary.disabled { cursor: default; border-color: #d8dfe0; background-color: #d8dfe0; color: #7f9799; box-shadow: none; pointer-events: none; } .olx-button--primary.disabled:hover { color: #7f9799; box-shadow: none; } .olx-button--secondary { padding: 15px 20px; background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 2px #002f34; -moz-box-shadow: inset 0 0 0 2px #002f34; -ms-box-shadow: inset 0 0 0 2px #002f34; -o-box-shadow: inset 0 0 0 2px #002f34; box-shadow: inset 0 0 0 2px #002f34; } .olx-button--secondary:hover { -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .olx-button--tertiary { box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } .olx-button--tertiary:first-letter { text-transform: uppercase; } .olx-button--tertiary:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .olx-button--tertiary:hover:after { left: 25%; right: 25%; } .olx-button--medium { font-weight: 600; font-size: 16px; } .button { font-weight: 500; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; background-color: #002f34; border: none; color: #fff; padding: 0; height: 48px; line-height: 48px !important; cursor: pointer; } .button:hover { color: #002f34; background-color: #fff; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .button:hover > * { color: inherit; } .button.inverted { color: #002f34; background-color: #fff; -webkit-box-shadow: inset 0 0 0 2px #002f34; -moz-box-shadow: inset 0 0 0 2px #002f34; -ms-box-shadow: inset 0 0 0 2px #002f34; -o-box-shadow: inset 0 0 0 2px #002f34; box-shadow: inset 0 0 0 2px #002f34; } .button.inverted:hover { -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .button.type2 { background-color: #a50502; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .button input[type=submit] { background: none; border: none; font-weight: inherit; vertical-align: top; } .button .icon { padding: 0 !important; } .button.disabled { background-color: #d8dfe0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; cursor: default !important; color: #7f9799; } .button.disabled:hover { background-color: #d8dfe0; color: #7f9799; } .button.disabled:hover > * { color: inherit; } .button > * { padding: 0 10px; height: 48px; line-height: 48px !important; cursor: inherit; } .button > * { padding: 0 15px; } .button.mini > * { padding: 0 10px; } .button.wide > * { padding: 0 50px; } .button.searchmain .icon { margin: 6px 35px 0 35px; } .button.searchmain input[type=submit] { margin-left: -99px; padding: 0 0 0 99px; text-indent: -1000em; width: 99px; } .button.searchsmall [data-icon] { font-size: 22px; vertical-align: top; position: relative; top: 4px; left: 2px; } .button.searchsmall input[type=submit] { margin-left: -49px; padding: 0 0 0 49px; text-indent: -1000em; width: 49px; position: relative; } .button.search.big .icon { margin: 7px 22px 0px 22px; } .button.search.big input[type=submit] { margin-left: -70px; padding: 0px 0px 0px 70px; text-indent: -1000em; width: 0; } .button.searchquick.mini2 .icon { margin: 5px 0px 0px 6px; } .button.searchquick.mini2 input[type=submit] { margin-left: -19px; padding: 0px 8px 0px 20px; } .button.send .icon { margin: 9px 0px 0px 8px; } .button.send input[type=submit] { margin-left: -25px; padding-left: 33px; } .button.send2 { padding: 5px 0; font-size: 18px; font-weight: normal; } .button.send2 .icon { margin: 11px 0px 0px 15px; } .button.send2 .icon.otodom { margin: 8px 0px 0px 0px; } .button.send2 span.message { padding-left: 7px; } .button.send3 [data-icon] { display: none; } .button.send4 { font-size: 18px; padding: 8px 25px; } .button.send4 [data-icon] { padding: 0; margin-right: 8px; vertical-align: middle; font-size: 24px; } .button.back.mini .icon { margin: 6px 0px 0px 5px; } .button.back.mini span { padding-left: 6px; } .button.next.mini .icon { margin: 6px 5px 0px 0px; } .button.next.mini span { padding-right: 6px; } .button.remove.mini .icon { margin: 6px 0px 0px 7px; } .button.remove.mini span { padding-left: 5px; } .button.end.mini .icon { margin: 7px 0px 0px 7px; } .button.end.mini span { padding-left: 5px; } .button.activate.mini .icon { margin: 6px 0px 0px 7px; } .button.activate.mini span { padding-left: 5px; } .button.deleteaccount > * { padding: 0px 25px; } .button.slide.mini .icon { margin: 7px 7px 0px 0px; } .button.slide.mini span { padding-right: 7px; } .button.offertop .icon { margin: -6px -14px 0px 4px; } .button.offerpush .icon { margin: -5px -14px 0px 4px; } .button.sendinemail.mini4 { height: 20px; line-height: 20px !important; } .button.sendinemail.mini4 > * { height: 20px; line-height: 20px !important; } .button.sendinemail.mini4 .icon { display: none; } .button.messagesOffer .notifycircle { position: absolute; left: 100%; top: -11px; margin-left: -11px; } .button.extendLink2 [data-icon] { padding-right: 0; font-size: 14px; position: relative; top: 2px; } .button.extendLink2 span { padding-left: 8px; } .button .icon.allegro { margin-top: 7px; } .icon.b_searchmain { width: 27px; height: 29px; background-position: 0px 0px; } .icon.b_searchsmall { width: 19px; height: 18px; background-position: -47px 0px; } .icon.b_search { width: 26px; height: 23px; background-position: -66px 0px; } .icon.b_search2 { width: 16px; height: 21px; background-position: 0 0; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fa8a22efdf3f7f9e5e5d0638f76cdd203.png); } .icon.b_details { width: 10px; height: 11px; background-position: -186px -55px; } .icon.b_offertop { width: 40px; height: 39px; background-position: -211px -361px; } .icon.b_offerpush { width: 36px; height: 35px; background-position: -251px -361px; } .icon.f_checkbox { flex: 0 0 24px; width: 24px; height: 24px; background: #fff; border: 1px solid #002f34; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 1px #002f34; -moz-box-shadow: inset 0 0 0 1px #002f34; -ms-box-shadow: inset 0 0 0 1px #002f34; -o-box-shadow: inset 0 0 0 1px #002f34; box-shadow: inset 0 0 0 1px #002f34; position: relative; transition: border-color ease 0.2s; cursor: pointer; } .icon.f_checkbox:before, .icon.f_checkbox:after { box-sizing: border-box; position: absolute; height: 0; width: 2px; background-color: #4e5069; display: inline-block; transform-origin: left top; border-radius: 3px; content: " "; } .icon.f_checkbox:before { top: 13px; left: 1px; transform: rotate(-45deg); } .icon.f_checkbox:after { top: 19px; left: 8px; transform: rotate(-135deg); } .icon.f_checkbox.selected { background: #002f34; } .icon.f_checkbox.selected:before, .icon.f_checkbox.selected:after { background: #fff; } .icon.f_checkbox.selected:before { height: 9px; transition: 0.2s ease; } .icon.f_checkbox.selected:after { height: 19px; transition: 0.4s ease; } .icon.f_checkbox.disabled { border-color: #7f9799; -webkit-box-shadow: inset 0 0 0 1px #7f9799; -moz-box-shadow: inset 0 0 0 1px #7f9799; -ms-box-shadow: inset 0 0 0 1px #7f9799; -o-box-shadow: inset 0 0 0 1px #7f9799; box-shadow: inset 0 0 0 1px #7f9799; } .icon.f_checkbox.selected.disabled { background: #7f9799; } .icon.f_radio { width: 24px; height: 24px; border: 2px solid #002f34; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .icon.f_radio.selected { border-width: 8px; } .icon.f_radio.selected.disabled { opacity: 0.5; } .olx-checkbox { display: none; } .olx-checkbox + label { position: relative; cursor: pointer; padding: 0; display: flex; align-items: center; } .olx-checkbox + label:before, .olx-checkbox + label:after { content: ""; } .olx-checkbox + label:before { width: 48px; flex: 0 0 48px; height: 24px; border-radius: 12px; background: #f2f4f5; border: none; box-shadow: none; } .olx-checkbox + label:after { width: 20px; height: 20px; border: 3px solid #002f34; border-radius: 50%; left: 2px; top: 2px; transition: 0.4s; transform: none; box-sizing: border-box; background: none; position: absolute; transform-origin: left top; } .olx-checkbox:checked + label:before { background: #002f34; } .olx-checkbox:checked + label:after { width: 20px; height: 20px; transform: translateX(24px); transition: 0.4s; border-width: 6px; border-color: #fff; } .olx-price { font-size: 20px; color: #002f34; white-space: nowrap; font-weight: 500; } .olx-price sup { font-size: inherit; top: auto; line-height: inherit; } .olx-discount { margin: 0 8px; text-decoration: line-through; font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; color: #7f9799; display: inline-block; text-shadow: none; } .olx-discount sup { top: 0; font-size: inherit; } .olx-discount.hidden { display: none; } .olx-discount__tag { margin-left: 8px; background: #ffb100; color: #002f34; font-size: 14px; font-weight: 500; line-height: 1.29; height: 32px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .olx-discount__tag--before { margin-left: 0; margin-right: 8px; } .olx-discount__tag.hidden { display: none; } .c2b { color: #2b2b2b; } .c62 { color: #626262; } .c27 { color: #272727; } .c73 { color: #737373; } .c41 { color: #414141; } .ca6 { color: #A6A6A6; } .ca2 { color: #a2a2a2; } .c6f { color: #6f6f6f; } .c68 { color: #686868; } .cc914 { color: #C91414; } .cd0 { color: #D0D0D0; } .cb00c01 { color: #b00c01; } .cab { color: #ababab; } .c83 { color: #838383; } .c6e754f { color: #6e754f; } .c97 { color: #979797; } .cb90404 { color: #b90404; } .bgd9 { background: #D9D9D9; } .bgf9 { background: #F9F9F9; } .bgf6f5 { background: #F6F5F0; } .bgf3 { background: #F3F3F3; } .bgf2 { background: #F2F2F2; } .bgef { background: #EFEFEF; } .bgff5a00 { background: #ff5a00; } .bgfffb8b { background: #fffb8b; } .bgfff9ef { background: #fff9ef; } .bgfef8b5 { background: #fef8b5; } .brc8 { border: 1px solid #C8C8C8; } .bre3 { border: 1px solid #e3e3e3; } .bre4 { border: 1px solid #e4e4e4; } .brf3 { border: 1px solid #f3f3f3; } .brc4 { border: 1px solid #C4C4C4; } .color-1 { color: #a0a0a0; } .color-2 { color: #909090; } .color-3 { color: #0098d0; } .color-4 { color: #9f9e9e; } .color-5 { color: #525252; } .color-6 { color: #616161; } .color-7 { color: #959595; } .color-8 { color: #a5a5a5; } .color-9 { color: #b4b4b4; } .color-10 { color: #8a8a8a; } .color-11 { color: #646464; } .color-16 { color: #4e4e4e; } .color-17 { color: #ac0901; } .color-18 { color: #797979; } .color-19 { color: #636363; } .color-20 { color: #ff0000; } .color-21 { color: #009900; } .bg-1 { background: #fbfbfb; } .bg-2 { background: #fafafa; } .bg-3 { background: #fff7c5; } .bg-4 { background: #f8f8f7; } .bg-7 { background: #f7f7f7; } .bg-8 { background: #fffbe0; } .bg-9 { background: #fffde5; } .br-1 { border: 1px solid #d7d7d7; } .br-3 { border: 1px solid #cccccc; } .br-4 { border: 1px solid #dfdfdf; } .br-5 { border: 1px solid #808080; } .brbott-1 { border-bottom: 1px solid #dfdedd; } .brbott-3 { border-bottom: 1px solid #d8d8d4; } .brbott-4 { border-bottom: 1px solid #cacaca; } .brbott-5 { border-bottom: 1px solid #e3e3e3; } .brbott-6 { border-bottom: 1px solid #e5e5e5; } .brbott-7 { border-bottom: 1px solid #dadada; } .brbott-8 { border-bottom: 1px solid #e8e8e8; } .brbott-12 { border-bottom: 1px solid #ffffff; } .brbottdash-1 { border-bottom: 1px dashed #e3e3e3; } .brbottdash-2 { border-bottom: 1px dashed #b4b4b4; } .brtop-1 { border-top: 1px solid #e3e3e3; } .brtop-2 { border-top: 1px solid #ffffff; } .brtop-4 { border-top: 1px solid #dfdedd; } .brtop-5 { border-top: 1px solid #cccccc; } .brd1ce81 { border: 1px solid #d1ce81; } .brbotte9 { border-bottom: 1px solid #e9e9e9; } .brbottd4 { border-bottom: 1px solid #d4d4d4; } .brbottdashb1 { border-bottom: 1px dashed #B1B1AC; } .brbottdashc8 { border-bottom: 1px dashed #c8c8c8; } .brtopdashc8 { border-top: 1px dashed #c8c8c8; } .brleftdashc8 { border-left: 1px dashed #c8c8c8; } .brbottdashd7 { border-bottom: 1px dashed #d7d7d1; } .brbottdashd9 { border-bottom: 1px dashed #d9d9d9; } .brtopdashd7 { border-top: 1px dashed #d7d7d1; } .brtope5 { border-top: 1px solid #e5e5e5; } .brtope9 { border-top: 1px solid #e9e9e9; } .brbotte5 { border-bottom: 1px solid #e5e5e5; } .brlefte5 { border-left: 1px solid #e5e5e5; } .brrighte5 { border-right: 1px solid #E5E5E5; } .dborder { border-bottom: 1px dashed #dfdfdf; } .dborder > div { border-bottom: 1px dashed #ffffff; margin: 0px; } .dborder.top { border: none; border-top: 1px dashed #dfdfdf; } .dborder.top > div { border: none; border-top: 1px dashed #ffffff; margin: 0px; } .website.big { width: 72px; height: 41px; font-size: 41px; line-height: 1; overflow: hidden; display: inline-block; } .website.big:before { content: "\e058"; } .websitegray { width: 85px; height: 85px; background-size: 100% 100%; background: url(https://static.olx.uz/static/olxuz/packed/font/2ff1f8736a27eb257f9688cf3b21332f49.svg) no-repeat 100% 100%; } .icon.fanpage { width: 185px; height: 73px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fdea76db12a34bfff7dce9936369d660d.png) no-repeat 0 0; } .icon.blogsticky { width: 124px; height: 85px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f94c74a1f28df8bb1b3432db99b9267d5.png) no-repeat 0 0; } .icon.addsticky { width: 195px; height: 100px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f658bada802ef59f1b96fdab549c52c50.png) no-repeat 0 0; } .icon.searchsticky { width: 172px; height: 107px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f4b39cb90ba15dd2f236feeadfaa863da.png) no-repeat 0 0; } .icon.askforphoto { width: 146px; height: 97px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f91eb96754771ba16eac88d5cb09f654a.png); } .icon.support { width: 71px; height: 65px; background-position: -57px -316px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); } .icon.photoslabel { width: 122px; height: 60px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f57ef04b50de8116fe1fdb1209745916a.png) no-repeat 0 0; } .icon.contactdatalabel { width: 203px; height: 119px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f9441ef73b85c79896719c8dcd72f9de8.png) no-repeat 0 0; } .icon.checkbox { width: 17px; height: 17px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f22f2e7a3a0beee890088392c0658938e.png) 0 0 no-repeat; } .selected .icon.checkbox { width: 17px; height: 17px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f22f2e7a3a0beee890088392c0658938e.png) -17px 0 no-repeat; } .icon.big.payusa { width: 121px; height: 60px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fc016e844e2a13c0295e0ae78bfe9d552.png) no-repeat left top; } .icon.big.forfree { width: 145px; height: 75px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fed6146ff838dcbec1914a26748e425bb.png) no-repeat left top; } .icon.close { width: 15px; height: 15px; background-position: -60px -92px; } .icon.notecomments { width: 16px; height: 12px; background-position: -78px -228px; } .icon.point { width: 15px; height: 13px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f689fdccb7cbf7247975d22d2a96739bd.png); } .icon.facebook { width: 86px; height: 21px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f237adeb54b9efde58870ba756d2c91fd.svg) no-repeat; background-size: 100% 100%; } .icon.facebook3 { width: 60px; height: 54px; background-position: 0px -68px; } .icon.mini.up { width: 9px; height: 5px; background-position: -276px -6px; } .icon.mini.up4 { width: 9px; height: 6px; background-position: -276px -13px; } a:hover .icon.mini.up4 { background-position: -276px -20px; } .icon.mini.down { width: 9px; height: 5px; background-position: -285px -6px; } .icon.mini.down2 { width: 7px; height: 5px; background-position: -280px 0px; } .icon.mini.down4 { width: 9px; height: 7px; background-position: -285px -13px; } a:hover .icon.mini.down4 { background-position: -285px -20px; } .icon.big.prev { width: 47px; height: 46px; background-position: -92px -29px; } .icon.big.next { width: 47px; height: 46px; background-position: -139px -29px; } .icon.target3 { background-position: -92px -17px; width: 9px; height: 12px; } .icon.mini.slide { width: 9px; height: 5px; background-position: -101px -17px; } .icon.mini.slide.up { width: 9px; height: 5px; background-position: -101px -22px; } .icon.report { width: 7px; height: 10px; background-position: -120px -17px; } .icon.settings { width: 10px; height: 9px; background-position: -127px -17px; } .icon.info { width: 15px; height: 26px; background-position: -203px -29px; } .icon.info2 { width: 20px; height: 20px; background-position: -218px -29px; } .icon.big.info2 { width: 28px; height: 29px; background-position: -221px -49px; } .icon.info3 { width: 22px; height: 22px; background-position: -199px -55px; } .icon.mini.info2 { width: 15px; height: 15px; background-position: -238px -29px; } .icon.mini.info3 { width: 8px; height: 23px; background-position: -53px 0px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f480cfc6c5183e70053fa0915053554f0.png); } .icon.mini.warning3 { width: 20px; height: 18px; background-position: -264px -48px; } .icon.mini.inbox { width: 12px; height: 9px; background-position: -186px -46px; } .icon.remove { width: 16px; height: 16px; background-position: -221px -78px; } .icon.mini.mobile { width: 16px; height: 15px; background-position: -181px -207px; } .icon.mini.info { width: 15px; height: 15px; background-position: -252px -99px; } .icon.mini.desc { width: 22px; height: 22px; background-position: -199px -121px; } .icon.mini.arrow { width: 4px; height: 5px; background-position: -271px -32px; } .icon.arrow5 { width: 5px; height: 9px; background-position: -266px -32px; } .selected .icon.favsearch { background-position: 0 -28px; } .icon.observe4 { width: 33px; height: 34px; background-position: 0px -155px; }a:hover .icon.observe4 { background-position: -33px -155px; } .icon.observe4.selected { background-position: -33px -155px; } .icon.gotop { width: 28px; height: 26px; background-position: -114px -155px; } a:hover .icon.gotop { background-position: -114px -181px; } .icon.goback { width: 26px; height: 29px; background-position: -143px -155px; } a:hover .icon.goback { background-position: -143px -184px; } .icon.cleartext3 { width: 12px; height: 12px; background-position: -183px -116px; } .icon.cleartext6 { width: 10px; height: 10px; background-position: -183px -128px; } .icon.observe { width: 26px; height: 25px; background-position: 0px -208px; } .icon.observe.deselected { width: 26px; height: 25px; background-position: 0px -208px; } a:hover .icon.observe { background-position: -26px -208px; } .icon.observe.selected { background-position: -26px -208px; } a:hover .icon.observe2 { background-position: 0 -28px; } .icon.observe2.selected { background-position: 0 -28px; } .icon.success { width: 17px; height: 18px; background-position: -232px -125px; } .icon.user { width: 33px; height: 27px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fc6aa5f506872aa2a4c2bfdc002afac6b.png); } .icon.add3 { width: 14px; height: 12px; background-position: -169px -198px; } .icon.below { width: 10px; height: 12px; background-position: -183px -195px; } .disabled .icon.below { width: 10px; height: 12px; background-position: -183px -183px; } .icon.mini.search { width: 12px; height: 12px; background-position: -173px -13px; } .icon.mini.remove4 { width: 10px; height: 10px; background-position: -253px -114px; } .icon.mini.help { width: 15px; height: 15px; background-position: -60px -68px; } .icon.mini.success { width: 14px; height: 17px; background-position: -249px -125px; } .icon.mini.fb { width: 12px; height: 12px; background-position: -75px -68px; } .icon.mini.clear { width: 10px; height: 10px; background-position: -183px -128px; } .icon.mini.vkontakte2 { width: 17px; height: 16px; background-position: -353px -55px; } .icon.vkontakte { width: 104px; height: 19px; background-position: -300px -157px; } .icon.vkontakte2 { width: 50px; height: 50px; background-position: -342px -73px; } .icon.fbshare { width: 20px; height: 20px; background-position: 0px -128px; } .icon.paid { min-height: 16px; background: #23e5db; color: #002f34; font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; text-transform: uppercase; -webkit-border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; -ms-border-radius: 0 2px 0 0; -o-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; } .icon.paid:before { content: attr(title); } .icon.mini.dogs { width: 90px; height: 90px; background: url(../img/dogs/tableofferslabel.png) no-repeat 0 0; } .icon.mini.dogs2 { width: 75px; height: 75px; background: url(../img/dogs/galleryofferslabel.png) no-repeat 0 0; } .gallerywide > li .icon.mini.dogs2, .gallerybig .icon.mini.dogs2 { left: -5px; top: -5px; }.icon.mobile2.gray { width: 28px; height: 28px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fdfa3fada57c366549274f1cb616052d9.png); background-position: -266px -61px; } .icon.user.gray { width: 28px; height: 28px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fdfa3fada57c366549274f1cb616052d9.png); background-position: -266px -33px; } .icon.flag { width: 16px; height: 11px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f7fc813fbda15965b24ade54c6718ef13.png); } .icon.flag.olxpl { background-position: 0px 0px; }a:hover .icon.flag.olxpl { background-position: -16px 0px; } .icon.flag.tetabertask { background-position: 0px -11px; } a:hover .icon.flag.tetabertask { background-position: -16px -11px; } .icon.flag.spechatocz { background-position: 0px -22px; } a:hover .icon.flag.spechatocz { background-position: -16px -22px; } .icon.flag.ataxaru { background-position: 0px -33px; } a:hover .icon.flag.ataxaru { background-position: -16px -33px; } .icon.flag.kalahariadsnet { background-position: 0px -44px; } a:hover .icon.flag.kalahariadsnet { background-position: -16px -44px; } .icon.flag.emarketua { background-position: 0px -55px; } a:hover .icon.flag.emarketua { background-position: -16px -55px; } .icon.flag.tradusadsin { background-position: 0px -66px; } a:hover .icon.flag.tradusadsin { background-position: -16px -66px; } .icon.flag.skelbiult { background-position: 0px -77px; } a:hover .icon.flag.skelbiult { background-position: -16px -77px; } .icon.flag.olxro { background-position: 0px -88px; } a:hover .icon.flag.olxro { background-position: -16px -88px; } .icon.flag.olxbg { background-position: 0px -99px; } a:hover .icon.flag.olxbg { background-position: -16px -99px; } .icon.flag.olxpt { background-position: 0px -143px; } a:hover .icon.flag.olxpt { background-position: -16px -143px; } .icon.flag.dealfishcoke { background-position: 0px -110px; } a:hover .icon.flag.dealfishcoke { background-position: -16px -110px; } .icon.flag.dealfishcomng { background-position: 0px -121px; } a:hover .icon.flag.dealfishcomng { background-position: -16px -121px; } .icon.flag.olxhu { background-position: 0px -132px; } a:hover .icon.flag.olxhu { background-position: -16px -132px; } .icon.flag.olxua { background-position: 0px -55px; } a:hover .icon.flag.olxua { background-position: -16px -55px; } .icon.flag.olxua.selected { background-position: -16px -55px; } .icon.flag.olxru { background-position: 0px -33px; } a:hover .icon.flag.olxru { background-position: -16px -33px; } .icon.flag.olxru.selected { background-position: -16px -33px; } .icon.flag.tiuru { background-position: 0px -33px; } a:hover .icon.flag.tiuru { background-position: -16px -33px; } .icon.flag.promua { background-position: 0px -55px; } a:hover .icon.flag.promua { background-position: -16px -55px; } .icon.flag.dealby { background-position: 0px -143px; } a:hover .icon.flag.dealby { background-position: -16px -143px; } .icon.flag.slandoby { background-position: 0px -143px; } a:hover .icon.flag.olxby { background-position: -16px -143px; } .icon.flag.olxby.selected { background-position: -16px -143px; } .icon.flag.satukz { background-position: 0px -154px; } a:hover .icon.flag.satukz { background-position: -16px -154px; } .icon.flag.olxkz { background-position: 0px -154px; } a:hover .icon.flag.olxkz, .icon.flag.olxkz.selected { background-position: -16px -154px; }.car-body { color: #838383; } .car-body .selected { color: #272727; } .icon.car { width: 35px; height: 14px; top: 2px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f210f99d721ad7ff5c9288d8195b19947.png); } .icon.car.cabriolet { background-position: 0px -14px; } .selected .icon.car.cabriolet { background-position: 0px 0px; } .icon.car.sedan { background-position: -35px -14px; } .selected .icon.car.sedan { background-position: -35px 0px; } .icon.car.coupe { background-position: -70px -14px; } .selected .icon.car.coupe { background-position: -70px 0px; } .icon.car.pickup { background-position: -105px -14px; } .selected .icon.car.pickup { background-position: -105px 0px; } .icon.car.hatchback { background-position: -140px -14px; } .selected .icon.car.hatchback { background-position: -140px 0px; } .icon.car.estate-car { background-position: -175px -14px; } .selected .icon.car.estate-car { background-position: -175px 0px; } .icon.car.off-road-vehicle { background-position: -210px -14px; } .selected .icon.car.off-road-vehicle { background-position: -210px 0px; } .icon.car.minibus { background-position: -245px -14px; } .selected .icon.car.minibus { background-position: -245px 0px; } .icon.car.mvp { background-position: -280px -14px; } .selected .icon.car.mvp { background-position: -280px 0px; } .icon.car.suv { background-position: -315px -14px; } .selected .icon.car.suv { background-position: -315px 0px; } .icon.car.other { background-position: -350px -14px; } .selected .icon.car.other { background-position: -350px 0px; } .colorbox { width: 30px; height: 18px; } .colorbox .cover { width: 30px; height: 18px; top: 0; left: 0; background: url(https://static.olx.uz/static/olxuz/packed/img/2f68911e3e8769e27f093131a74fa5e1fd.png) center center no-repeat; } .colorbox.black { background: #000000; } .colorbox.white { background: #ffffff; } .colorbox.white .cover { width: 28px; height: 16px; border: 1px solid #d4d0c8; } .colorbox.red { background: #ff0000; } .icongrid { width: 962px !important; margin: 0 !important; } .icongrid li { width: 137px; word-wrap: break-word; margin-top: 40px; } .icongrid li.clear { display: block; clear: both; font-size: 0; line-height: 0; } .icongrid li .category-name { font-size: 14px !important; font-weight: 500 !important; line-height: 1.29; display: block; } .icongrid .iconcont { line-height: 73px; min-height: 73px; } .icongrid li div.suggesttitle { left: 50%; margin-left: -24px; z-index: 11; bottom: 85%; white-space: normal; } .icongrid li:hover div.suggesttitle { display: block; } .icongrid li a.no-results-disabled { opacity: 0.3; filter: alpha(opacity=30); color: #000; } .icongrid td { border-left: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8; } .icongrid td:first-child { border-left: none; } .icongrid td.vtop { border-top: none; } .icongrid tr:first-child td { border-top: none; } .icongrid td.vtop div { padding: 0px 0px 8px; } .chooseway .icongrid { width: auto !important; } .chooseway .icongrid li { width: 141px; } a { outline: none; color: #002f34; text-decoration: none; } .link { color: #002f34; } .link:hover, a.tdnone:hover .link { color: #fff; text-decoration: none; } .link:hover > *, a.tdnone:hover .link > * { color: #fff; background-color: #002f34; } a.link.hn:hover, a.tdnone:hover .link.hn { color: #002f34; } a.link.hn:hover > *, a.tdnone:hover .link.hn > * { color: #002f34; background-color: transparent; } .link.spoiler { border-bottom: 1px dotted #ACCAEE; } .link.spoiler.graydot { color: #c8c8c8; border-bottom: 1px dotted #c8c8c8; } .link.spoiler.graydot > * { color: #414141; } a.link.spoiler.graydot:hover, a.tdnone:hover .link.spoiler.graydot { border-color: #b8e0f4; } a.link.spoiler.graydot:hover > *, a.tdnone:hover .link.spoiler.graydot > * { color: #0098d0; background-color: transparent; } .link.report { color: #fcaeae; } .link.report > * { color: #cc0000; } .link.report:hover, a.tdnone:hover .link.report { color: #fff !important; } .link.report:hover > *, a.tdnone:hover .link.report > * { color: #fff !important; } .link.reporthov { color: #fcaeae; } .link.reporthov > * { color: #cc0000; } a.link.reporthov:hover, a.tdnone:hover .link.reporthov { color: #fff; text-decoration: none; } a.link.reporthov:hover > *, a.tdnone:hover .link.reporthov > * { color: #fff; background-color: #cc0000; } .link.gray { color: #c8c8c8; } .link.gray > * { color: #414141; } .link.gray:hover, a.tdnone:hover .link.gray { color: #002f34; } .link.gray:hover > *, a.tdnone:hover .link.gray > * { color: #002f34; background-color: transparent; } .link.gray.hn:hover, a.tdnone:hover .link.gray.hn { color: #c8c8c8; } .link.gray.hn:hover > *, a.tdnone:hover .link.gray.hn > * { color: #414141; } .link.gray .label-changes { position: absolute; left: 100%; top: -2px; margin-left: 6px; background: #fffdc2; color: #897f00; padding: 2px 4px; font-size: 10px; } .link.gray2 { color: #D0D0D0; } .link.gray2 > * { color: #626262; } .link.gray2:hover, a.tdnone:hover .link.gray2 { color: #002f34; } .link.gray2:hover > *, a.tdnone:hover .link.gray2 > * { color: #002f34; background-color: transparent; } .link.gray3 { color: #737373; } .link.gray3:hover, a.tdnone:hover .link.gray3 { color: #0098d0; } .link.gray4 { color: #d4d4d4; } .link.gray4 > * { color: #959595; } .link.gray4:hover, a.tdnone:hover .link.gray4 { color: #b8e0f4; } .link.gray4:hover > *, a.tdnone:hover .link.gray4 > * { color: #0098d0; background-color: transparent; } .link.impt { color: #ff5050; } .link.impt > * { color: #ff5050; } a.link.hover { color: #fff; text-decoration: none; } a.link.hover > * { color: #fff; background-color: #002f34; } /* table.offers a.link:visited, table.gallerybig a.link:visited, ul.gallerywide a.link:visited, .similarads a.link:visited{ color:#e0bae6; } table.offers a.link:visited > *, table.gallerybig a.link:visited > *, ul.gallerywide a.link:visited > *, .similarads a.link:visited > *{ color:#771d85; } table.offers a.link:visited:hover, table.gallerybig a.link:visited:hover, ul.gallerywide a.link:visited:hover, .similarads a.link:visited:hover{ text-decoration:none; } table.offers a.link:visited:hover > *, table.gallerybig a.link:visited:hover > *, ul.gallerywide a.link:visited:hover > *, .similarads a.link:visited:hover > *{ color:#fff; } */ @keyframes slideDownLayoutHeader { from { top: -72px; } to { top: 0; } } @keyframes olx-website-rebranded-l { 0% { top: 10px; bottom: 11px; } 100% { top: 0; bottom: 0; } } @keyframes olx-website-rebranded-o { 0% { transform: translate(37px, 15px) scale(0.3); } 100% { transform: translate(12px, 15px) scale(1); } } @keyframes olx-website-rebranded-x { 0% { transform: translate(27px, 10px); } 100% { transform: translate(51px, 10px); } } @keyframes olx-website-rebranded-x-before { 0% { transform: none; } 100% { transform: skewX(45deg) translate(-50%, 0); } } @keyframes olx-website-rebranded-x-after { 0% { transform: none; } 100% { transform: skewX(-45deg) translate(-50%, 0); } } .olx-website-rebranded { width: 71px; height: 41px; display: block; position: absolute; left: 15px; top: 15px; z-index: 10; text-indent: -1000em; } .olx-website-rebranded__christmas-logo { position: absolute; left: 0; top: 0; } .olx-website-rebranded__o { position: absolute; left: -11px; top: -11px; transform: translate(12px, 15px); content: ""; border-radius: 100%; width: 34px; height: 34px; box-shadow: 0 0 0 12px #24e5db inset; } .homepage .olx-website-rebranded__o { animation: olx-website-rebranded-o 0.4s ease 0.2s both; } .olx-website-rebranded__l { width: 10px; top: 0; bottom: 0; background: #23e5db; position: absolute; left: 38px; } .homepage .olx-website-rebranded__l { animation: olx-website-rebranded-l 0.4s ease 0.3s both; } .olx-website-rebranded__x { width: 20px; height: 20px; overflow: hidden; display: block; position: absolute; left: 1px; top: 0; transform: translate(51px, 10px); } .homepage .olx-website-rebranded__x { animation: olx-website-rebranded-x 0.4s ease 0.2s both; } .olx-website-rebranded__x:before, .olx-website-rebranded__x:after { content: ""; position: absolute; top: 0; left: 50%; width: 65%; height: 100%; background: #24e5db; } .olx-website-rebranded__x:before { transform: skewX(45deg) translate(-50%, 0); } .homepage .olx-website-rebranded__x:before { animation: olx-website-rebranded-x-before 0.4s ease 0.3s both; } .olx-website-rebranded__x:after { transform: skewX(-45deg) translate(-50%, 0); } .homepage .olx-website-rebranded__x:after { animation: olx-website-rebranded-x-after 0.4s ease 0.3s both; } #cookiesBar { padding: 28px 70px 32px 40px; position: fixed; bottom: 0; left: 0; right: 0; color: #fff; background: #002f34; z-index: 100; text-align: left; font-size: 14px; line-height: 1.29; } #cookiesBar:before { content: ""; height: 157px; width: 157px; position: absolute; top: -45px; left: 20px; background: url(https://static.olx.uz/static/olxuz/packed/font/2ff83b34dfd44c0357b170f1021984795e.svg) no-repeat 50% 50%; background-size: 120px; } #cookiesBar .close { width: auto; bottom: 20px; right: 30px; padding: 0; background: transparent; border: none; font-weight: 500; font-size: 14px; font-style: normal; font-stretch: normal; line-height: 18px; letter-spacing: normal; text-align: center; text-decoration: none; color: #fff; } #cookiesBar .close:before, #cookiesBar .close:after { content: ""; } #cookiesBar .close:after { content: ""; background: #fff; height: 3px; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; position: absolute; left: 0; right: 0; top: 100%; } #cookiesBar .close:hover:after { left: 15%; right: 15%; } #cookiesBar .close:hover, #cookiesBar .close:active { color: inherit; background: inherit; } #cookiesBar p { padding-left: 149px; color: inherit; } #cookiesBar p.normal { font-size: inherit; line-height: inherit; } #cookiesBar p:first-of-type { margin-bottom: 17px; } #cookiesBar p:first-of-type br { display: none; } #cookiesBar a, #cookiesBar .nav-service-orders-link { font-weight: 500; color: #fff; } #cookiesBar a:hover, #cookiesBar a:active, #cookiesBar .nav-service-orders-link:hover, #cookiesBar .nav-service-orders-link:active { color: #fff; background: #002f34; } #header-container .topinfo .wrapper, #header-container .topinfo #footer-container .sitepopularbox__wrapper, #footer-container #header-container .topinfo .sitepopularbox__wrapper, #header-container .topinfo #searchMyaccountBox { padding: 8px 0; } #header-container .topinfo .wrapper p, #header-container .topinfo #footer-container .sitepopularbox__wrapper p, #footer-container #header-container .topinfo .sitepopularbox__wrapper p, #header-container .topinfo #searchMyaccountBox p { height: 23px; } #header-container .topinfo .icon.tv { margin-top: -3px; } #header-container .nav { min-height: 36px; } #header-container .homelink { margin-top: 8px; margin-left: 10px; } #header-container .navi { background: #002f34; top: 0; left: 0; right: 0; z-index: 100; height: 72px; position: fixed; transition: transform 0.5s cubic-bezier(0.8, 0.2, 0.2, 0.8); } .hasHiddenHeader #header-container .navi { transform: translateY(-100%); } #header-container .navi [data-icon=account] { vertical-align: middle; font-size: 24px; margin: -4px 8px -3px 0; } #header-container .navi [data-icon=message] { font-size: 22px; color: inherit; } #header-container .navi [data-icon=star] { font-size: 22px; color: #fff; } #header-container .navi [data-icon=star]:hover { color: #7f9799; } #header-container .navi .lang-selector { color: #7f9799; margin-top: 20px; padding: 7px 12px; white-space: nowrap; float: right; font-size: 14px !important; line-height: 1.29; } #header-container .navi .lang-selector .breaklist > *:before { color: inherit; padding: 0 11px 0 10px; } #header-container .navi .lang-selector .breaklist > *:first-child:before { padding-left: 0; } #header-container .navi .lang-selector a { color: #fff; } #header-container .navi .header-inlocation { float: left; font-size: 14px; color: #777777; margin: 15px 0 0 75px; } #header-container .navi .header-inlocation .link-selector { display: inline-block; position: relative; padding-right: 10px; } #header-container .navi .header-inlocation .link-selector:before { width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: #007bff transparent transparent transparent; position: absolute; right: 0; top: 7px; content: ""; } #header-container .navi .userbox { font-size: 14px; margin-top: 26px; padding: 0 40px 0 0; margin-left: 0 !important; cursor: default; } #header-container .navi .userbox > li { margin-left: 40px; } #header-container .navi .userbox > li.is-active .userbox-login { color: #7f9799; } #header-container .navi .userbox > li.is-active .employer-space-link { color: #7f9799; } #header-container .navi .userbox .pro-link { position: relative; } #header-container .navi .userbox .beta-label { position: absolute; top: 4px; left: 52px; padding-top: 1px; padding-left: 5px; font-size: 10px; color: #ff8300; font-weight: 500; } #header-container .navi .userbox .counter { position: absolute; left: 100%; top: -11px; font-weight: 400; font-size: 11px; margin-left: -5px; background: #2769ff; color: #fff; border-radius: 50%; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; line-height: 1; } #header-container .navi .userbox .counter.hidden { display: none; } #header-container .navi .userbox strong { font-weight: 500; } #header-container .navi .userbox #topLoginLink + a .notifycircle { position: absolute; left: 17px; top: -11px; } #header-container .navi .userbox .userbox-login { font-size: 16px; color: #fff; } #header-container .navi .userbox .userbox-login:hover { color: #7f9799; } #header-container .navi .userbox .userbox-login .link { color: inherit; } #header-container .navi .userbox .userbox-login .link > * { background: none; color: inherit; } #header-container .navi .userbox .li--user-logged .userbox-login { padding-right: 24px; position: relative; display: inline-block; } #header-container .navi .userbox .li--user-logged .userbox-login:before { content: "\e005"; } #header-container .navi .userbox .li--user-logged .userbox-login:before { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); font-size: 8px; } #header-container .navi .userbox .employer-space-link { font-size: 16px; padding-right: 24px; position: relative; display: inline-block; } #header-container .navi .userbox .employer-space-link:before { content: "\e005"; } #header-container .navi .userbox .employer-space-link:before { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); font-size: 8px; } #header-container .navi .userbox .employer-space-link:hover { color: #7f9799; } #header-container .navi .userbox .employer-space-link .link { color: inherit; } #header-container .navi .userbox .employer-space-link .link > * { background: none; color: inherit; } #header-container .navi .postnewlink { background: #fff; color: #002f34; float: right; font-size: 16px; font-weight: 500; line-height: 1.25; margin-top: 12px; margin-bottom: 12px; padding: 13px 22px; display: inline-flex; align-items: center; justify-content: center; -webkit-box-shadow: inset 0 0 0 8px #fff; -moz-box-shadow: inset 0 0 0 8px #fff; -ms-box-shadow: inset 0 0 0 8px #fff; -o-box-shadow: inset 0 0 0 8px #fff; box-shadow: inset 0 0 0 8px #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #header-container .navi .postnewlink:hover { background: none; color: #fff; -webkit-box-shadow: inset 0 0 0 5px #fff; -moz-box-shadow: inset 0 0 0 5px #fff; -ms-box-shadow: inset 0 0 0 5px #fff; -o-box-shadow: inset 0 0 0 5px #fff; box-shadow: inset 0 0 0 5px #fff; } #header-container #searchMyaccountBox { display: block; } #header-container .breaklist .userbox-dd .link { color: #b8e0f4; } #header-container .breaklist .notifycircle { top: -2px; margin-right: -9px; } #header-container .website.big { left: 15px; top: 15px; z-index: 10; color: #23e5db; transition: color 0.5s ease; } #header-container #nav-conversations a, #header-container #business-card-link a, #header-container #nav-service-orders .nav-service-orders-link { position: relative; font-weight: 500; font-size: 16px; display: inline-flex; align-items: center; color: white; } #header-container #nav-conversations a:hover, #header-container #business-card-link a:hover, #header-container #nav-service-orders .nav-service-orders-link:hover { color: #7f9799; } #header-container #nav-conversations a:hover .service-orders-tooltip, #header-container #business-card-link a:hover .service-orders-tooltip, #header-container #nav-service-orders .nav-service-orders-link:hover .service-orders-tooltip { visibility: visible; } #header-container #nav-conversations a > .notifycircle, #header-container #business-card-link a > .notifycircle, #header-container #nav-service-orders .nav-service-orders-link > .notifycircle { font-weight: 400; position: absolute; top: -10px; left: 13px; width: 20px; height: 20px; } #header-container #nav-service-orders .nav-service-orders-link { cursor: pointer; } #header-container #nav-service-orders .nav-service-orders-link:hover .service-orders-tooltip { visibility: visible; } #header-container #nav-service-orders .nav-service-orders-link.new-service-orders-request::after { content: ""; position: absolute; top: -2px; right: -12px; width: 8px; height: 8px; border-radius: 100%; background-color: #ffce32; } #header-container #nav-service-orders .nav-service-orders-link .service-orders-tooltip { position: absolute; top: 60px; left: 50%; font-size: 12px; font-weight: 400; line-height: 14px; color: #fff; white-space: nowrap; padding: 8px 16px; background-color: #002f34; transform: translateX(-50%) translateY(0); border-radius: 4px; visibility: hidden; } #header-container #nav-service-orders .nav-service-orders-link .service-orders-tooltip:before { content: ""; position: absolute; left: 50%; margin-left: -4px; top: -9px; width: 0; height: 0; border-color: transparent transparent #002f34 transparent; border-width: 0 9px 9px 9px; border-style: solid; } #header-container .userbox-dd .nav-service-orders-link { padding: 9px 24px; display: block; cursor: pointer; } #header-container .userbox-dd .nav-service-orders-link:hover { background: #002f34; color: #fff; } #header-container #employer-panel-link:hover { color: #7f9799; } #header-container #observed-counter .suggesttitlebottom { width: 290px; right: 0px; left: auto; white-space: normal; margin-top: 12px; } #header-container.businesstop .navi .breaklist { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 8px 28px; margin: 26px 0px 30px; } #header-container.businesstop .button.big { margin: 26px 0px 30px; font-size: 12px; height: 32px; line-height: 32px !important; } #header-container.businesstop .button.big > * { font-size: 12px; height: 32px; line-height: 32px !important; } #header-container.businesstop #topLoginLink strong { font-weight: normal; } #header-container.businesstop .breaklist .link { text-decoration: none; } #header-container.businesstop .breaklist .userbox-dd .link { text-decoration: underline; } #header-container.businesstop .flexline { table-layout: fixed; } #header-container.businesstop .flexline > * { vertical-align: middle; height: 90px; } #header-container.businesstop .flexline > .logotype { width: 90px; padding-right: 20px; } #header-container.businesstop .flexline > .logotype img { max-width: 90px; max-height: 90px; } #header-container.businesstop .sitecolor { color: #AC0901; } #employer-panel-link { font-size: 16px; font-weight: 500; } @media (max-width: 1500px) { .ep-link-hide-on-lower-res { display: none !important; } } .employer-panel-link-dot [data-counter] { width: 8px; height: 8px; border-radius: 50%; position: absolute; top: -2px; right: -12px; font-weight: 500; background-color: rgb(255, 206, 50); color: rgb(0, 47, 52); } .employer-space-dd { -webkit-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -moz-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -ms-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -o-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 200px; background: #fff; margin-top: 12px; right: -24px; top: 100%; z-index: 20; overflow: hidden; white-space: normal; } .employer-space-dd ul { font-size: 14px; line-height: 1.29; margin: 10px 0; } .employer-space-dd ul li a { height: 38px; padding: 0 24px; display: flex; align-items: center; } .employer-space-dd ul li a:hover { background: #002f34; color: #fff; } .employer-space-new-tag { margin-left: 4px; padding: 3px 6px; font-size: 8px; font-weight: 500; line-height: 12px; letter-spacing: 0.8px; text-transform: uppercase; background-color: #23E5DB !important; color: #002F34 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #body-container div.content { min-height: 640px; position: relative; } #body-container div.content.settingspage { padding: 33px 0 0; min-height: 0; width: 925px; margin-left: auto; margin-right: auto; margin-bottom: 35px; } #body-container div.content.accountpage--shipping-view-bill { padding: 32px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #body-container div.content.accountpage--shipping-view-bill > h3 { color: #7f9799; font-size: 20px; line-height: 1.1; padding-bottom: 16px; margin-bottom: 0 !important; margin-top: 0 !important; } #innerLayout { padding-top: 72px; } #innerLayout, #header-container .navi { min-width: 1286px; } @media screen and (max-width: 1550px) { #mobileAppsbadge { display: none !important; } } .bodyIndent #mobileAppsbadge { display: none !important; } .overlay { top: 0; left: 0; width: 100%; height: 100%; background: url(https://static.olx.uz/static/olxuz/packed/img/2f3462f31f4ab900449262468594dbc1be.png); z-index: 501; } .overlay .horizontal { width: 100%; height: 100%; display: table; } .overlay .horizontal .vertical { display: table-cell; vertical-align: middle; } .overlay .layer { margin: auto; width: 717px; padding: 70px 0px 25px; position: relative; background: url(../img/layer.png); background: #fff; border: 6px solid #f1f1f1; -webkit-box-shadow: -2px 0px 43px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: -2px 0px 43px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: -2px 0px 43px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: -2px 0px 43px 0px rgba(0, 0, 0, 0.5); box-shadow: -2px 0px 43px 0px rgba(0, 0, 0, 0.5); } .overlay .layer .headline { font-size: 32px; color: #474747; } .overlay .layer .logotype { width: 283px; height: 100px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fda8a3e8190ffa60a06eda89b8bc15c14.png) no-repeat 0 0; top: -53px; left: 212px; } .shopview .container .wrapper, .shopview .container #footer-container .sitepopularbox__wrapper, #footer-container .shopview .container .sitepopularbox__wrapper, .shopview .container #header-container #searchMyaccountBox, #header-container .shopview .container #searchMyaccountBox { padding-top: 24px; } .myaccountview #searchbox { -webkit-box-shadow: 0 -300px 0 150px #fff; -moz-box-shadow: 0 -300px 0 150px #fff; -ms-box-shadow: 0 -300px 0 150px #fff; -o-box-shadow: 0 -300px 0 150px #fff; box-shadow: 0 -300px 0 150px #fff; } .myaccountview .header_above_banner, .myaccountview #searchbox { background: #fff; } .observedview .gallerywide, .observedview .usersearch-list { margin-top: 32px; } .observedview #searchbox { -webkit-box-shadow: 0 -300px 0 150px #fff; -moz-box-shadow: 0 -300px 0 150px #fff; -ms-box-shadow: 0 -300px 0 150px #fff; -o-box-shadow: 0 -300px 0 150px #fff; box-shadow: 0 -300px 0 150px #fff; } .observedview .header_above_banner, .observedview #searchbox { background: #fff; } #container_top { margin: 0 auto; width: 890px; } #header-container .navi .userbox .beta-label { color: rgb(255, 131, 0) !important; font-size: 10px; position: relative; text-transform: uppercase; top: -4px; left: 0; margin-left: 4px; font-weight: 600; } #onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button { display: none !important; } #footer-container #footerTop { border-bottom: none; } #footer-container #footerTop .content.brbott-5 { border-bottom: none; } #footer-container .footer-business-partner { background: #002f34; } #footer-container .footer-business-partner__wrapper { display: flex; text-align: left; font-size: 12px; margin-right: auto; margin-left: auto; width: 820px; height: 130px; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 208px; position: relative; } #footer-container .footer-business-partner__wrapper:before { width: 130px; height: 130px; background: no-repeat 50% 50% url(https://static.olx.uz/static/olxuz/packed/font/2fbd23c39bff0aee6c0c84aaf60e66347d.svg); background-size: 100% 100%; position: absolute; left: 0; top: 50%; content: ""; margin-top: -65px; } #footer-container .footer-business-partner__slogan { flex: 1; font-size: 16px; font-weight: 500; line-height: 1.25; color: #7f9799; } #footer-container .footer-business-partner__slogan strong { font-size: 20px; font-weight: 500; display: block; margin-top: 5px; color: #fff; } #footer-container .footer-business-partner__action { margin-left: auto; } #footer-container .footer-business-partner__btn { background: #fff; color: #002f34; font-size: 14px; font-weight: 500; line-height: 1.29; padding: 11px 22px; display: inline-flex; align-items: center; justify-content: center; min-width: 133px; -webkit-box-shadow: inset 0 0 0 8px #fff; -moz-box-shadow: inset 0 0 0 8px #fff; -ms-box-shadow: inset 0 0 0 8px #fff; -o-box-shadow: inset 0 0 0 8px #fff; box-shadow: inset 0 0 0 8px #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } #footer-container .footer-business-partner__btn:hover { background: none; color: #fff; -webkit-box-shadow: inset 0 0 0 5px #fff; -moz-box-shadow: inset 0 0 0 5px #fff; -ms-box-shadow: inset 0 0 0 5px #fff; -o-box-shadow: inset 0 0 0 5px #fff; box-shadow: inset 0 0 0 5px #fff; } #footer-container .box { margin: 15px 0; color: #000; } #footer-container .partners.box { margin: 0; } #footer-container .static.box { width: 297px; margin: 0 15px 0 0; } #footer-container .static.box ul { font-size: 16px !important; font-weight: 500; line-height: 1.88; } #footer-container .static.box ul li { margin: 3px 0; } #footer-container .static.box ul li .link.gray, #footer-container .static.box ul li .link.gray > * { color: #002f34; } #footer-container .footer-partners span:after { width: 0; height: 0; margin-left: 5px; display: inline-block; vertical-align: middle; border-style: solid; border-width: 6px 4px 0 4px; border-color: #000 transparent transparent transparent; content: ""; } #footer-container .footer-partners.active span:after { border-width: 0 4px 6px 4px; border-color: transparent transparent #000 transparent; } #footer-container .siteinfobox { background: #cbf7ee; padding: 185px 0 60px; display: flex; flex-direction: column-reverse; position: relative; } #footer-container .siteinfobox:before { content: ""; position: absolute; top: 82px; width: 99px; height: 56px; left: 50%; background: url(https://static.olx.uz/static/olxuz/packed/font/2f245edf8d709c906bd6c4b03d1623d647.svg) no-repeat 0 0; background-size: contain; transform: translate(-50%, 0); } #footer-container .siteinfobox .text { width: 820px; margin-left: auto; margin-right: auto; color: #002f34; text-align: center; } #footer-container .siteinfobox .text .small { font-size: 14px !important; line-height: 24px !important; } #footer-container .siteinfobox .text .small * { color: inherit; } #footer-container .siteinfobox .socialsbox { padding: 7px 130px 0 23px; width: 81px; min-height: 66px; float: right; position: relative; } #footer-container .siteinfobox .socialsbox .icon.claim { width: 119px; height: 60px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f2490b64a563eb323c787d84730f97fd8.png) no-repeat 0 0; right: 0; top: 6px; } #footer-container .sitepopularbox { padding: 62px 0; } #footer-container .sitepopularbox__wrapper { display: flex; } #footer-container .sitepopularbox__item { flex: 1; border-top: none; padding: 0; font-size: 14px; line-height: 24px; } #footer-container .sitepopularbox__item + .sitepopularbox__item { margin-left: 60px; } #footer-container .sitepopularbox__item h3, #footer-container .sitepopularbox__item .link.gray2, #footer-container .sitepopularbox__item .link.gray2 > span { color: #002f34; } #footer-container .sitepopularbox__item .link.gray2 { text-decoration: none !important; } #footer-container .sitepopularbox__item--categories:before { content: ""; width: 114px; height: 129px; display: block; background: url(https://static.olx.uz/static/olxuz/packed/font/2fc1ef4e9c6a6dc640b6feb727836fabc7.svg) no-repeat 50% 50%; background-size: contain; margin-bottom: 15px; } #footer-container .sitepopularbox__item--searches:before { content: ""; width: 150px; height: 119px; display: block; background: url(https://static.olx.uz/static/olxuz/packed/font/2f3293cf048d8d7683b8ce3ac1ecde6db6.svg) no-repeat 50% 50%; background-size: contain; margin-bottom: 25px; } #footer-container .footer-top { padding: 0; width: auto; border: none; } #footer-container .footer-top .content { border-bottom: none; } #footer-container .footer-bottom { min-height: 395px; margin-top: 35px; padding-top: 45px; border-top: 1px solid #7f9799; } #footer-container .footer-bottom .websitegray { display: none; } #footer-container .footer-bottom #partner-section { display: flex; margin: 24px 0; padding: 0; } #footer-container .footer-bottom #partner-section h3 { margin-top: 1rem; display: none; } #footer-container .footer-bottom #partner-section ul { display: flex; flex-flow: row wrap; justify-content: flex-start; border: none; } #footer-container .footer-bottom #partner-section ul .partner-item { flex: 0 1 auto; margin-right: 1rem; } #footer-container .footer-bottom #partner-section ul .partner-item .category-icon, #footer-container .footer-bottom #partner-section ul .partner-item .icon { margin-right: 0.5rem; color: #414141 !important; position: relative; } #footer-container .footer-bottom #partner-section ul .partner-item .category-icon:not(.fixly, .otodom, .otomoto, .spot, .obido), #footer-container .footer-bottom #partner-section ul .partner-item .icon:not(.fixly, .otodom, .otomoto, .spot, .obido) { top: 2px; } #footer-container .footer-bottom #partner-section ul .partner-item a:hover > .cat-icon-619 { color: #1865b2 !important; } #footer-container .footer-bottom #partner-section ul .partner-item a:hover > .cat-icon-4 { color: #86267e !important; } #footer-container .footer-bottom #partner-section ul .partner-item a:hover > .cat-icon-628 { color: #009896 !important; } #footer-container .footer-bottom #partner-section ul .partner-item a:hover > .cat-icon-99 { color: #00cc5e !important; } #footer-container .footer-bottom #partner-section ul ~ ul { margin-left: 60px; } .accountview #footer-container > .wrapper, .accountview #header-container #footer-container > #searchMyaccountBox, #header-container .accountview #footer-container > #searchMyaccountBox, .accountview #footer-container > .sitepopularbox__wrapper { border-top: 1px solid #f0f0f0; } .userbox-dd { -webkit-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -moz-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -ms-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -o-box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); box-shadow: 0 0 4px 0 rgba(0, 48, 53, 0.15), 0 0 4px 0 rgba(0, 48, 53, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 225px; background: #fff; margin-top: 12px; right: -24px; top: 100%; z-index: 20; overflow: hidden; white-space: normal; } .userbox-dd ul { font-size: 14px; line-height: 1.29; margin: 10px 0; } .userbox-dd ul li a { padding: 9px 24px; display: block; } .userbox-dd ul li a span:not(.notifycircle):not(.employer-space-new-tag) { background: none !important; color: inherit !important; vertical-align: middle; } .userbox-dd ul li a:hover { background: #002f34; color: #fff; } .userbox-dd ul.last { margin: 0; } .userbox-dd ul.last li a { padding-top: 17px; padding-bottom: 17px; } .userbox-dd__user-card { display: flex; align-items: center; padding: 16px 24px 5px; } .userbox-dd__user-name { font-size: 16px; font-weight: 500; line-height: 1.25; flex: 1; text-overflow: ellipsis; overflow: hidden; } .userbox-dd__user-name .my-account-link__id { font-size: 12px; margin-top: 3px; } .userbox-dd__user-photo { width: 39px; height: 39px; flex: 0 0 39px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 14px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f477d20603bc83d977757bb70557d4bd6.svg) no-repeat 50% 50%; overflow: hidden; } .userbox-dd__user-photo img { width: 100%; } @supports (-o-object-fit: cover) or (object-fit: cover) { .userbox-dd__user-photo img { height: 100%; object-fit: cover; } } .userbox-dd h5 { padding: 0 24px; color: #7f9799; font-size: 16px; font-weight: 500; line-height: 1.25; margin-top: 20px; margin-bottom: 9px; } .userbox-dd [data-icon] { display: none; vertical-align: middle; line-height: 1; } .userbox-dd [data-icon]:before { vertical-align: top; } .userbox-dd [data-icon=delivery], .userbox-dd [data-icon=courier_logo] { margin-right: 6px; font-size: 18px; display: inline-block; } .userbox-dd ul.last { border-top: 1px solid #d8dfe0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } .userbox-dd .notifycircle { margin-left: 6px !important; margin-right: 0 !important; border-radius: 11px; } .userbox-dd .fbold { font-weight: normal; } .userbox-dd #employer-space-userbox-cp a { display: flex; align-items: center; } .footerapps { margin-top: 6px; position: relative; float: left; } .footerapps .icon { margin: 0 3px; background: no-repeat 50% 50%; background-size: 100%; } .footerapps .icon.googleplay { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f69d3044c194153e3affba9bac5d89821.svg); width: 135px; height: 40px; } .footerapps .icon.appstore { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2fa9ed76f47810febebd2d3b2901a5d0d0.svg); width: 120px; height: 40px; } .footerapps > .tag-line { white-space: nowrap; color: #8E8E8E; font-size: 12px; line-height: 16px; margin-top: 3px; } .footerapps > a:hover .tag-line { display: block; position: absolute; left: 0%; width: 100%; right: 0; top: 53px; color: #8E8E8E; font-size: 12px; text-align: center; line-height: 16px; } .footerapps > a:hover .tag-line .block { color: #002f34; } .footerapps > a:hover ~ .tag-line { visibility: hidden; } #feedback { left: 0; top: 15%; background: url(https://static.olx.uz/static/olxuz/packed/img/2ff3693fd1b9bc307d67112aff22248634.png) no-repeat 0 0; width: 37px; height: 125px; z-index: 200; } #allegro-login .close2 { right: 0; top: 0; } .tipslabel { padding: 117px 0 0 28px; } .badge-request-call { bottom: 0; left: 0; position: fixed; line-height: 1.4; max-width: 200px; z-index: 100; } .badge-request-call__title { background: #e10a17; color: #fff; text-transform: uppercase; font-size: 14px; padding: 6px 32px 6px 11px; font-weight: bold; position: relative; cursor: pointer; -webkit-transition: padding .3s; -moz-transition: padding .3s; -ms-transition: padding .3s; -o-transition: padding .3s; transition: padding .3s; } .badge-request-call__title:before { content: ""; position: absolute; right: 12px; top: 50%; margin-top: -4px; width: 0; height: 0; border-style: solid; border-width: 0 6px 7px; border-color: transparent transparent #fff; } .badge-request-call__details { border: 1px solid transparent; border-top: none; font-size: 12px; background: #fff url(https://static.olx.uz/static/olxuz/packed/img/2f13fecba557f3bcb645caa0f6b3222d9f.png) 50% 9px no-repeat; display: block; -webkit-transition: max-height .6s; -moz-transition: max-height .6s; -ms-transition: max-height .6s; -o-transition: max-height .6s; transition: max-height .6s; max-height: 0; overflow: hidden; } .badge-request-call__details-link { display: block; background: #ededed; position: relative; padding: 10px 25px; margin-top: 150px; } .badge-request-call__details-link:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ededed transparent; position: absolute; bottom: 100%; left: 50%; margin-left: -10px; } .badge-request-call__details strong { display: block; } .badge-request-call.is-active .badge-request-call__title { padding-top: 10px; padding-bottom: 10px; } .badge-request-call.is-active .badge-request-call__title:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .badge-request-call.is-active .badge-request-call__details { display: block; max-height: 220px; border-color: #d1d1d1; } .hlabel { -webkit-box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.3); box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.3); } .hlabel .inner { background: #feef8f; padding: 9px 0px; color: #574c00; -webkit-box-shadow: inset 0px -3px 3px -3px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px -3px 3px -3px rgba(0, 0, 0, 0.4); -ms-box-shadow: inset 0px -3px 3px -3px rgba(0, 0, 0, 0.4); -o-box-shadow: inset 0px -3px 3px -3px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -3px 3px -3px rgba(0, 0, 0, 0.4); } .hlabel .iconcont { width: 116px; margin-left: 10px; margin-right: 10px; height: 10px; } .hlabel .icon.close { width: 9px; height: 9px; right: 14px; top: 15px; background-position: -34px 0px; } .tipscard { padding: 20px 18px 30px 18px; margin: 30px 0px 50px 0px; } .tipscard ol li { border-top: 1px dashed #858581; padding: 13px 0px; } .tipscard ol li p { margin-left: 40px; } .tipscard ol li .number { margin: 6px 0px 0px 0px; color: #526002; } .tipscard ol li:first-child { border-top: none; } .tipscard .icon.headline, .tipscard .icon.number, .tipscard .icon.deco { background: url(https://static.olx.uz/static/olxuz/packed/img/2f1e32f9d79f78928ea987c04bec1bc129.png) no-repeat left top; } .helpintro .icon.ilu, .helpinfo .icon.bulb { background: url(https://static.olx.uz/static/olxuz/packed/img/2f1e32f9d79f78928ea987c04bec1bc129.png) no-repeat left top; } .tipscard.seller { background: #e7f78f; } .tipscard.seller .icon.deco.three { bottom: -6px; left: 0px; height: 6px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f813ef3e47d83291cffbe87f9013553ce.png) no-repeat center top; } .tipscard.buyer { background: #faf4ab; } .tipscard.buyer .icon.deco.three { bottom: -6px; left: 0px; height: 6px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f813ef3e47d83291cffbe87f9013553ce.png) no-repeat center top; } .tipscard .headline { font-size: 26px; line-height: 28px; padding-bottom: 20px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8b8f8081c648508866f6788fa94d9713.png) no-repeat center bottom; color: #414141; } .cat-mainbig .caticon { width: 166px; height: 108px; } .category-icon:before { content: "\e00c"; } .category-icon.a-category-36:before { content: "\e01a"; } .category-icon.a-category-1:before { content: "\e01e"; } .category-icon.a-category-3:before { content: "\e00e"; } .category-icon.a-category-6:before { content: "\e018"; } .category-icon.a-category-35:before { content: "\e00d"; } .category-icon.a-category-899:before { content: "\e017"; } .category-icon.a-category-37:before { content: "\e012"; } .category-icon.a-category-7:before { content: "\e021"; } .category-icon.a-category-891:before { content: "\e014"; } .category-icon.a-category-903:before { content: "\e022"; } .category-icon.a-category-1151:before { content: "\e015"; } .category-icon.a-category-1153:before { content: "\e013"; } .overgallery { top: 0; left: 0; width: 100%; height: 100%; background: #002f34; z-index: 501; overflow: auto; overflow-x: hidden; } .overgallery .layermax { width: 100%; height: 100%; max-width: 1240px; margin: 0 auto; } .overgallery .horizontal { width: 100%; height: 100%; display: table; } .overgallery .horizontal .vertical { display: table-cell; vertical-align: middle; } .overgallery .layerclose { position: absolute; color: #fff; right: 0; top: 15px; font-size: 31px; text-decoration: none; } .overgallery .layerclose:before { content: "\e039"; } .overgallery .layertitle { color: #fff; position: relative; padding: 15px 314px 15px 0; } .overgallery .layertitle__title { font-size: 24px; line-height: 1.08; } .overgallery .layertitle__title .offerobserve { margin-left: 25px; } .overgallery .layertitle__title .offerobserve [data-icon^=star] { color: #fff; font-size: 24px; vertical-align: top; } .overgallery .layertitle__subtitle { display: flex; align-items: flex-end; margin-top: 10px; } .overgallery .layertitle__created-at { margin-left: auto; color: #7f9799; display: flex; } .overgallery .layertitle__created-at li { line-height: 34px; padding: 0 23px; border-right: 1px solid #7f9799; } .overgallery .layertitle__created-at li:last-child { border-right: none; padding-right: 0; } .overgallery .layertitle__created-at .link > * { color: inherit; } .overgallery .layertitle .pricelabel { margin: 0 10px 0 0; line-height: 1; } .overgallery .layertitle .link { color: #c8c8c8; } .overgallery .layertitle .link > * { color: #fff; } .overgallery .layertitle [data-icon=mobile] { font-size: 21px; margin-right: 7px; vertical-align: middle; line-height: 1; color: #fff; } .overgallery .viewspace { margin-right: 313px; } .overgallery .photospace { height: 500px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .overgallery .photospace.loading .loadinginfo { left: calc(50% - 27px); top: calc(50% - 27px); display: block; width: 54px; height: 54px; position: relative; overflow: hidden; animation: animation-olx-branding-x 8s infinite; background: none; border-radius: 0; position: absolute; } .overgallery .photospace.loading .loadinginfo:before, .overgallery .photospace.loading .loadinginfo:after { content: ""; position: absolute; top: 0; left: 50%; width: 40%; height: 100%; background: #fff; animation: animation-olx-branding-x-line 8s infinite; } .overgallery .photospace.loading .loadinginfo:before { transform: skewX(45deg) translate(-50%, 0); } .overgallery .photospace.loading .loadinginfo:after { transform: skewX(-45deg) translate(-50%, 0); } .overgallery .photospace > img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; position: relative; } .overgallery .photospace .lbutton { background: rgba(0, 47, 52, 0.3); width: 49px; height: 49px; } .overgallery .photospace .lbutton:hover .suggesttitle { display: block; margin-bottom: 5px; left: 4px; } .overgallery .photospace .lbutton > .icon { height: 100%; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fdfa3fada57c366549274f1cb616052d9.png); } .overgallery .photospace .lbutton.type1 { right: 85px; bottom: 12px; } .overgallery .photospace .lbutton.type1 > .icon { background-position: 0px 0px; } .overgallery .photospace .lbutton.type2 { right: 12px; bottom: 12px; } .overgallery .photospace .lbutton.type2 > .icon { background: url(https://static.olx.uz/static/olxuz/packed/font/2f34b01439a6bd1538e579d1c6d4f90a23.svg) 50% 50% no-repeat; background-size: 25px 24px; } .overgallery .photospace .lshowprev { left: 0; top: 0; width: 50%; height: 100%; background: url(https://static.olx.uz/static/olxuz/packed/img/2fe51232cf9fc8dd7b4756cbe34f3be9cc.png); } .overgallery .photospace .lshowprev .lprev { width: 22px; height: 44px; top: 50%; left: 0; text-decoration: none; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .overgallery .photospace .lshowprev .lprev .icon { background: none; float: right; position: relative; width: 44px; height: 44px; } .overgallery .photospace .lshowprev .lprev .icon:before, .overgallery .photospace .lshowprev .lprev .icon:after { content: ""; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background: #cbf7ee; } .overgallery .photospace .lshowprev .lprev .icon:before { transform: skewX(45deg) translate(-50%, 0); } .overgallery .photospace .lshowprev .lprev .icon:after { transform: skewX(-45deg) translate(-50%, 0); } .overgallery .photospace .lshownext { right: 0; top: 0; width: 50%; height: 100%; background: url(https://static.olx.uz/static/olxuz/packed/img/2fe51232cf9fc8dd7b4756cbe34f3be9cc.png); } .overgallery .photospace .lshownext .lnext { width: 22px; height: 44px; top: 50%; right: 0; text-decoration: none; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .overgallery .photospace .lshownext .lnext .icon { background: none; float: left; position: relative; width: 44px; height: 44px; } .overgallery .photospace .lshownext .lnext .icon:before, .overgallery .photospace .lshownext .lnext .icon:after { content: ""; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background: #cbf7ee; } .overgallery .photospace .lshownext .lnext .icon:before { transform: skewX(45deg) translate(-50%, 0); } .overgallery .photospace .lshownext .lnext .icon:after { transform: skewX(-45deg) translate(-50%, 0); } .overgallery .photospace.ismap .lshowprev, .overgallery .photospace.ismap .lshownext { height: auto; top: 50%; } .overgallery .optionsbar { width: 300px; } .overgallery .optionsbar .link { color: #fff; } .overgallery .optionsbar .link > * { color: inherit; background-color: transparent; } .overgallery .optionsbar .linkUserAds { display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } .overgallery .optionsbar .linkUserAds:first-letter { text-transform: uppercase; } .overgallery .optionsbar .linkUserAds:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #fff; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .overgallery .optionsbar .linkUserAds:hover:after { left: 25%; right: 25%; } .overgallery .optionsbar__box { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #12272a; padding: 24px; margin-bottom: 15px; } .overgallery .optionsbar__headline { color: #fff; font-size: 16px; font-weight: 500; line-height: 1.25; margin-bottom: 10px; } .overgallery .optionsbar .pricelabel { width: 250px; } .overgallery .optionsbar [data-icon=message] { padding: 0; vertical-align: middle; font-size: 22px; line-height: 1 !important; margin-right: 5px; } .overgallery .optionsbar .userbox { color: #fff; display: flex; } .overgallery .optionsbar .userbox [data-icon=account] { color: #aaa; font-size: 25px; vertical-align: top; } .overgallery .optionsbar .userbox__photo { flex: 0 0 59px; max-width: 59px; margin-right: 19px; } .overgallery .optionsbar .userbox__image { width: 59px; height: 59px; border-radius: 50%; background: #efefef; text-align: center; overflow: hidden; } .overgallery .optionsbar .userbox__image img { width: 100%; } @supports (-o-object-fit: cover) or (object-fit: cover) { .overgallery .optionsbar .userbox__image img { height: 100%; object-fit: cover; } } .overgallery .optionsbar .userbox__image [data-icon] { margin-top: 13px; color: #002f34; font-size: 34px; } .overgallery .optionsbar .userbox__seller-name { font-size: 24px; font-weight: 500; line-height: 1.06; margin-bottom: 6px; } .overgallery .optionsbar .userbox__user-since { font-size: 14px; line-height: 1.29; color: #7f9799; margin-bottom: 9px; } .overgallery .optionsbar .contactbox__methods { margin-top: 27px; } .overgallery .optionsbar .contactbox__methods li { margin-top: 8px; } .overgallery .optionsbar .contactbox .contactitem { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; height: 40px; font-size: 14px; font-weight: 500; border-radius: 4px; position: relative; color: #fff; background: #12272a; border: 2px solid #fff; word-wrap: break-word; cursor: pointer; width: 100%; text-decoration: none; } .overgallery .optionsbar .contactbox .contactitem strong { font-weight: inherit !important; font-size: inherit; line-height: inherit; } .overgallery .optionsbar .contactbox .contactitem .spoiler { font-weight: 400; font-size: 12px; color: inherit; text-decoration: underline; margin-left: 5px; } .overgallery .optionsbar .contactbox .contactitem.link-phone { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #fff; color: #002f34; } .overgallery .optionsbar .contactbox div.suggesttitleright { top: 50%; margin-top: -30px; } .overgallery .optionsbar .contactbox div.suggesttitleright .target { top: 50%; margin-top: -8px; } .overgallery .optionsbar .contactbox .suggesttitleright strong { color: #414141 !important; } .overgallery .optionsbar .contactbox .suggesttitleright .link { color: #b8e0f4 !important; } .overgallery .optionsbar .contactbox .suggesttitleright .link > * { color: #0098d0 !important; } .overgallery .optionsbar .contactbox .suggesttitleright .link:hover > * { background: #0098d0 !important; color: #fff !important; } .overgallery .optionsbar .locationbox { padding: 0; margin: -5px 0 !important; color: #fff; background: none; } .overgallery .optionsbar .locationbox .address { width: 216px; margin-left: 12px !important; } .overgallery .optionsbar .locationbox .address .normal { font-size: 20px; line-height: 1.1; } .overgallery .optionsbar .locationbox [data-icon=location] { color: #cbf7ee; font-size: 24px; float: left; } .overgallery .optionsbar .locationbox__show-desc { display: none; } .overgallery .optionsbar .externalcontact { padding: 15px 4px; } .overgallery .optionsbar .externalcontact .brbott-1 { border-color: #30302f; } .overgallery .optionsbar .externalcontact .color-7 { color: #fff; } .overgallery .photosbar { overflow: hidden; } .overgallery .photosbar ul { padding-bottom: 15px; } .overgallery .photosbar ul li a { width: 83px; height: 72px; padding: 11px; text-align: center; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .overgallery .photosbar ul li a:hover, .overgallery .photosbar ul li a.selected { background: rgba(255, 255, 255, 0.17); } .overgallery .photosbar ul li img { width: 100%; max-width: 100%; max-height: 100%; } @supports (-o-object-fit: cover) or (object-fit: cover) { .overgallery .photosbar ul li img { height: 100%; object-fit: cover; } } .overgallery .photosbar ul li a.mapPhoto img.hover, .overgallery .photosbar ul li a.mapPhoto:hover img, .overgallery .photosbar ul li a.mapPhoto.selected img { display: none; } .overgallery .photosbar ul li a.mapPhoto:hover img.hover, .overgallery .photosbar ul li a.mapPhoto.selected img.hover { display: inline; } .overgallery__counter { width: 36px; height: 1px; background: #2c5257; position: relative; line-height: 1.71; letter-spacing: 0.5px; font-size: 14px; margin: 29px auto 27px; color: #fff; } .overgallery__counter:before, .overgallery__counter:after { position: absolute; top: 50%; transform: translate(0, -50%); } .overgallery__counter:before { right: 100%; margin-right: 9px; content: attr(data-from); } .overgallery__counter:after { left: 100%; margin-left: 9px; content: attr(data-to); } .descgallery { background: #fff; padding: 24px; margin-bottom: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .descgallery__image { height: 500px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } .descgallery__image.loading .loadinginfo { background: url(https://static.olx.uz/static/olxuz/packed/font/2fc44e7066e4b3c72a65bbadb21f4c07f0.svg) 50% 50% no-repeat; background-size: contain; left: 50%; top: 50%; width: 50px; height: 50px; display: block; transform: translate(-50%, -50%); } .descgallery__image > img { max-width: 100%; max-height: 100%; display: block; } .descgallery__prev, .descgallery__next { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 15px; background: none; border: none; cursor: pointer; color: inherit; } .descgallery__prev:before { content: "\e04f"; } .descgallery__next:before { content: "\e063"; } .descgallery__navi { height: 24px; display: flex; align-items: center; margin: 15px 0; color: #002f34; } .descgallery__bucket { display: none; } .descgallery__counter { width: 36px; height: 1px; background: #002f34; margin: 0 30px; position: relative; line-height: 1.71; letter-spacing: 0.5px; font-size: 14px; } .descgallery__counter:before, .descgallery__counter:after { position: absolute; top: 50%; transform: translate(0, -50%); } .descgallery__counter:before { right: 100%; margin-right: 9px; content: attr(data-from); } .descgallery__counter:after { left: 100%; margin-left: 9px; content: attr(data-to); } .descgallery__btn-overgallery { margin-left: auto; font-size: 14px; font-weight: 500; line-height: 1.29; background: none; border: none; cursor: pointer; color: inherit; } .leftBranding #skycraper.fix, .leftBranding .stickyEnabled.fix, .rightBranding #skycraper.fix, .rightBranding .stickyEnabled.fix { transition: transform 0.5s cubic-bezier(0.8, 0.2, 0.2, 0.8); transform: translateY(72px); } .hasHiddenHeader .leftBranding #skycraper.fix, .hasHiddenHeader .leftBranding .stickyEnabled.fix, .hasHiddenHeader .rightBranding #skycraper.fix, .hasHiddenHeader .rightBranding .stickyEnabled.fix { transform: translateY(0); } .leftBranding { right: 1262px; } .rightBranding { left: 1262px; } .leftBranding2, .rightBranding2 { width: 180px; top: -88px; } .leftBranding2 { left: -200px; } .rightBranding2 { right: -200px; } .centerBranding, .centerBranding td, .centerBranding th { text-align: center; } .centerBranding .bannerholder, .centerBranding table, #ad_ph_1, #ad_ph_2, .centerBranding > div { margin: 0 auto 10px; } #ad_ph_1, #ad_ph_2 { position: relative; z-index: 9; } .centerBranding #ad_ph_1 { z-index: 3; } #ad_ph_1 a img { float: right; margin-right: 2px; } #ad_ph_3 { margin: 0 auto 10px; } #ad_ph_3 > table td { text-align: center; } span.priceSuffix { font-weight: bold; } .twitter-share-button { width: 118px !important; } #div-gpt-ad-listing-top { margin: 10px 0; } .header-banner-above { position: relative; } .header-banner-close { position: absolute; left: 50%; top: 30px; width: 24px; height: 24px; line-height: 24px; background: #dbdbdb; font-size: 15px; color: #9c9c9c; margin-left: 420px; text-decoration: none !important; text-align: center; border-radius: 50%; font-weight: bold; } .header-banner-welcome { height: 88px; background: #4bafd8; } .header-banner-welcome .block { height: 100%; background: url(../img/header-banner-welcome.jpg) no-repeat 50% 50%; } div.offer-google-ads-long { margin-bottom: 45px; padding: 10px 0 0; } div.offer-google-ads-long { padding-left: 198px; } div.offer-google-ads-long-search { padding-left: 200px; } div.offer-google-ads-adpage { margin: 10px 0 20px; } .allpages-728x90 > div { padding: 10px 0; } .wide-offers div.allpages-300x250 > div { margin: 10px 0 0 205px; } .dropdown dd { position: relative; } .dropdown a { color: #002f34; text-decoration: none !important; outline: none; } .dropdown a:visited { color: #002f34; text-decoration: none !important; outline: none; } .dropdown dt a { display: block; background: #fff; padding: 14px 54px 14px 16px; min-height: 20px; white-space: nowrap; position: relative; font-size: 16px; line-height: 1.25; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .dropdown dt a:before { content: "\e005"; } .dropdown dt a:before { position: absolute; right: 16px; top: 50%; font-size: 12px; transform: translate(0, -50%); } .dropdown.readonly { opacity: 0.7; filter: alpha(opacity=70); } .dropdown.readonly dt a { background-color: #efefef; } .dropdown dt a.focus { background-color: #fff; } .dropdown dt a.focus:before { content: "\e006"; } .dropdown dd ul { background-color: #fff; display: none; left: 0; position: absolute; top: 0; border-top: none; width: 100%; overflow: auto; max-height: 182px; z-index: 10; word-wrap: break-word; font-size: 14px; line-height: 1.29; padding: 8px 0; -webkit-box-sizign: border-box; -moz-box-sizign: border-box; -ms-box-sizign: border-box; -o-box-sizign: border-box; box-sizign: border-box; } .dropdown dd ul:before { content: ""; position: absolute; top: 0; left: 16px; right: 16px; border-bottom: 1px solid #d8dfe0; } .dropdown span.value { display: none; } .dropdown dd ul li a { padding: 8px 16px; display: block; position: relative; } .dropdown dd ul li a:visited { padding: 8px 16px; display: block; } .dropdown dd ul li a.is-selected { padding-right: 52px; } .dropdown dd ul li a.is-selected:before { content: "\e073"; } .dropdown dd ul li a.is-selected:before { position: absolute; top: 50%; right: 16px; font-size: 14px; transform: translate(0, -50%); } .dropdown dd ul li span.disabled { padding: 8px 16px; display: block; } .dropdown dd ul li a:hover { background-color: #002f34; color: #fff; } .dropdown dd ul li span.disabled { color: #a6a6a6; } .chipschoice { display: flex; position: relative; overflow: hidden; margin-left: -4px; margin-right: -4px; } .chipschoice li { position: relative; flex: 0 0 160px; width: 160px; padding: 0 4px; } .chipschoice li > a, .chipschoice li > span { height: 32px; background: #cbf7ee; border-radius: 4px; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: background 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07); text-align: center; } .chipschoice li > a.is-selected, .chipschoice li > span.is-selected { background: #23e5db; } .chipschoice li > span.disabled { background: #a6a6a6; } .chipschoice span.value { display: none; } .chipschoice.readonly { opacity: 0.7; filter: alpha(opacity=70); } .ddIndex { z-index: 10 !important; } .olx-bundle-bought { position: relative; display: inline-block; } .olx-bundle-bought:before { content: "\e062"; } .olx-bundle-bought:before { display: inline-block; vertical-align: top; margin: 0 5px 0 0; font-size: 16px; color: #23e5db; } .olx-bundle-bought .date { color: #002f34; } .olx-bundle-bought__tooltip { min-width: 280px; padding: 24px; margin-top: 8px; border: 1px solid #cdcdcd; position: absolute; top: 100%; left: -12px; display: none; text-align: left; font-size: 12px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); z-index: 100; } .olx-bundle-bought__tooltip:after, .olx-bundle-bought__tooltip:before { height: 0; width: 0; border: solid transparent; position: absolute; bottom: 100%; left: 40px; content: ""; } .olx-bundle-bought__tooltip:after { border-color: transparent; border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px; } .olx-bundle-bought__tooltip:before { border-color: transparent; border-bottom-color: #cdcdcd; border-width: 6px; margin-left: -6px; } .olx-bundle-bought__tooltip header { padding-bottom: 12px; position: relative; } .olx-bundle-bought__tooltip header .promo-valid { position: absolute; right: 0; bottom: 12px; } .olx-bundle-bought__tooltip h5 { color: #002f34; text-transform: uppercase; font-size: 18px; font-weight: bold; } .olx-bundle-bought__tooltip h5 em { display: block; font-size: 12px; font-weight: normal; color: #979797; } .olx-bundle-bought:hover .olx-bundle-bought__tooltip { display: inline-block; } .olx-bundle-bought__items li { width: 100%; border-top: 1px solid #ebebeb; display: table; } .olx-bundle-bought__items li:first-child { border-top: none; } .olx-bundle-bought__items li.refresh-item { border: none; } .olx-bundle-bought__items li.refresh-item .cell { padding: 5px 0; } .olx-bundle-bought__items li.refresh-item .cell--name { padding-left: 26px; } .olx-bundle-bought__items li [data-icon] { margin-right: 8px !important; font-size: 18px !important; color: #33950e !important; vertical-align: middle; } .olx-bundle-bought__items li .cell { padding: 8px 0; display: table-cell; vertical-align: middle; } .olx-bundle-bought__items li .cell--name { padding-right: 20px; } .olx-bundle-bought__items li .cell--valid { text-align: right; } .olx-bundle-bought__items li .past { text-decoration: line-through; color: #c9c9c9; } .olx-vas-button { padding: 4px 10px 4px 33px; margin-right: 17px; display: inline-block; vertical-align: middle; position: relative; text-decoration: none !important; font-size: 12px; font-weight: 500; text-transform: uppercase; } .olx-vas-button:before { position: absolute; left: 0; top: 0; content: ""; display: inline-block; } .olx-vas-button--promote:before { width: 25px; height: 24px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fc7aaad8a47ee78d78997b31ccabac813.svg) 50% 50% no-repeat; background-size: contain; } .olx-vas-button--refresh:before { width: 25px; height: 24px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fd264e8fdb71e933c5e00504eef6fde17.svg) 50% 50% no-repeat; background-size: contain; } .paymentpackets { width: 665px; margin: 25px auto 15px; } .paymentpackets li { width: 219px; } .paymentpackets .box { background: #fdfdfd; margin-left: 10px; } .paymentpackets .box:hover, .paymentpackets .box.selected { -webkit-box-shadow: 0px 0px 0px 5px rgba(228, 228, 228, 0.4); -moz-box-shadow: 0px 0px 0px 5px rgba(228, 228, 228, 0.4); -ms-box-shadow: 0px 0px 0px 5px rgba(228, 228, 228, 0.4); -o-box-shadow: 0px 0px 0px 5px rgba(228, 228, 228, 0.4); box-shadow: 0px 0px 0px 5px rgba(228, 228, 228, 0.4); cursor: pointer; } .paymentpackets .box .head { -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; background: #f5f5f5; padding: 6px 0px 5px 5px; min-height: 47px; border: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .paymentpackets .box .head strong { text-shadow: 0px 1px 0px #ffffff; } .paymentpackets .box .head .icon.expdate0 { width: 68px; height: 47px; background-position: 0 0; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f69b79c2589d50b0054316438e5f0a87a.png); right: -15px; top: -14px; z-index: 2; } .paymentpackets .box .head .icon.expdate1 { width: 104px; height: 94px; background-position: 0px -17px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); right: 0px; top: -67px; } .paymentpackets .box .head .icon.expdate2 { width: 96px; height: 67px; background-position: 0px -236px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); right: -12px; top: -35px; } .paymentpackets .box .head .icon.expdate3 { width: 85px; height: 82px; background-position: -57px -381px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); right: -5px; top: -16px; } .paymentpackets .box .head .icon.x10 { width: 35px; height: 26px; background-position: -108px 0px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); } .paymentpackets .box .head .icon.x4 { width: 32px; height: 26px; background-position: -108px -26px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); } .paymentpackets .box .inner { min-height: 251px; padding: 5px 10px; border: 1px solid #dbdbdb; border-bottom: none; border-top: none; } .paymentpackets .box .inner .icon.smsmethod { display: none; } .paymentpackets .box .inner .item { margin: 5px 0px; padding: 0px 0px 0px 24px; } .paymentpackets .box .inner .item .icon.point { width: 15px; height: 17px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); background-position: 0px 0px; left: 0px; top: 1px; } .paymentpackets .box .bottom { -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -ms-border-radius: 0px 0px 3px 3px; -o-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background: #e3e5e1; border: 1px solid #cacaca; padding: 10px 0px 10px 32px; line-height: 20px; text-shadow: 0px 1px 0px #ffffff; } .paymentpackets input[type=radio], .paymentpackets .f_radio { left: 22px; bottom: 14px; padding: 0px; } .paymentpackets .box.type0 .head { background: #fef6cc; padding-right: 45px; } .paymentpackets .box.type0 .bottom { background: #fde979; border-color: #e5c91e; color: #896e00; } .paymentpackets .box.type0 .bottom strong { color: #5f4c01; } .paymentpackets .box.type0:hover, .paymentpackets .box.type0.selected { -webkit-box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); -moz-box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); -ms-box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); -o-box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); } .paymentpackets .box.type1 .head { background: #b1ecff; border-color: #a1e9ff; color: #00607f; } .paymentpackets .box.type1 .inner { border-color: #a1e9ff; } .paymentpackets .box.type1 .bottom { background: #d2f4ff; border-color: #a1e9ff; color: #00607f; } .paymentpackets .box.type1 .bottom strong { color: #0a4456; } .paymentpackets .box.type1:hover, .paymentpackets .box.type1.selected { -webkit-box-shadow: 0px 0px 0px 5px #e0f8ff; -moz-box-shadow: 0px 0px 0px 5px #e0f8ff; -ms-box-shadow: 0px 0px 0px 5px #e0f8ff; -o-box-shadow: 0px 0px 0px 5px #e0f8ff; box-shadow: 0px 0px 0px 5px #e0f8ff; } .paymentpackets .box.type2 .head { background: #fef6cc; } .paymentpackets .box.type2 .bottom { background: #fde979; border-color: #e5c91e; color: #896e00; } .paymentpackets .box.type2 .bottom strong { color: #5f4c01; } .paymentpackets .box.type2:hover, .paymentpackets .box.type2.selected { -webkit-box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); -moz-box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); -ms-box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); -o-box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); box-shadow: 0px 0px 0px 5px rgba(253, 233, 121, 0.5); } .paymentpackets .box.type4 .head { background: #f8d1dc; } .paymentpackets .box.type4 .bottom { background: #f8d1dc; border-color: #f8d1dc; color: #6c4d55; } .paymentpackets .box.type4 .bottom strong { color: #431220; } .paymentpackets .box.type4:hover, .paymentpackets .box.type4.selected { -webkit-box-shadow: 0px 0px 0px 5px rgba(248, 209, 220, 0.5); -moz-box-shadow: 0px 0px 0px 5px rgba(248, 209, 220, 0.5); -ms-box-shadow: 0px 0px 0px 5px rgba(248, 209, 220, 0.5); -o-box-shadow: 0px 0px 0px 5px rgba(248, 209, 220, 0.5); box-shadow: 0px 0px 0px 5px rgba(248, 209, 220, 0.5); } .paymentpackets.twooptions li { width: 300px; } .paymentpacketssummary { width: 665px; margin: 0 auto 50px; } .paymentpacketssummary p { padding-top: 17px; float: right; min-width: 234px; padding-right: 10px; } .paymentpacketssummary strong { min-width: 70px; font-size: 19px; display: inline-block; } .ppbigheadline { width: 359px; height: 30px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fee4c08a6080ed4d721044402bc3b1389.png) no-repeat 0 0; margin-left: auto; margin-right: auto; } .paymentpacketsbig .box { background: #fff; width: 312px; margin: -29px auto 0px; color: #383838; } .paymentpacketsbig .box .inner { -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; padding: 65px 13px 6px 13px; border: 1px solid #dbdbdb; border-bottom: none; } .paymentpacketsbig .box .inner .icon.expdate1 { width: 130px; height: 80px; background-position: 0px -236px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 91px; top: -29px; } .paymentpacketsbig .box .inner .icon.expdate2 { width: 130px; height: 80px; background-position: 0px -316px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 91px; top: -29px; } .paymentpacketsbig .box .inner .icon.x10 { width: 35px; height: 26px; background-position: -108px 0px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); } .paymentpacketsbig .box .inner .icon.x4 { width: 32px; height: 26px; background-position: -108px -26px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); } .paymentpacketsbig .box .inner .pricespace { padding-top: 17px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f918c3f7bdc67e20e48dbe372c37e6eae.png) no-repeat top center; } .paymentpacketsbig .box .inner strong { font-size: 28px; } .paymentpacketsbig .box .inner ul { min-height: 146px; } .paymentpacketsbig .box .inner .icon.smsmethod { display: none; } .paymentpacketsbig .box .bottom { -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -ms-border-radius: 0px 0px 3px 3px; -o-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; padding: 25px 0px 14px; } .paymentpacketsbig .box .button { width: 202px; } .paymentpacketsbig .box.type1 .bottom { background: #dbf794 url(https://static.olx.uz/static/olxuz/packed/img/2fd3f0cc312bad77fe88dc011477371070.png) top center no-repeat; border-bottom: 1px solid #bbcd8e; } .paymentpacketsbig .box.type2 .bottom { background: #fde979 url(https://static.olx.uz/static/olxuz/packed/img/2f49962380f417704c8d2d97a786bd2124.png) top center no-repeat; border-bottom: 1px solid #d3c67c; } .paymentpacketsbig .box .inner .item { margin: 7px 0px; padding: 0px 0px 0px 24px; } .paymentpacketsbig .box .inner .item .icon.point { width: 15px; height: 17px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); background-position: 0px 0px; left: 0px; top: 1px; } .paybalanceover { min-height: 100px; } .paybalancemini { padding: 3px 25px; margin-right: 10px; } .paybalancenew { background: #fee78e; padding: 4px 20px; border-top-left-radius: 50px 50px; border-top-right-radius: 12px 12px; border-bottom-right-radius: 50px 50px; border-bottom-left-radius: 12px 12px; color: #272727; text-shadow: 1px 1px 0px #ffffff; } .paymanageinfo { border-top: 1px solid #e4e4e4; } .paymanageinfo .inner { padding: 37px 20px 47px; } .paymanageinfo.type2 .inner { padding: 20px 0px 30px; } .paymanageinfo .inner .item { margin: 25px 129px 0px; padding-left: 36px; } .paymanageinfo .inner .item:first-child { margin-top: 0px; } .paymanageinfo .inner .item .icon.point { width: 23px; height: 24px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); background-position: -15px -114px; left: 0px; top: -3px; } .paymanageinfo.type3 .inner { background: none; } .paymanageinfo .button { width: 220px; } .paymanageinfo .thisway { width: 106px; height: 98px; background-position: 0px -138px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: -28px; top: -33px; } .paymanageinfo .actionbox { padding: 22px 0px; border-top: 1px solid #a5a5a5; background: #fff3af; margin: -19px auto 0px; width: 435px; -webkit-box-shadow: inset 0px 7px 7px -7px rgb(120, 120, 120); -moz-box-shadow: inset 0px 7px 7px -7px rgb(120, 120, 120); -ms-box-shadow: inset 0px 7px 7px -7px rgb(120, 120, 120); -o-box-shadow: inset 0px 7px 7px -7px rgb(120, 120, 120); box-shadow: inset 0px 7px 7px -7px rgb(120, 120, 120); } .paymanageinfo .paylinks { margin: 0px auto; padding-top: 0px; } .paymanageinfo .paylinks.type3 li { margin: 15px 0px; } .paylinks { padding-top: 10px; margin: 10px auto; } .paylinks.wide { width: 720px; } .paylinks > .center { margin-left: 240px; } .paylinks li { margin: 15px 0px; } .paylinks a, .paylinks .moreinfo { padding: 5px 0px 5px; } .paylinks .icon.link1 { width: 51px; height: 34px; background-position: -108px -77px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: -2px; top: 12px; } .paylinks .icon.link2 { width: 49px; height: 50px; background-position: -159px -77px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 1px; top: 4px; } .paylinks .icon.link3 { width: 41px; height: 42px; background-position: -208px -77px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 12px; top: 6px; } .paylinks .icon.link4 { width: 47px; height: 53px; background-position: -108px -127px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 4px; top: 2px; } .paylinks .icon.link5 { width: 52px; height: 50px; background-position: -159px -127px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 0px; top: 3px; } .paylinks .icon.link6 { width: 51px; height: 42px; background-position: -108px -180px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 6px; top: 7px; } .paylinks .icon.link7 { width: 46px; height: 46px; background-position: -130px -236px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 2px; top: 4px; } .paylinks .icon.link8 { width: 48px; height: 52px; background-position: -205px -231px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 2px; top: 2px; } .paylinks .icon.link11 { width: 57px; height: 60px; background-position: 0px -316px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: -6px; top: 0px; } .paylinks .icon.link12 { width: 48px; height: 45px; background-position: 0px -381px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); left: 0px; top: 6px; } .paylinks.type2 { border-top: 1px solid #efefee; width: auto; } .multipay { margin: 40px 0; } .multipay__checkbox { display: inline-block; } .multipay__checkbox input[type=radio] { display: none; } .multipay__checkbox span { width: 24px; height: 24px; border: 2px solid #002f34; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: top; } .multipay__checkbox input[type=radio]:checked + span { border-width: 8px; } .multipay .layer { margin: 15px 0; } .multipay .layer .head { display: none; } .multipay .layer .inner { padding: 0px 0px; } .multipay .layer .inner + .action { border-top: 1px solid #e2e2e2; } .multipay .layer .inner + .action a.disabled { color: #c3c6c7; cursor: default; text-decoration: none; background-color: transparent; } .multipay .layer .inner + .action a.disabled * { color: #c3c6c7; cursor: default; text-decoration: none; background-color: transparent; } .multipay .layer .action { padding: 18px 50px; } .wallet-topup .multipay .layer { width: 611px; } .multipay .systems { margin: -24px 0px 0px -24px !important; } .multipay .systems li.disabled { -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); cursor: default; } .multipay .systems .box { color: #406367; width: 271px; height: 191px; padding: 0 24px; background: #fff; margin-left: 24px !important; margin-top: 24px !important; margin-bottom: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .multipay .systems .box.selected { -webkit-box-shadow: inset 0px 0px 0px 1px #3573ff; -moz-box-shadow: inset 0px 0px 0px 1px #3573ff; -ms-box-shadow: inset 0px 0px 0px 1px #3573ff; -o-box-shadow: inset 0px 0px 0px 1px #3573ff; box-shadow: inset 0px 0px 0px 1px #3573ff; } .multipay .systems .box .title { vertical-align: middle; width: 100%; height: auto; font-size: 20px; color: #002f34; line-height: 1.1; } .multipay .systems .box .title.flexline > * { padding-left: 32px; } .multipay .systems .box .title small { display: block; font-size: 14px; line-height: 1.29; color: #406367; margin-top: 10px; text-transform: lowercase; } .multipay .systems .box .title small:first-letter { text-transform: uppercase; } .multipay .systems input[type=radio], .multipay .systems .f_radio { bottom: 21px; left: 18px; } .multipay .items-packets tr.selected:not(.tr-basic) h5 { font-weight: bold; } .multipay .items-packets tr.selected:not(.tr-basic) .price { color: #a50502; font-size: 14px; } .multipay .items-packets tr.selected:not(.tr-basic) .price .pricevalue { font-size: 20px; font-weight: bold; } .multipay .items-packets tr.selected:not(.tr-basic) .price small.price-def { color: #797979; } .multipay .items-packets tr.selected:not(.tr-basic) .price small.price-save { font-weight: bold; color: #55911f; } .multipay .descrambler { border-top: 1px solid #efefef; color: #888888; padding-top: 8px; margin-top: 15px; } .multipay .descrambler span { color: #ff5335; } .multipay .items { border-collapse: separate; border-spacing: 0 8px; } .multipay .items td { padding: 10px 0; cursor: default; height: 58px; background: #fff; } .multipay .items td:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .multipay .items td:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .multipay .items td .multipay__checkbox { margin-right: 24px; } .multipay .items td .price .pricevalue { font-size: 16px; font-weight: 500; line-height: 1.25; } .multipay .items td .bonus { font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; color: #7f9799; text-transform: uppercase; } .multipay .items tr.selected td { background: #3a77ff; color: #fff; } .multipay .items tr.selected .multipay__checkbox input[type=radio]:checked + span { border-color: #fff; } .multipay .items tr.selected .price, .multipay .items tr.selected .bonus { color: inherit; } .multipay h5 { color: inherit; } .multipay .items .tr-basic td { background: #fcfcfc; } .multipay .items .tr-basic td h5 { color: #6b6b6b; } .multipay .items .expire-label { margin-left: 5px; padding: 2px 5px; display: inline-block; font-weight: normal; background: #f5f5f5; color: #969696; text-shadow: none; font-size: 12px; } .multipay .items .title [data-icon=circle_info] { font-size: 20px; vertical-align: middle; margin-left: 10px; color: #85be52; } .multipay .items .title .suggest { top: -10px; background: #e8f4de; color: #528425; margin-left: -30px; -webkit-box-shadow: 1px 1px 1px rgba(218, 218, 218, 0.9); -moz-box-shadow: 1px 1px 1px rgba(218, 218, 218, 0.9); -ms-box-shadow: 1px 1px 1px rgba(218, 218, 218, 0.9); -o-box-shadow: 1px 1px 1px rgba(218, 218, 218, 0.9); box-shadow: 1px 1px 1px rgba(218, 218, 218, 0.9); } .multipay .items .title .suggest .icon.target { height: 13px; background-position: -157px -282px; } .multipay .items .title .suggest [data-icon=circle_info] { margin-left: 0; top: 10px; left: 10px; position: absolute; } .multipay .items .title .suggest li { margin-left: 15px; list-style: outside dotted; } .multipay .items .title:hover .suggest { display: block; } .multipay .items .price { color: #002f34; } .multipay .items .price small.price-def { color: #a6a6a6; margin-right: 10px; } .multipay .items .price small.price-save { color: #85be52; display: block; line-height: 14px; } .multipay .items .price__before { top: 100%; right: 0; position: absolute; color: #ec2a33; font-size: 20px; line-height: 24px; font-weight: normal; } .multipay .items .price__before:before { width: 100%; height: 1px; background: #577380; top: 50%; position: absolute; left: 0; content: ""; transform: rotate(-20deg); } .multipay .items .price__before-percent { position: absolute; right: 100%; top: 50%; margin-top: -31px; margin-right: 10px; width: 62px; height: 62px; line-height: 62px; text-align: center; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8785d15bf713b9e6a76e66ccd47e6589.png); font-size: 19px; color: #fff; border-radius: 50%; text-shadow: none; font-family: "chunkfiveroman"; } .multipay .items .price__before-percent ~ * { font-weight: bold; } .multipay .items__ribbon-container { position: relative; height: 100%; } .multipay .items__ribbon { position: absolute; left: -4px; top: -13px; z-index: 1; overflow: hidden; width: 81px; height: 81px; text-align: right; text-shadow: none; } .multipay .items__ribbon span { font-size: 11px; font-weight: 700; color: #FFF; text-transform: uppercase; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); line-height: 14px; padding: 3px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 109px; display: block; background: #b60000; box-shadow: 0 3px 10px -5px #000; position: absolute; top: 22px; left: -22px; } .multipay .items__ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 2px solid #3f562b; border-right: 2px solid transparent; border-bottom: 2px solid transparent; border-top: 2px solid #3f562b; } .multipay .items__ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 2px solid transparent; border-right: 2px solid #3f562b; border-bottom: 2px solid transparent; border-top: 2px solid #3f562b; } .multipay .items .price-small { color: #6a912a; display: block; } .multipay .items .price-small .pricevalue { font-weight: bold; color: #000; } .multipay .items .price-small .cheapest-label { margin-right: 5px; padding: 2px 5px; display: inline-block; vertical-align: middle; color: #fff; background: #6a912a; text-shadow: none; } .multipay .subtitle { color: #888888; } .multipay .items select { width: 141px; } .multipay .submitbox { margin: 48px 0 0; } .multipay .submitbox .terms { border-bottom: 1px solid #fff; } .multipay .submitbox .terms .inner { padding: 24px 13px 20px; border-bottom: 1px solid #dfdfdf; } .multipay .submitbox .price { border-bottom: 1px solid #fff; } .multipay .submitbox .price .inner { border-bottom: 1px solid #dfdfdf; padding: 16px 0px; } .multipay .submitbox .olx-discount { vertical-align: top; } .multipay .submitbox .olx-discount.hidden { display: none; } .multipay .submitbox .price-bonus { padding: 10px 0; margin-bottom: 15px; margin-top: 50px; font-size: 24px; font-weight: 500; text-align: right; color: #00363c; } .multipay .submitbox .price-bonus__label, .multipay .submitbox .price-bonus__value, .multipay .submitbox .price-bonus__number { display: inline-block; } .multipay .submitbox .price-bonus__label { text-transform: lowercase; } .multipay .submitbox .price-bonus__label:first-letter { text-transform: uppercase; } .multipay .submitbox .price-bonus__label .block { display: inline; } .multipay .submitbox .price-bonus__label:after { content: ":"; margin-left: -3px; } .multipay .submitbox .price-summary { border-top: 1px solid #efefef; padding: 22px 50px 10px; text-align: right; color: #7c919b; margin-left: 62px; margin-top: -18px; } .multipay .submitbox .send { padding: 32px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .multipay .submitbox .send .button { font-size: 16px; font-weight: 500; } .multipay .submitbox .send .button input[type=submit] { min-width: 234px; } .multipay .submitbox .send .button.loading { position: relative; background: #002f34; border-color: #002f34; position: relative; display: inline-flex; width: 194px; align-items: center; justify-content: center; } .multipay .submitbox .send .button.loading > * { display: inline-block; overflow: hidden; text-indent: -1000em; animation: animation-olx-branding-dot-two 1.5s infinite ease-in; } .multipay .submitbox .send .button.loading > *, .multipay .submitbox .send .button.loading:before, .multipay .submitbox .send .button.loading:after { width: 16px; height: 16px; border-radius: 50%; box-sizing: border-box; background: #002e33; border: 6.08px solid #fff; } .multipay .submitbox .send .button.loading:before, .multipay .submitbox .send .button.loading:after { content: ""; display: inline-block; } .multipay .submitbox .send .button.loading:before { margin-right: 4px; border-width: 2.56px; animation: animation-olx-branding-dot-one 1.5s infinite ease-in; } .multipay .submitbox .send .button.loading:after { margin-left: 4px; border-width: 4.8px; animation: animation-olx-branding-dot-three 1.5s infinite ease-in; } .multipay .submitbox .send .button.loading input[type=submit] { padding: 0; min-width: 0; font-size: inherit; font-weight: inherit; } .multipay .submitbox .send__cancel { margin: 0 33px 0 0 !important; line-height: 48px; } .multipay .submitbox .send__cancel a { display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; min-width: 77px; text-align: center; } .multipay .submitbox .send__cancel a:first-letter { text-transform: uppercase; } .multipay .submitbox .send__cancel a:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .multipay .submitbox .send__cancel a:hover:after { left: 15%; right: 15%; } .multipay h3.title { color: #002f34; margin: 32px 0; padding: 13px 0 13px 100px; min-height: 20px; font-size: 20px; line-height: 1.1; font-weight: 500; } .multipay h3.title .h3-notice { font-size: 10px; line-height: 14px; font-weight: normal; margin-top: 5px; margin-bottom: -15px; } .multipay h3.title .point { font-family: inherit; left: 21px; top: 0; line-height: 48px; width: 48px; height: 48px; background: #002f34; color: #fff; font-size: 16px; font-weight: 500; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .multipay .headline-below { margin: -8px 0 24px; } .multipay .icon.pack1 { width: 79px; height: 68px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) 0 0; margin-bottom: -7px; } .multipay .icon.pack2 { width: 79px; height: 68px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) -79px 0; margin-bottom: -7px; } .multipay .icon.pack3 { width: 79px; height: 68px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) -158px 0; margin-bottom: -7px; } .multipay .icon.pack4 { width: 79px; height: 68px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) -56px -285px; margin-bottom: -7px; margin-bottom: -7px; } .multipay .icon.singleoffer { width: 70px; height: 70px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) 0px -138px; } .multipay .icon.promotype1 { width: 55px; height: 53px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) 0px -68px; margin: 0 auto; } .multipay .icon.promotype2 { width: 55px; height: 53px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) -55px -68px; margin: 0 auto; } .multipay .icon.promotype3 { width: 59px; height: 44px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) -110px -68px; margin: 0 auto; } .multipay .icon.promotype4 { width: 54px; height: 52px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) -169px -68px; margin: 0 auto; } .multipay .icon.ad_homepage { width: 54px; height: 37px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) -135px -285px; margin: 0 auto; } .multipay .icon.paysystem1 { width: 150px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fae855468e840fbc6b1bd96e2d8490c98.jpg) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem2 { width: 150px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f9f8950cb606970fcc2a7b728eef59051.jpg) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem3 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f83b399d2df0f18ade6603f99ddb01a36.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem4 { width: 150px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f645c9678f9270e9fab0ce2eb6bc3f133.jpg) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem5 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f72cd4c98374a849fa3e32337ac300bb1.jpg) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem6 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2ff53b422e4a90652117c11f71e5620aa5.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem7 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f64a4253c8fbc7f0004740cc4b225bd34.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem8 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fa3f10c002443865810a9c42d45157001.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem9 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f14c181a8c7cdb1e2d1c059e0ec52b96c.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem10 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f28e71e5cbfa22bec0cf19c27df4f7d66.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem11 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f06ae8a19f5b81fddbff66fe209e2897e.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem12 { width: 170px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f2e15c3fcfc3bc3d3e607f708b70e8d3f.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem13 { width: 170px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f03b5f745c4d3ab234c72bfc9685f26db.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem14 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f5d3d9c85f57e9da124af229111695ec4.png) no-repeat center center; margin: 5px auto; } .multipay .icon.paysystem15 { width: 115px; height: 81px; background: url(https://static.olx.uz/static/olxuz/packed/img/2faa5872adb0e744d12de316855eb12f13.png) no-repeat center center; margin: 5px auto; } .multipay .packetinfo div.suggesttitle { white-space: normal; width: 273px; margin-left: -220px; padding: 15px 15px 15px 40px; border-color: #ededed; margin-bottom: 11px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); padding-right: 183px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f7e5cade7b855aa38df7d56129fe6dee1.png) no-repeat 319px 14px #fff; min-height: 103px; } .multipay .packetinfo div.suggesttitle.nophoto { padding-right: 15px; background-image: none; width: 441px; min-height: 0px; } .multipay .packetinfo:hover div.suggesttitle { display: block; } .multipay .packetinfo div.suggesttitle .icon.info2 { left: 14px; top: 15px; } .multipay .packetinfo div.suggesttitle:before { width: 17px; height: 10px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8055e0da715493fb2d470fd3f3d6f08e.png) -217px -138px; left: 220px; } .multipay .packetinfo div.suggesttitle .margin { height: 15px; top: 100%; left: 0px; } .multipay .packetinfo div.suggesttitle ul.points li { margin: 2px 0px; } .multipay .packetinfo div.suggesttitle ul.points .icon.point { width: 15px; height: 17px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); background-position: 0px 0px; left: -25px; top: 1px; } .checkmail .button { width: 220px; } .checkmail .target { width: 36px; height: 62px; background-position: -211px -119px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); top: -61px; right: 222px; } .checkmail2 { background: #fefbd3 url(https://static.olx.uz/static/olxuz/packed/img/2fb7596ff438146fff5dac4f47e175cb39.png) no-repeat left top; width: 300px; margin: 0 auto; } .checkmail2 > .corners { padding: 7px 0px; background: url(https://static.olx.uz/static/olxuz/packed/img/2ffc5e170981226145744935688052fa94.png) no-repeat right top; height: 37px; line-height: 37px; } .checkmail2 .button { width: 170px; } .checksms { background: #fffabe; padding: 22px 74px; margin: 0px auto; display: table; } .checksms fieldset { display: table-cell; } .checksms .code { position: relative; } .checksms .code:before { width: 169px; height: 96px; background: url(../img/sms-code-label.png) no-repeat 0 0; position: absolute; left: -180px; top: 12px; content: ""; } .checksms input[type=text] { padding: 10px; width: 90px; font-size: 24px; height: 28px; line-height: 28px; } .checksms .button { margin-top: 18px; } .payoffer2 .space { padding: 28px 20px !important; } .payoffer2 .button { width: 150px; } .payoffer2 .icon.big.tablicapl { margin: 14px 0px 34px; } .payoffer2 .icon.big.platnoscipl { margin: 26px 0px 23px; } .payoffer2 .icon.big.mobile { margin-bottom: 5px; } .payoffer2 .box { margin: 20px auto; max-width: 230px; } .payoffer2 tr td { border-left: 1px solid #ececec; border-top: 1px solid #ececec; } .payoffer2 tr td:first-child { border-left: none; } .olx-multipay { padding: 58px 0; } .olx-multipay .select { overflow: hidden; color: #002f34; background: #f2f4f5; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .olx-multipay .select:after { content: "\e005"; } .olx-multipay .select:after { position: absolute; right: 16px; top: 50%; font-size: 12px; transform: translate(0, -50%); } .olx-multipay select { font-size: 16px; line-height: 1.25; padding: 14px 54px 14px 16px; -moz-appearance: none; -webkit-appearance: none; color: inherit; background: none; border: none; position: relative; z-index: 1; } .olx-multipay__title { margin-bottom: 36px; font-size: 24px; font-weight: 500; } .olx-multipay__infobox, .olx-multipay__infobox-permanent { padding: 19px 16px; margin-bottom: 24px; background: #ceddff; color: #002f34; font-size: 14px; line-height: 1.29; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .olx-multipay__infobox em, .olx-multipay__infobox-permanent em { color: #002f34; } .olx-multipay__infobox--maintenance-msg, .olx-multipay__infobox-permanent--maintenance-msg { margin-top: 24px; margin-left: 24px; } .olx-multipay__steps { margin-bottom: 40px; } .olx-multipay__step { margin-bottom: 7px; } .olx-multipay__step p { text-align: center; } .olx-multipay__step h3 { display: inline-flex; vertical-align: middle; font-size: 20px; line-height: 1.1; } .olx-multipay__step header { width: 100%; display: table; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .olx-multipay__step header > .cell { display: table-cell; vertical-align: middle; text-align: left; padding: 24px 0; } .olx-multipay__step header > .cell:nth-child(1) { width: 48px; } .olx-multipay__step header > .cell:nth-child(2) { padding-left: 20px; } .olx-multipay__step header > .cell:first-child { padding-left: 24px; } .olx-multipay__step header > .cell:last-child { padding-right: 24px; } .olx-multipay__step header .number { width: 48px; height: 48px; border-radius: 50%; text-align: center; font-size: 16px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; color: #fff; vertical-align: middle; background: #002f34; } .olx-multipay__step .choosen-info { width: 100%; display: none; justify-content: space-between; vertical-align: middle; font-size: 16px; } .olx-multipay__step .choosen-info .cell { align-items: center; vertical-align: middle; width: 100%; min-height: 40px; } .olx-multipay__step .choosen-info .cell:nth-child(2) { text-align: right; } .olx-multipay__step .choosen-info .cell .olx-price { vertical-align: middle; } .olx-multipay__step .choosen-info h4 { display: inline-block; margin-right: 10px; margin-bottom: 3px; font-size: 20px; line-height: 1.1; } .olx-multipay__step .choosen-info em { margin-right: 10px; font-style: normal; } .olx-multipay__step .choosen-info a { font-size: 14px; font-weight: 400; color: #2769ff; text-decoration: underline; } .olx-multipay__step .choosen-info a strong { font-weight: inherit; } .olx-multipay__step .choosen-info small { display: block; font-size: 14px; color: #7f9799; } .olx-multipay__step .choosen-info.promo-options .cell:first-child { padding-right: 10px; } .olx-multipay__step .choosen-info.promo-options .cell:first-child h4 { display: block; } .olx-multipay__step .choosen-info.promo-options .cell:first-child a { white-space: nowrap; } .olx-multipay__step .choosen-info.promo-options .cell:nth-child(2) { display: flex; width: 100%; justify-content: flex-end; } .olx-multipay__step.completed .choosen-info { display: flex; align-items: center; } .olx-multipay__step.completed .choosen-info .cell { min-height: 0; } .olx-multipay__step.completed header { background: #fff; } .olx-multipay__step.completed .number { background: #d8dfe0; color: #7f9799; } .olx-multipay__step.completed h3:not(.show-on-complete) { display: none; } .olx-multipay__step-buttons { background: #fff; padding: 24px; position: relative; text-align: right; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .olx-multipay__step-buttons .learn-more-button { position: absolute; left: 24px; top: 50%; margin-top: -9px; text-decoration: underline; color: #7f9799; } .olx-multipay__step-buttons .olx-button { font-size: 16px; margin-left: 29px; } .olx-multipay__step-buttons .olx-button.unactive { border-color: #d0d0d0; background: #d0d0d0; color: #909090; cursor: default; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .olx-multipay__step-buttons .olx-button.disabled { position: relative; background: #002f34; border-color: #002f34; position: relative; display: inline-flex; width: 194px; align-items: center; justify-content: center; } .olx-multipay__step-buttons .olx-button.disabled > * { display: inline-block; overflow: hidden; text-indent: -1000em; animation: animation-olx-branding-dot-two 1.5s infinite ease-in; } .olx-multipay__step-buttons .olx-button.disabled > *, .olx-multipay__step-buttons .olx-button.disabled:before, .olx-multipay__step-buttons .olx-button.disabled:after { width: 16px; height: 16px; border-radius: 50%; box-sizing: border-box; background: #002e33; border: 6.08px solid #fff; } .olx-multipay__step-buttons .olx-button.disabled:before, .olx-multipay__step-buttons .olx-button.disabled:after { content: ""; display: inline-block; } .olx-multipay__step-buttons .olx-button.disabled:before { margin-right: 4px; border-width: 2.56px; animation: animation-olx-branding-dot-one 1.5s infinite ease-in; } .olx-multipay__step-buttons .olx-button.disabled:after { margin-left: 4px; border-width: 4.8px; animation: animation-olx-branding-dot-three 1.5s infinite ease-in; } .olx-multipay__step-buttons .olx-button.js-button-show { display: none; } .olx-multipay__singlead { width: 100%; margin-bottom: 40px; display: table; overflow: hidden; position: relative; min-height: 0; } .olx-multipay__singlead h5 { margin-bottom: 5px; color: #002f34; text-transform: uppercase; font-size: 16px; font-weight: bold; } .olx-multipay__singlead small { font-size: 12px; } .olx-multipay__singlead .cell { padding: 15px; display: table-cell; vertical-align: middle; } .olx-multipay__singlead .cell--price { text-align: right; } .olx-multipay__singlead .cell--button { width: 10px; } .olx-multipay__singlead .cell--pushup { padding-left: 70px; position: relative; } .olx-multipay__singlead .cell--pushup:before { content: "\e064"; } .olx-multipay__singlead .cell--pushup:before { position: absolute; left: 24px; top: 50%; margin-top: -12px; font-size: 24px; color: #002f34; } .olx-multipay__packages { display: flex; margin-bottom: 16px; margin-left: -8px; margin-right: -8px; } .olx-multipay__packages-wrapper { width: 50%; min-width: 33.3%; box-sizing: border-box; display: inline-block; font-size: 14px; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .olx-multipay__packages--narrow { margin-left: 45px; } .olx-multipay__packages--flex { display: flex; } .olx-multipay__package { border: 1px solid #eaeaea; position: relative; } .olx-multipay__package header { padding: 24px 20px; box-sizing: border-box; background: #002f34; position: relative; } .olx-multipay__package header h4 { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 1; letter-spacing: 0.1em; } .olx-multipay__package header .select { position: absolute; right: 15px; top: 20px; } .olx-multipay__package header .packet-quant { border-radius: 3px; background: #0f8bb9; display: inline-block; padding: 3px 10px; position: absolute; right: 15px; top: 21px; font-size: 12px; color: #fff; } .olx-multipay__package .inner { width: 100%; display: table; padding: 12px 0; } .olx-multipay__package .inner .cell { padding: 12px 24px; display: table-cell; vertical-align: top; } .olx-multipay__package .inner .cell--price { vertical-align: middle; border-left: 1px solid #eff4fa; text-align: center; } .olx-multipay__package .olx-discount { display: block; margin-bottom: 15px; text-align: right; } .olx-multipay__package .olx-price { display: block; } .olx-multipay__package .olx-price--big { margin-bottom: 10px; font-size: 30px; white-space: nowrap; } .olx-multipay__package .olx-price--small { color: #595959; font-size: 14px; } .olx-multipay__package small { margin-bottom: 20px; display: block; color: #b7b7b7; } .olx-multipay__package .olx-button { margin-top: 20px; } .olx-multipay__package ul { margin-bottom: 20px; } .olx-multipay__package ul li { margin-bottom: 7px; padding-left: 25px; position: relative; } .olx-multipay__package ul li:before { content: "\e035"; } .olx-multipay__package ul li:before { margin-right: 10px; font-size: 18px; color: #97be55; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; } .olx-multipay__package ul li.disabled { color: #d3dee6; } .olx-multipay__package ul li.disabled:before { color: #d3dee6; } .olx-multipay__package p { text-align: left; color: #b7b7b7; } .olx-multipay__package .discount-ribbon { width: 62px; height: 62px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fd197f32f3826562a11a2b2e1c0ce160b.png); position: absolute; right: -7px; bottom: -9px; } .olx-multipay__package .discount-ribbon em { width: 70px; display: inline-block; transform: rotate(-45deg); color: #fff; font-size: 12px; font-weight: bold; text-shadow: 0 0 2px rgba(0, 0, 0, 0.1); text-align: center; position: absolute; right: -10px; bottom: 15px; } .olx-multipay__package-alternative small { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 14px; } .olx-multipay__package-alternative .olx-price { color: #002f34; font-size: 14px; transition: color 0.2s ease; } .olx-multipay__package-alternative--single-premium { padding: 32px 54px 32px 193px; background: #fff; min-height: 137px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: relative; display: flex; align-items: center; } .olx-multipay__package-alternative--single-premium:before { width: 80px; height: 80px; position: absolute; top: 50%; left: 56px; content: ""; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); background: no-repeat 50% 50%; background-size: contain; } .olx-multipay__package-alternative--single-premium__title { font-size: 20px; font-weight: 400; line-height: 1.1; margin-bottom: 13px; } .olx-multipay__package-alternative--single-premium__description { font-size: 14px; line-height: 1.29; color: #406367; } .olx-multipay__package-alternative--single-premium article { flex: 0 0 50%; width: 50%; } .olx-multipay__package-alternative--single-premium .olx-button { font-size: 14px; padding-top: 11px; padding-bottom: 11px; margin-left: auto; } .olx-multipay__package-alternative--single-premium-business:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f3ca0551302972d1fca8ede3919eaed82.svg); } .olx-multipay__package-alternative--single-premium-private:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f3ca6d89e236c7cdcad8eec5f6603ed66.svg); } .packages-step-header__desc { background: #ceddff; font-size: 14px; line-height: 1.29; color: #002f34; padding: 19px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 16px; } .packages-step-header__desc h2, .packages-step-header__desc h3 { font-weight: inherit; font-size: inherit; line-height: inherit; margin: 0; } .packages-header { text-align: center; max-width: 800px; margin: 0 auto 40px; } .packages-header h1 { color: #002f34; line-height: 1.1; font-size: 32px; margin: 0 0 12px 0; } .packages-header h2 { color: #406367; font-size: 14px; } .single-premium-header { margin: 16px 0; } .single-premium-header h2 { background: #ceddff; font-size: 14px; line-height: 1.29; color: #002f34; padding: 19px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 16px; } .single-premium-header h3 { font-size: 14px; line-height: 1.5; color: #888; margin: 0; font-weight: normal; } .categories-list { background: #fff; font-size: 14px; line-height: 1.29; padding: 19px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 16px; text-align: left !important; } .categories-list__items { opacity: 0; } .categories-list__items.collapsed { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 250px; vertical-align: top; } .categories-list__expand { display: none; color: #002f34; cursor: pointer; } .categories-list.tleft { text-align: left; } .olx-multipay__pack { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff; min-height: 100%; display: flex; flex-direction: column; } .olx-multipay__pack header { display: flex; align-items: center; padding: 24px 30px 0; box-sizing: border-box; justify-content: space-between; } .olx-multipay__pack header h4 { font-size: 24px; line-height: 1.68; font-weight: 400; color: #002f34; } .olx-multipay__pack header .select, .olx-multipay__pack header .packet-quant { height: 48px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #f2f4f5; color: #002f34; font-size: 16px; padding-right: 16px; padding-left: 16px; white-space: nowrap; align-self: baseline; } .olx-multipay__pack header .select select, .olx-multipay__pack header .packet-quant select { font-size: 16px; padding: 0 36px 0 0; height: 48px; color: #002f34; white-space: nowrap; } .olx-multipay__pack header .packet-quant { padding-top: 15px; align-self: baseline; } .olx-multipay__pack .inner { padding: 20px 30px 35px; display: flex; flex-direction: column; flex: 1; } .olx-multipay__pack-label { font-size: 12px; color: #002f34; padding: 0 25px 0 25px; margin: 8px 0 0; text-decoration: underline; } .olx-multipay__pack .choose-pack-button { text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-width: 214px; font-size: 16px; } .olx-multipay__pack-choose { order: 1; margin-top: auto; } .olx-multipay__pack-choose__note { display: block; margin: 8px 0 0; font-size: 11px; color: #406367; line-height: 1.5; } .olx-multipay__pack-top .pack-price-wrapper { display: flex; flex-direction: column; } .olx-multipay__pack-top .pack-price-wrapper .olx-price { display: block; font-weight: inherit; } .olx-multipay__pack-top .pack-price-wrapper .olx-price--full { order: -1; } .olx-multipay__pack-top .pack-price-wrapper .price-full-wrapper { font-size: 32px; font-weight: 500; line-height: 1.06; } .olx-multipay__pack-top .pack-price-wrapper .price-single-wrapper { color: #7f9799; font-size: 14px; text-transform: initial; margin-top: 12px; } .olx-multipay__pack-top .pack-price-wrapper .price-single-wrapper .olx-discount { text-transform: lowercase; margin: 0 5px 0 0; font-size: 14px; } .olx-multipay__pack-top .advantages-list { padding: 10px 0; } .olx-multipay__pack-top .advantages-list--basic li:last-child { margin-bottom: 58px; } .olx-multipay__pack-top .advantages-list li { padding: 0 0 0 32px; color: #414141; font-size: 14px; line-height: 1.29; cursor: pointer; margin: 20px 0; position: relative; } .olx-multipay__pack-top .advantages-list li:after { content: "\e030"; } .olx-multipay__pack-top .advantages-list li:after { color: #23e5db; position: absolute; left: 0; top: 1px; font-size: 17px; } .olx-multipay__pack-top .advantages-list li .highlight { font-weight: 500; } .olx-multipay__pack-top .advantages-list--premium li:after { color: #3a77ff; } .olx-multipay__pack-description { color: #2f2f2f; margin-bottom: 45px; display: flex; flex-direction: column-reverse; } .olx-multipay__pack-description-show { display: inline-block; box-sizing: border-box; font-size: 14px !important; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29 !important; position: relative; cursor: pointer; } .olx-multipay__pack-description-show:first-letter { text-transform: uppercase; } .olx-multipay__pack-description-show:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .olx-multipay__pack-description-show:hover:after { left: 25%; right: 25%; } .olx-multipay__pack-description-content { max-height: 0; overflow: hidden; transition: max-height 0.4s; margin-top: 0; } .olx-multipay__pack-description-content li { margin-top: 16px; padding: 0 0 0 28px; position: relative; float: left; clear: left; } .olx-multipay__pack-description-content li:before { content: "\e073"; } .olx-multipay__pack-description-content li:before { font-size: 12px; color: #23e5db; left: 0; top: 3px; position: absolute; } .olx-multipay__pack-description-content li.advantage-item { cursor: pointer; } .olx-multipay__pack-description-content li.advantage-item:after { content: "\e031"; } .olx-multipay__pack-description-content li.advantage-item:after { color: #7f9799; vertical-align: middle; font-size: 13px; margin: 0 0 0 5px; display: none; } .olx-multipay__pack-description-content li.advantage-item:hover:after { display: inline-block; } .olx-multipay__pack-description-content .expandable { display: none; } .olx-multipay__pack-description-content.expanded .expandable { display: block; } .olx-multipay__pack-description.is-expanded .olx-multipay__pack-description-show { display: none; } .olx-multipay__pack-description.is-expanded .olx-multipay__pack-description-content { max-height: 300px; } .olx-multipay__pack-description .pack-bottom-description { text-align: right; font-weight: 500; } .olx-multipay__pack--light header { padding: 24px 25px 0; } .olx-multipay__pack--light .inner { padding: 0 25px 25px 25px; } .olx-multipay__pack--light .inner .pack-price-wrapper { text-align: left; } .olx-multipay__pack--light .inner .pack-price-wrapper .price-full-wrapper { font-weight: 400; font-size: 14px; color: #959595; } .olx-multipay__pack--light .inner .pack-price-wrapper .price-single-wrapper { font-weight: 500; color: #000; font-size: 36px; padding: 0 0 5px 0; line-height: normal; } .olx-multipay__pack--light .inner .pack-price-wrapper .olx-price { text-transform: none; } .olx-multipay__pack--light .inner .pack-price-wrapper .olx-price--full { order: unset; } .olx-multipay__pack--light .inner .pack-price-wrapper .price-full { color: #000; font-size: 36px; letter-spacing: 0.1px; font-weight: 500; } .olx-multipay__pack--light .inner .pack-price-wrapper .price-single { color: #959595; font-size: 14px; } .olx-multipay__pack--light .inner .olx-multipay__pack-description { flex-direction: column; margin-bottom: 0; } .olx-multipay__pack--light .inner .olx-multipay__pack-description h3 { font-size: 14px; font-weight: 500; color: #002f34; margin: 0 0 5px 0; } .olx-multipay__pack--light .inner .olx-multipay__pack-description-content { max-height: none; } .olx-multipay__pack--light .olx-multipay__pack-choose { order: unset; margin: 20px 0 25px 0; } .olx-multipay__pack .toggle-packet-features-button { margin-top: 20px; color: #7f9799; font-size: 12px; text-decoration: underline; border: 0; background: none; cursor: pointer; text-align: left; padding: 0; } .olx-multipay__pack-title-icon { color: #7f9799; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 18px; font-weight: 400; } .olx-multipay__pack .olx-discount__wrapper { display: block; line-height: 1; font-size: 14px; padding: 5px 0 0 0; } .olx-multipay__pack .olx-discount__tag { margin: 0 0 20px 0; } .olx-multipay__pack-links { display: flex; flex-flow: column; } .olx-multipay__pack-links a { margin: 8px 0 0 0; padding: 0 25px 0 25px; display: flex; width: fit-content; align-items: center; } .olx-multipay__pack-links a:hover { text-decoration: none; } .olx-multipay__pack-links a span { font-size: 12px; color: #002f34; margin: 0 6px 0; text-decoration: underline; } .olx-multipay__pack-links a span span { margin: 0; text-transform: lowercase; } .olx-multipay__pack-links--with-icons .olx-multipay__pack-links--categories:before { content: "\e049"; } .olx-multipay__pack-links--with-icons .olx-multipay__pack-links--locations:before { content: "\e053"; } .olx-multipay__pack-links--with-icons .olx-multipay__pack-links--locations:before { font-size: 15px; } .olx-multipay__pack-links--with-icons .olx-multipay__pack-links--locations.loading { position: relative; } .olx-multipay__pack-links--with-icons .olx-multipay__pack-links--locations.loading:after { position: absolute; right: 8px; content: ""; width: 16px; height: 16px; display: block; background: #fff url(https://static.olx.uz/static/olxuz/packed/img/2fa51c5608d01acf32df728f299767f82b.gif) 50% 50% no-repeat; background-size: 16px; } .pack-subscription-checkbox-wrapper { border-radius: 3px; background-color: #fafafb; border: solid 1px #ebeef5; padding: 10px; margin: 0 0 10px 0; display: flex; align-items: center; justify-content: space-between; } .pack-subscription-checkbox-wrapper .checkbox-switch { display: inline-block; height: 24px; position: relative; width: 48px; min-width: 48px; } .pack-subscription-checkbox-wrapper .checkbox-switch input { display: none; } .pack-subscription-checkbox-wrapper .checkbox-switch input:checked + .checkbox-slider { border-color: #c7e5f1; } .pack-subscription-checkbox-wrapper .checkbox-switch input:checked + .checkbox-slider:before { transform: translateX(22px); background-color: #32abd7; } .pack-subscription-checkbox-wrapper .checkbox-slider { background-color: #fff; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: 0.2s; border: solid 1px #cbcbcb; } .pack-subscription-checkbox-wrapper .checkbox-slider:before { background-color: #b1b1b1; bottom: 1px; content: ""; height: 20px; left: 2px; position: absolute; transition: 0.2s; width: 20px; } .pack-subscription-checkbox-wrapper .checkbox-slider.round { border-radius: 34px; } .pack-subscription-checkbox-wrapper .checkbox-slider.round:before { border-radius: 50%; } .pack-subscription-checkbox-wrapper .checkbox-label { flex-basis: 100%; padding: 0 10px; } .pack-subscription-checkbox-wrapper .checkbox-infobox { display: inline-block; position: relative; } .pack-subscription-checkbox-wrapper .checkbox-infobox-icon { font-size: 12px; color: #b5b5b5; margin: 0 0 0 5px; } .pack-subscription-checkbox-wrapper .checkbox-infobox-content { display: none; padding: 10px; margin: 5px 0 0 2px; border: 1px solid #f3f3f3; background: #fff; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 200px; z-index: 10; box-shadow: 1px 2px 4px 0 #f3f3f3; } .pack-subscription-checkbox-wrapper .checkbox-infobox-content:after { content: " "; position: absolute; top: -14px; left: 50%; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #e6e6e6 transparent; } .pack-subscription-checkbox-wrapper .checkbox-infobox-content:before { content: " "; position: absolute; top: -13px; left: 50%; margin-left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #fff transparent; z-index: 1; } .pack-subscription-checkbox-wrapper .checkbox-infobox:hover .checkbox-infobox-content { display: block; } .pack-subscription-checkbox-wrapper .checkbox-new-tag { padding: 3px 8px; color: #36a300; font-size: 11px; font-weight: bold; background: #fff; display: inline-block; } .olx-multipay__bundles { display: flex; flex-direction: row; margin-top: 20px; margin-left: -8px; margin-right: -8px; margin-bottom: 14px; position: relative; } .olx-multipay__bundles-wrapper { display: flex; flex-direction: column; flex: 0 0 33.3%; padding-left: 8px; padding-right: 8px; box-sizing: border-box; font-size: 14px; } .olx-multipay__bundles-header { font-size: 24px; font-weight: 500; line-height: 1.08; margin-bottom: 36px; } .olx-multipay__bundles-header strong { color: #f6721b; font-weight: 600; } .olx-multipay__bundles .olx-multipay__bundles-tip { position: absolute; left: 33.3%; top: 0; height: 26px; line-height: 26px; border-radius: 2px; padding: 0 15px; background: #23e5db; color: #002f34; font-size: 12px; font-weight: 500; text-transform: uppercase; z-index: 10; margin-left: 8px; } .olx-multipay__bundles .olx-multipay__bundles-tip br { display: none; } .olx-multipay__bundle { flex: 1 0 auto; background: #fff; position: relative; transition: all 0.2s ease; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .olx-multipay__bundle .bundle-info-button { color: #d8dfe0; font-size: 22px; z-index: 10; position: absolute; top: 26px; right: 24px; line-height: 1; } .olx-multipay__bundle .bundle-info-button:before { vertical-align: top; } .olx-multipay__bundle .bundle-info-button:hover { color: #002f34; } .olx-multipay__bundle.selected { -webkit-box-shadow: inset 0 0 0 3px #3a77ff; -moz-box-shadow: inset 0 0 0 3px #3a77ff; -ms-box-shadow: inset 0 0 0 3px #3a77ff; -o-box-shadow: inset 0 0 0 3px #3a77ff; box-shadow: inset 0 0 0 3px #3a77ff; } .olx-multipay__bundle.selected .olx-button { opacity: 0.5; } .olx-multipay__bundle.disabled { cursor: default; } .olx-multipay__bundle.disabled .olx-price--old, .olx-multipay__bundle.disabled h4:before, .olx-multipay__bundle.disabled .components-list li:before { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .olx-multipay__bundle.disabled h4, .olx-multipay__bundle.disabled .info, .olx-multipay__bundle.disabled .olx-price--big { color: #7f9799; } .olx-multipay__bundle.disabled .components-list li { color: rgba(43, 43, 43, 0.3); } .olx-multipay__bundle.disabled .components-list li [data-icon] { display: none !important; } .olx-multipay__bundle.disabled .components-list li:before { opacity: 0.3; } .olx-multipay__bundle.disabled .olx-button { background-color: #d8dfe0; color: #7f9799; -webkit-box-shadow: inset 0 0 0 8px #d8dfe0; -moz-box-shadow: inset 0 0 0 8px #d8dfe0; -ms-box-shadow: inset 0 0 0 8px #d8dfe0; -o-box-shadow: inset 0 0 0 8px #d8dfe0; box-shadow: inset 0 0 0 8px #d8dfe0; } .olx-multipay__bundle.disabled .olx-button:hover { -webkit-box-shadow: inset 0 0 0 5px #d8dfe0; -moz-box-shadow: inset 0 0 0 5px #d8dfe0; -ms-box-shadow: inset 0 0 0 5px #d8dfe0; -o-box-shadow: inset 0 0 0 5px #d8dfe0; box-shadow: inset 0 0 0 5px #d8dfe0; } .olx-multipay__bundle.disabled .bundle-info-button { display: none; } .olx-multipay__bundle:hover:not(.disabled, .selected) { background: #fff; } .olx-multipay__bundle h4 { padding: 150px 0 10px; position: relative; text-align: center; z-index: 1; font-size: 18px; font-weight: normal; line-height: 1.33; color: #406367; } .olx-multipay__bundle h4:before { content: ""; width: 114px; height: 114px; position: absolute; top: 26px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); background: no-repeat 50% 50%; } .olx-multipay__bundle[data-index=bundle_basic] h4:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f6e66178cec6a1f130f2ea513da6afb12.svg); } .olx-multipay__bundle[data-index=bundle_optimum] h4:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f61c97ce426c3863d301c7404906116eb.svg); } .olx-multipay__bundle[data-index=bundle_premium] h4:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f6601f6e7fc7c066ed7783f7b17a8531d.svg); } .olx-multipay__bundle .inner { padding: 0 40px 32px; display: flex; flex-direction: column; } .olx-multipay__bundle .inner .price-box { order: -1; } .olx-multipay__bundle .info { text-align: center; padding: 0; font-size: 16px; font-weight: 500; color: #3a77ff; } .olx-multipay__bundle .info em { color: inherit; } .olx-multipay__bundle .info em .views { display: inline; } .olx-multipay__bundle .circle { display: inline; } .olx-multipay__bundle .features-list { display: none; } .olx-multipay__bundle .components-list { display: block; margin: 27px 0 50px; } .olx-multipay__bundle .components-list li { width: 100%; display: table; position: relative; } .olx-multipay__bundle .components-list li .highlighted { color: #288500; font-weight: 700; } .olx-multipay__bundle .components-list li .inner-cell { padding: 10px 0 10px 39px; display: table-cell; vertical-align: middle; position: relative; } .olx-multipay__bundle .components-list li .inner-cell [data-icon] { position: absolute; right: 0; top: 50%; margin-top: -9px; display: none; color: #97be55; font-size: 18px; } .olx-multipay__bundle .components-list li .inner-cell:hover [data-icon] { display: inline-block; } .olx-multipay__bundle .components-list li.disabled { color: rgba(43, 43, 43, 0.3); } .olx-multipay__bundle .components-list li.disabled:before { opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .olx-multipay__bundle .components-list li.disabled .highlighted { color: #ccc; } .olx-multipay__bundle .components-list li:before { content: "\e073"; } .olx-multipay__bundle .components-list li:before { position: absolute; top: 15px; left: 5px; color: #23e5db; font-size: 12px; } .olx-multipay__bundle .price-box { margin-bottom: 18px; text-align: center; } .olx-multipay__bundle .olx-price--old { margin-right: 7px; position: relative; color: #7f9799; text-decoration: line-through; font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; } .olx-multipay__bundle .olx-price--big { font-size: 32px; font-weight: 500; line-height: 1.06; } .olx-multipay__bundle .olx-button { width: 100%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 16px; } .olx-multipay__paymethods { font-size: 0; margin-top: -24px; margin-left: -24px; margin-bottom: 32px; } .olx-multipay__paymethods-wrapper { width: 271px; height: 191px; margin-left: 24px; margin-top: 24px; box-sizing: border-box; display: inline-block; vertical-align: top; transition: width 0.5s; overflow: hidden; } .olx-multipay__paymethods-wrapper.folded { width: 0; margin-left: 0; } .olx-multipay__paymethods-wrapper:nth-child(3n) { margin-right: 0; } .olx-multipay__table { width: 100%; font-size: 15px; margin-bottom: 20px; } .olx-multipay__table td, .olx-multipay__table th { padding: 15px 22px; } .olx-multipay__table thead th { width: 95px; padding: 10px 0; text-align: center; vertical-align: bottom; font-weight: bold; } .olx-multipay__table thead th .th-col-action { padding: 0 12px; margin-top: 10px; font-size: 11px; line-height: 12px; font-weight: normal; } .olx-multipay__table thead th.title { width: 490px; } .olx-multipay__table tbody { background: #fbfbfb; box-shadow: 0 1px 4px 0 rgba(203, 203, 203, 0.4); border: 1px solid #eaeaea; } .olx-multipay__table tbody td { border: 1px solid #ebebeb; } .olx-multipay__table .olx-price { font-size: inherit; vertical-align: middle; } .olx-multipay__table .td-option { padding: 0; white-space: nowrap; } .olx-multipay__table .td-option label { padding: 15px 22px; display: block; cursor: pointer; } .olx-multipay__table .td-option .check { background-color: #fff; display: inline-block; height: 20px; width: 20px; border: 1px solid #e1e1e1; vertical-align: middle; margin-right: 7px; } .olx-multipay__table .td-option .check div { display: block; height: 20px; position: relative; width: 20px; } .olx-multipay__table .td-option .check div:after { -moz-transform: scaleX(-1) rotate(135deg); -ms-transform: scaleX(-1) rotate(135deg); -webkit-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); -moz-transform-origin: left top; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-right: 2px solid #0098d0; border-top: 2px solid #0098d0; content: ""; display: block; height: 16px; left: 5px; position: absolute; top: 10px; width: 5px; opacity: 0; } .olx-multipay__table .td-option:hover label { background-color: #f0fcff; } .olx-multipay__table .td-option:hover .check div:after { opacity: 0.3; } .olx-multipay__table .td-option input { display: none; } .olx-multipay__table .td-option input:checked + label { background-color: #f0fcff; } .olx-multipay__table .td-option input:checked + label .check div:after { -webkit-animation: check 0.8s; -moz-animation: check 0.8s; -o-animation: check 0.8s; animation: check 0.8s; opacity: 1; } .olx-multipay__table .option-note { font-size: 11px; line-height: 15px; text-align: center; } .olx-multipay__table .option-note--small { color: #9d9d9d; } @-webkit-keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 5px; } 50% { height: 10px; width: 5px; } } @-moz-keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 5px; } 50% { height: 16px; width: 5px; } } @-ms-keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 5px; } 50% { height: 16px; width: 5px; } } @keyframes check { 0% { height: 0; width: 0; } 25% { height: 0; width: 5px; } 50% { height: 16px; width: 5px; } } .olx-multipay__single-vases [type=checkbox]:not(:checked), .olx-multipay__single-vases [type=checkbox]:checked, .olx-multipay__walet-variants [type=checkbox]:not(:checked), .olx-multipay__walet-variants [type=checkbox]:checked { position: absolute; left: -9999px; } .olx-multipay__single-vases [type=checkbox]:not(:checked) + label, .olx-multipay__single-vases [type=checkbox]:checked + label, .olx-multipay__walet-variants [type=checkbox]:not(:checked) + label, .olx-multipay__walet-variants [type=checkbox]:checked + label { position: relative; cursor: pointer; font-size: 12px; width: 24px; height: 24px; display: inline-block; } .olx-multipay__single-vases [type=checkbox]:not(:checked) + label:after, .olx-multipay__single-vases [type=checkbox]:checked + label:after, .olx-multipay__walet-variants [type=checkbox]:not(:checked) + label:after, .olx-multipay__walet-variants [type=checkbox]:checked + label:after { content: "\e073"; } .olx-multipay__single-vases [type=checkbox]:not(:checked) + label:before, .olx-multipay__single-vases [type=checkbox]:checked + label:before, .olx-multipay__walet-variants [type=checkbox]:not(:checked) + label:before, .olx-multipay__walet-variants [type=checkbox]:checked + label:before { content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 2px solid #7f9799; background: #fff; border-radius: 4px; box-sizing: border-box; } .olx-multipay__single-vases [type=checkbox]:checked + label:before, .olx-multipay__walet-variants [type=checkbox]:checked + label:before { background: #002f34; border-color: #002f34; } .olx-multipay__single-vases [type=checkbox]:not(:checked) + label:after, .olx-multipay__single-vases [type=checkbox]:checked + label:after, .olx-multipay__walet-variants [type=checkbox]:not(:checked) + label:after, .olx-multipay__walet-variants [type=checkbox]:checked + label:after { position: absolute; top: 6px; left: 3px; font-size: 13px; color: #fff; transition: all 0.2s; } .olx-multipay__single-vases [type=checkbox]:not(:checked) + label:after, .olx-multipay__walet-variants [type=checkbox]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .olx-multipay__single-vases [type=checkbox]:checked + label:after, .olx-multipay__walet-variants [type=checkbox]:checked + label:after { opacity: 1; transform: scale(1); } .olx-multipay__single-vases .olx-multipay__bundles-header { padding-top: 30px; } .olx-multipay__single-vas-title { display: flex; align-items: center; } .olx-multipay__single-vas-title .olx-multipay__vas-info { order: -1; margin-right: 26px; } .olx-multipay__single-vas-title .select { margin-left: auto; } .olx-multipay__single-vas-title .new-tag { background-color: #3a77ff; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 8px 16px; margin: 0 0 0 20px; border-radius: 4px; } .olx-multipay__single-vas { width: 100%; margin-bottom: 16px; box-sizing: border-box; display: table; position: relative; transition: all 0.2s ease; background: #fff; font-size: 14px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .olx-multipay__single-vas.selected { -webkit-box-shadow: inset 0 0 0 3px #3a77ff; -moz-box-shadow: inset 0 0 0 3px #3a77ff; -ms-box-shadow: inset 0 0 0 3px #3a77ff; -o-box-shadow: inset 0 0 0 3px #3a77ff; box-shadow: inset 0 0 0 3px #3a77ff; } .olx-multipay__single-vas.selected .vas-name { color: #002f34; } .olx-multipay__single-vas.disabled { cursor: default; } .olx-multipay__single-vas.disabled [type=checkbox]:checked + label { cursor: default; } .olx-multipay__single-vas.disabled:hover { box-shadow: 0 0 0 1px rgba(0, 152, 208, 0.3); } .olx-multipay__single-vas.unactive { cursor: default; } .olx-multipay__single-vas.unactive .cell--checkbox, .olx-multipay__single-vas.unactive .cell--icon, .olx-multipay__single-vas.unactive .vas-name, .olx-multipay__single-vas.unactive .olx-price { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); color: #a9a9a9; } .olx-multipay__single-vas.unactive [type=checkbox][disabled] { cursor: default; } .olx-multipay__single-vas.unactive:hover { background: #fbfbfb; box-shadow: none; } .olx-multipay__single-vas.unactive .olx-multipay__vas-info { cursor: pointer; } .olx-multipay__single-vas.hidden { display: none; } .olx-multipay__single-vas .cell { height: 88px; display: table-cell; vertical-align: middle; text-align: left; } .olx-multipay__single-vas .cell--icon { width: 55px; padding-right: 20px; text-align: center; } .olx-multipay__single-vas .cell--checkbox { padding-left: 32px; width: 56px; } .olx-multipay__single-vas .cell--checkbox label { vertical-align: middle; } .olx-multipay__single-vas .cell--price { line-height: 1; text-align: right; width: 190px; padding-right: 24px; padding-left: 24px; } .olx-multipay__single-vas .cell--price small { font-size: 11px; display: block; } .olx-multipay__single-vas .cell--date { width: 180px; text-align: right; padding-left: 24px; } .olx-multipay__single-vas .cell--date .date { color: #406367; } .olx-multipay__single-vas [class*=icon-] { display: inline-block; vertical-align: middle; } .olx-multipay__single-vas .icon-topads { width: 45px; height: 50px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fd089340d0856c38a9c7bf40f6d4076e6.svg) 0 0 no-repeat; background-size: 100%; } .olx-multipay__single-vas .icon-ad_homepage { width: 50px; height: 50px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fa6d88105e61e3283fc50c3783a80f2cd.svg) 0 0 no-repeat; background-size: 100%; } .olx-multipay__single-vas .icon-pushup { width: 35px; height: 37px; background: url(https://static.olx.uz/static/olxuz/packed/font/2ff61b5a373d6e33fb6e62820587370171.svg) 0 0 no-repeat; background-size: 100%; } .olx-multipay__single-vas .icon-logo { width: 55px; height: 40px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fdd5b7bcda9565eb09c7dde5161162fbe.svg) 0 0 no-repeat; background-size: 100%; margin-top: -3px; } .olx-multipay__single-vas .select { position: relative; } .olx-multipay__single-vas .select select { cursor: pointer; } .olx-multipay__single-vas .vas-name { font-size: 16px; line-height: 1.25; } .olx-multipay__vas-info { display: inline-block; position: relative; } .olx-multipay__vas-info:not(.js-show-infolayer):hover .olx-multipay__tooltip-wrapper { display: inline-block; } .olx-multipay__vas-info [data-icon] { display: inline-block; color: #d8dfe0; font-size: 23px; } .olx-multipay__vas-info [data-icon]:before { vertical-align: top; } .olx-multipay__vas-info [data-icon]:hover { color: #002f34; } .olx-multipay__tooltip-wrapper { padding-bottom: 30px; position: absolute; bottom: 0; left: -32px; display: none; z-index: 100; } .olx-multipay__tooltip { min-width: 280px; padding: 24px; border: 1px solid #cdcdcd; text-align: left; position: relative; font-size: 12px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .olx-multipay__tooltip:after, .olx-multipay__tooltip:before { height: 0; width: 0; border: solid transparent; position: absolute; top: 100%; left: 40px; content: ""; } .olx-multipay__tooltip:after { border-color: transparent; border-top-color: #ffffff; border-width: 5px; margin-left: -5px; } .olx-multipay__tooltip:before { border-color: transparent; border-top-color: #cdcdcd; border-width: 6px; margin-left: -6px; } .olx-multipay__tooltip ul { margin-bottom: 10px; } .olx-multipay__tooltip li { position: relative; padding-left: 20px; margin-bottom: 3px; } .olx-multipay__tooltip li:before { content: "\e073"; } .olx-multipay__tooltip li:before { position: absolute; left: 0; top: 6px; font-size: 8px; color: #002f34; } .olx-multipay__paymethod { width: 271px; height: 191px; text-align: center; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 24px; display: inline-block; vertical-align: top; } .olx-multipay__paymethod .inner { display: block; cursor: pointer; position: relative; } .olx-multipay__paymethod .provider-logo { display: flex; align-items: center; justify-content: center; height: 85px; margin: 5px 0; } .olx-multipay__paymethod .provider-logo figure { margin: 0; } .olx-multipay__paymethod .provider-logo img { vertical-align: top; max-width: 80%; max-height: 80%; } .olx-multipay__paymethod h5 { font-size: 20px; color: #002f34; line-height: 1.1; } .olx-multipay__paymethod.selected { -webkit-box-shadow: inset 0px 0px 0px 1px #3573ff; -moz-box-shadow: inset 0px 0px 0px 1px #3573ff; -ms-box-shadow: inset 0px 0px 0px 1px #3573ff; -o-box-shadow: inset 0px 0px 0px 1px #3573ff; box-shadow: inset 0px 0px 0px 1px #3573ff; } .olx-multipay__paymethod.disabled { background: #fbfbfb; } .olx-multipay__paymethod.disabled .provider-logo { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .olx-multipay__paymethod.disabled h5 { color: #c6c6c6; } .olx-multipay__paymethod.disabled .inner { cursor: default; } .olx-multipay__paymethod.disabled .inner a { font-size: 11px; } .olx-multipay__paymethod small, .olx-multipay__paymethod .olx-price { color: inherit; font-size: inherit; font-weight: inherit; } .olx-multipay__paymethod small { display: block; font-size: 14px; line-height: 1.29; color: #406367; margin-top: 10px; text-transform: lowercase; } .olx-multipay__paymethod small:first-letter { text-transform: uppercase; } .olx-multipay__paymethod-fields { text-align: center; display: table; margin-top: 12px; margin-left: 5px; font-size: 12px; width: 100%; } .olx-multipay__paymethod-fields label { margin-right: 2px; } .olx-multipay__paymethod .info-button { position: absolute; top: 10px; right: 10px; width: 26px; height: 26px; display: block; cursor: pointer; background: url(https://static.olx.uz/static/olxuz/packed/font/2f3eec90b32a188a33c6b25659232b3252.svg) no-repeat; } .olx-multipay__price { padding: 10px 0; margin-bottom: 15px; margin-top: 50px; font-size: 24px; font-weight: 500; text-align: right; color: #00363c; position: relative; } .olx-multipay__price .olx-price { margin-left: 10px; font-size: inherit; } .olx-multipay__price .olx-discount { white-space: nowrap; position: absolute; right: 0; bottom: 100%; } .olx-multipay__button-icon [data-icon] { margin: -8px 0 0 -10px; position: absolute; left: 50%; top: 50%; opacity: 0; font-size: 16px; } .olx-multipay__button-icon.success [data-icon] { opacity: 1; } .olx-multipay__incentive { padding: 20px 24px 20px 128px; font-size: 14px; display: none; text-align: left; position: relative; margin-top: 16px; } .olx-multipay__incentive:before { width: 72px; height: 72px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); left: 32px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fae0f439ce32c5620e491ee2df8f68bf5.svg) no-repeat 50% 50%; background-size: contain; content: ""; } .olx-multipay__incentive h5 { margin-bottom: 15px; font-size: 18px; font-weight: 500; } .olx-multipay__incentive p { display: flex; align-items: center; } .olx-multipay__incentive p a { margin: 0 0 0 44px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; vertical-align: middle; position: relative; font: inherit; cursor: pointer; font-size: 14px; font-weight: 500; padding: 11px 20px; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; background: #002f34; color: #fff; white-space: nowrap; text-decoration: none; } .olx-multipay__incentive p a:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .olx-multipay__section-header { display: none; } .olx-multipay__single-ad-options { margin-bottom: 16px; display: flex; justify-content: space-between; } .olx-multipay__single-ad-option { padding: 24px 30px; width: calc(50% - 8px); flex: 0 0 calc(50% - 8px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff; display: flex; flex-direction: column; } .olx-multipay__single-ad-option__title { font-size: 24px; line-height: 1.08; font-weight: 400; color: #002f34; position: relative; } .olx-multipay__single-ad-option__title--premium { padding-top: 58px; } .olx-multipay__single-ad-option__title-text { display: flex; align-items: center; margin-bottom: 23px; } .olx-multipay__single-ad-option__title .info-tag { text-transform: uppercase; height: 32px; background: #3a77ff; color: #fff; padding: 0 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; line-height: 1.29; position: absolute; left: 0; top: 0; } .olx-multipay__single-ad-option__title .price-tag { font-size: 32px; font-weight: 500; line-height: 1.06; margin: 23px 0 13px; } .olx-multipay__single-ad-option__title .price-tag sup { top: 0; font-size: inherit; } .olx-multipay__single-ad-option__title .price-tag .olx-discount { margin: 0; } .olx-multipay__single-ad-option__title .price-tag .olx-discount sup { top: 0; } .olx-multipay__single-ad-option__description { font-size: 14px; margin: 0; padding-right: 130px; color: #7f9799; } .olx-multipay__single-ad-option__footnote { margin: 16px 0 0 0; text-align: left; color: #9f9f9f; font-size: 14px; } .olx-multipay__single-ad-option__action { margin-top: auto; } .olx-multipay__single-ad-option .olx-button { min-width: 180px; text-align: center; margin-top: 10px; font-size: 16px; } .olx-multipay__section-invoicedata { margin-top: 50px; } .olx-multipay__section-invoicedata h4 { margin-bottom: 36px; font-size: 24px; font-weight: 500; } .olx-multipay__section-invoicedata .legal-note { padding: 0 50px 0 34px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fa97bcb941fd4b4081143e9172297ec73.png) no-repeat 0 2px; background-size: 24px; text-align: left; } .olx-multipay__invoicedata { text-aling: left; } .olx-multipay__invoicedata .info-box { background: #fbfbfb; padding: 20px; margin-bottom: 15px; border: 1px solid #eaeaea; } .olx-multipay__invoicedata p { font-size: 14px; text-align: left; margin-bottom: 5px; } .olx-multipay__invoicedata-form { position: relative; background: #fff; padding: 32px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-top: 16px; font-size: 14px; } .olx-multipay__invoicedata-form:after { opacity: 0; transition: opacity 0.3s; } .olx-multipay__invoicedata-form .icon.f_radio { vertical-align: middle; } .olx-multipay__invoicedata-form input.light, .olx-multipay__invoicedata-form select.light, .olx-multipay__invoicedata-form textarea.light { background: #f2f4f5; } .olx-multipay__invoicedata-form input.light:-webkit-autofill, .olx-multipay__invoicedata-form input.light:-webkit-autofill:hover, .olx-multipay__invoicedata-form input.light:-webkit-autofill:focus, .olx-multipay__invoicedata-form select.light:-webkit-autofill, .olx-multipay__invoicedata-form select.light:-webkit-autofill:hover, .olx-multipay__invoicedata-form select.light:-webkit-autofill:focus, .olx-multipay__invoicedata-form textarea.light:-webkit-autofill, .olx-multipay__invoicedata-form textarea.light:-webkit-autofill:hover, .olx-multipay__invoicedata-form textarea.light:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } .olx-multipay__invoicedata-form input.light { width: 260px; } .olx-multipay__invoicedata-form h4 { margin-bottom: 36px; font-size: 24px; font-weight: 500; } .olx-multipay__invoicedata-form .ca2 { color: #000; } .olx-multipay__invoicedata-form .fblock { padding: 0 0 24px; } .olx-multipay__invoicedata-form .fblock.complete .focusbox input.light + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.light + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox textarea.light + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox textarea.light + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.map-district[type=hidden] + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.map-radius[type=hidden] + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.light + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.light + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox textarea.light + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox textarea.light + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.map-district[type=hidden] + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.map-radius[type=hidden] + .suffix + .status.icon { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #f2f4f5; margin-left: -48px !important; } .olx-multipay__invoicedata-form .fblock.complete .focusbox input.light + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox textarea.light + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.map-district[type=hidden] + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.map-radius[type=hidden] + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.light + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox textarea.light + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.map-district[type=hidden] + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.map-radius[type=hidden] + .status.icon { -webkit-transform: translate(-4px, 0); -moz-transform: translate(-4px, 0); -ms-transform: translate(-4px, 0); -o-transform: translate(-4px, 0); transform: translate(-4px, 0); } .olx-multipay__invoicedata-form .fblock.complete .focusbox input.light + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox textarea.light + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.map-district[type=hidden] + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.complete .focusbox input.map-radius[type=hidden] + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.light + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox textarea.light + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.map-district[type=hidden] + .suffix + .status.icon, .olx-multipay__invoicedata-form .fblock.error .focusbox input.map-radius[type=hidden] + .suffix + .status.icon { -webkit-transform: translate(-8px, 0); -moz-transform: translate(-8px, 0); -ms-transform: translate(-8px, 0); -o-transform: translate(-8px, 0); transform: translate(-8px, 0); } .olx-multipay__invoicedata-form .fblock .label .fbold { font-weight: inherit; } .olx-multipay__invoicedata-form .fblock--submit { padding-top: 24px; padding-bottom: 0; } .olx-multipay__invoicedata-form .fblock--submit .olx-button { font-size: 16px; } .olx-multipay__invoicedata-form .errorboxContainer { display: none; text-align: left; } .olx-multipay__invoicedata-form label.error { font-size: 10px; color: #c91414; margin-top: 5px; line-height: 12px; display: block; } .olx-multipay__invoicedata-form .columns { display: table; width: 100%; } .olx-multipay__invoicedata-form .columns__row { display: table-row; } .olx-multipay__invoicedata-form .columns__col { display: table-cell; width: 30%; } .olx-multipay__invoicedata-form--saving:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: #fff url(https://static.olx.uz/static/olxuz/packed/img/2fa51c5608d01acf32df728f299767f82b.gif) 50% 50% no-repeat; opacity: 1; z-index: 10; } .olx-multipay__section-qiwionline { margin-top: 20px; } .olx-multipay__section-qiwionline h4 { font-size: 14px; font-weight: bold; margin-bottom: 20px; } .olx-multipay__qiwionline { text-aling: left; } .olx-multipay__qiwionline .info-box { background: #fbfbfb; padding: 20px; margin-bottom: 15px; border: 1px solid #eaeaea; } .olx-multipay__qiwionline p { font-size: 14px; text-align: left; margin-top: 6px; } .olx-multipay__qiwionline button { padding: 4px 12px; margin-left: 15px; } .olx-multipay__qiwionline-form { position: relative; } .olx-multipay__qiwionline-form:after { opacity: 0; transition: opacity 0.3s; } .olx-multipay__qiwionline-form h4 { font-size: 16px; font-weight: bold; } .olx-multipay__qiwionline-form .ca2 { color: #000; } .olx-multipay__qiwionline-form .fblock { padding: 0 0 15px; } .olx-multipay__qiwionline-form .fblock--submit { padding-top: 15px; } .olx-multipay__qiwionline-form .errorboxContainer { display: none; text-align: left; } .olx-multipay__qiwionline-form label.error { font-size: 10px; color: #c91414; margin-top: 10px; line-height: 12px; display: block; } .olx-multipay__qiwionline-form .phoneNumberInputWrapper { float: left; position: relative; } .olx-multipay__qiwionline-form .phoneNumberInputWrapper input { padding-left: 30px; } .olx-multipay__qiwionline-form .phoneNumberInputWrapper .phoneNumberPrefix { position: absolute; left: 10px; top: 0; line-height: 48px; text-align: right; font-size: 16px; color: #999; } .olx-multipay__qiwionline-form button { min-width: 210px; padding: 0 12px; margin-left: 5px; line-height: 48px; font-size: 16px; } .olx-multipay__qiwionline-form .columns { display: table; width: 100%; } .olx-multipay__qiwionline-form .columns__row { display: table-row; } .olx-multipay__qiwionline-form .columns__col { display: table-cell; width: 30%; } .olx-multipay__qiwionline-form--saving:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: #fff url(https://static.olx.uz/static/olxuz/packed/img/2fa51c5608d01acf32df728f299767f82b.gif) 50% 50% no-repeat; opacity: 1; z-index: 10; } .olx-multipay__infolayer { width: 824px; padding: 55px 66px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff; position: fixed; left: 50%; top: 50%; text-align: left; opacity: 0; transform: translate(-50%, -50%); visibility: hidden; z-index: 101; transition: opacity 0.3s ease, transform 0.3s ease; font-size: 14px; line-height: 1.29; } .olx-multipay__infolayer--open { opacity: 1; visibility: visible; transition: transform 0.3s ease; } .olx-multipay__infolayer .swiper-container { width: 692px; } .olx-multipay__infolayer .swiper-slide { min-height: 340px; padding-right: 336px; } .olx-multipay__infolayer h3 { font-size: 24px; font-weight: 500; line-height: 1.08; margin: 15px 0 22px; } .olx-multipay__infolayer p { color: #406367; font-size: 14px; line-height: 1.29; margin-bottom: 30px; text-align: left; } .olx-multipay__infolayer ul { font-size: 14px; font-weight: 500; line-height: 1.29; letter-spacing: 0.2px; margin-bottom: 32px; } .olx-multipay__infolayer ul li { position: relative; margin-bottom: 25px; padding-left: 32px; } .olx-multipay__infolayer ul li:before { content: "\e073"; } .olx-multipay__infolayer ul li:before { position: absolute; left: 0; top: 4px; font-size: 14px; color: #23e5db; } .olx-multipay__infolayer-close { width: 60px; height: 60px; display: inline-block; position: absolute; right: 0; top: 0; transition: color 0.3s ease; color: #7f9799; } .olx-multipay__infolayer-close [data-icon] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; transition: color 0.3s ease; } .olx-multipay__infolayer-close:hover [data-icon] { color: #002f34; } .olx-multipay__infolayer .content-box { position: relative; z-index: 1; } .olx-multipay__infolayer .animation-box { position: absolute; top: 25px; right: 0; width: 320px; height: 320px; } .olx-multipay__infolayer .animation-box[data-animation=ad_homepage] { background: url(https://static.olx.uz/static/olxuz/packed/font/2f620c4167d16d0baaaf1dd52d99b1baa3.svg) 50% 50% no-repeat; background-size: contain; } .olx-multipay__infolayer .animation-box[data-animation=pushup], .olx-multipay__infolayer .animation-box[data-animation=single-refresh] { background: url(https://static.olx.uz/static/olxuz/packed/font/2f351a05b1ab7d9e4cd0c6d1ef371874d8.svg) 50% 50% no-repeat; background-size: contain; } .olx-multipay__infolayer .animation-box[data-animation=topads] { background: url(https://static.olx.uz/static/olxuz/packed/font/2fb7d5cd4d28c6b1f102689230d25f431a.svg) 50% 50% no-repeat; background-size: contain; } .olx-multipay__infolayer .animation-box[data-animation=advantage-funds] { background: url(https://static.olx.uz/static/olxuz/packed/font/2f649939060cb0c646aaa354b0dc563e19.svg) 50% 50% no-repeat; background-size: contain; } .olx-multipay__infolayer .animation-box[data-animation=advantage-business-site], .olx-multipay__infolayer .animation-box[data-animation=advantage-improved-business-site] { background: url(https://static.olx.uz/static/olxuz/packed/font/2f7a7135579b27a6529924eb2b12b7e594.svg) 50% 50% no-repeat; background-size: contain; } .olx-multipay__infolayer .animation-box[data-animation=advantage-custom-ad-page] { background: url(https://static.olx.uz/static/olxuz/packed/font/2f12c16df8aa8dd582e8eeb59f9a61f453.svg) 50% 50% no-repeat; background-size: contain; } .olx-multipay__infolayer .animation-box[data-animation=targeted-vas] { background: url(https://static.olx.uz/static/olxuz/packed/img/2f75091959ea81a82785769db49ab3e35f.png) 50% 25% no-repeat; background-size: contain; } .olx-multipay__infolayer .additional-slide-text { font-size: 13px; color: #2f2f2f; margin-top: 65px; } .olx-multipay__infolayer .infolayer-list-container { margin: 0 0 20px 0; } .olx-multipay__infolayer .olx-button { font-size: 14px; transition: none; } .olx-multipay__infolayer .infolayer-additional-info { margin: 20px 0 0 0; } body.infolayer-visible:after { content: ""; display: block; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 0.3s; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 100; } body.infolayer-visible--open:after { opacity: 1; } .cancel-link { margin-right: 10px; } .paymethods-loader { width: 100%; height: 96px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fa51c5608d01acf32df728f299767f82b.gif) 50% 50% no-repeat; } .promo-points-container { margin: 0 50px 0 0; text-align: left; } .promo-points-container .promo-points-checkbox { background: #ceddff; border: 12px solid #ceddff; height: 48px; display: inline-flex; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 0 64px 0 4px; } .promo-points-container .promo-points-checkbox-label { display: flex; align-items: center; } .promo-points-container .promo-points-checkbox-label > span { white-space: nowrap; text-transform: uppercase; font-size: 12px; font-weight: 500; } .promo-points-container .promo-points-checkbox-label > span strong { font-weight: inherit; } .promo-points-container .promo-points-checkbox__info-icon { color: #6c99ff; font-size: 16px; position: relative; order: -1; line-height: 1; margin-right: 13px; } .promo-points-container .olx-checkbox + label:before { position: absolute; top: 0; right: 4px; } .promo-points-container .olx-checkbox + label:after { left: auto; right: 6px; transform: translateX(-24px); } .promo-points-container .olx-checkbox:checked + label { background-color: #cbf7ee; border-color: #cbf7ee; } .promo-points-container .olx-checkbox:checked + label .promo-points-checkbox__info-icon { color: #5aece4; } .promo-points-container .olx-checkbox:checked + label:after { transform: translateX(0); } .promo-points-container.hidden { display: none; } .olx-price { display: inline-block; } .olx-price__cell { display: inline-block; vertical-align: middle; } .olx-price .base-price { display: inline-block; vertical-align: middle; } .olx-price .base-price-label { display: none; font-size: 12px; color: #959595; text-transform: initial; } .olx-price .promo-points-price { display: none; font-size: 20px; } .olx-price.promo-points-enabled { display: inline-block; max-width: 200px; vertical-align: middle; } .olx-price.promo-points-enabled .base-price { display: block; } .olx-price.promo-points-enabled .base-price-label, .olx-price.promo-points-enabled .promo-points-price { display: inline-block; } .olx-price.promo-points-enabled .promo-points-price sup { font-size: 60%; color: #000; } .olx-price.promo-points-enabled #choosen-bundle-price { font-size: 12px; color: #959595; } .olx-price.promo-points-enabled sup { font-size: 8px; color: #959595; } .promo-points-caution { color: #406367; font-size: 12px; line-height: 1.17; text-align: right; margin: 13px 0 0 0; max-height: 0; overflow: hidden; transition: max-height 0.4s; font-weight: 400; } .promo-points-caution.expanded { max-height: 70px; } .promo-points-caution__explanation { max-width: 530px; color: #8c8c8c; margin: 5px 0 0 0; display: inline-block; } .promo-points-caution strong { font-weight: 500; } .unsupported-browser-warning { position: fixed; top: 50%; left: 50%; font-size: 14px; transform: translate(-50%, -50%); max-width: 420px; padding: 30px; box-shadow: 0 0 10px #e2e2e2; background-color: #fff; border: 1px solid #ccc; z-index: 10; box-sizing: border-box; text-align: center; } .unsupported-browser-warning__close { color: #000; background: #ccc; border-radius: 50%; width: 26px; height: 26px; position: absolute; top: -15px; right: -15px; line-height: 24px; cursor: pointer; font-size: 16px; text-align: center; } .packet-info-modal-overlay { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.11); } .packet-info-modal-content { padding: 34px 42px; background-color: #fff; position: fixed; z-index: 101; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 555px; max-width: 890px; border-radius: 4px; } .packet-info-modal-content .wrapper, .packet-info-modal-content #header-container #searchMyaccountBox, #header-container .packet-info-modal-content #searchMyaccountBox, .packet-info-modal-content #footer-container .sitepopularbox__wrapper, #footer-container .packet-info-modal-content .sitepopularbox__wrapper { padding: 0; width: auto; } .packet-info-modal-content .content { max-height: 70vh; overflow-y: scroll; overflow-x: hidden; } .packet-info-modal-content h3 { font-size: 14px; font-weight: bold; letter-spacing: 0.06px; color: #2f2f2f; padding: 0 0 20px 0; } .packet-info-modal-content h5 { text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 0.8px; } .packet-info-modal-content__title { font-size: 24px; font-weight: bold; letter-spacing: 0.06px; color: #2f2f2f; } .packet-info-modal-content__description { font-size: 14px; line-height: 1.64; letter-spacing: 0.06px; color: #7c7c7c; padding: 20px 0 35px; max-width: 460px; } .packet-info-modal-content__categories-list { display: flex; flex-flow: wrap; margin: 0 -18px; } .packet-info-modal-content__categories-list > li { padding: 0 18px 25px 18px; font-size: 13px; box-sizing: border-box; } .packet-info-modal-content__categories-list > li h4 { padding: 5px 0 5px 0; font-weight: bold; } .packet-info-modal-content__categories-list > li ul { padding: 0 0 0 17px; } .packet-info-modal-content__categories-list > li ul li { list-style: disc; padding: 0 0 4px 0; } .packet-info-modal-content__locations-list { margin-top: 10px; } .packet-info-modal-content__locations-list li { padding: 16px 0; margin: 0 0 20px; font-size: 16px; box-sizing: border-box; width: 100%; border-bottom: solid 1px #d8dfe0; border-radius: 4px; cursor: pointer; position: relative; } .packet-info-modal-content__locations-list li.selected:after { content: "\e073"; } .packet-info-modal-content__locations-list li.selected:after { position: absolute; color: #23e5db; font-size: 16px; top: 50%; right: 0; transform: translateY(-50%); } .packet-info-modal-content__current-location { padding: 18px 16px 18px 36px; border-bottom: solid 1px #d8dfe0; color: #002f34; position: relative; font-size: 16px; margin: 10px 0 30px; } .packet-info-modal-content__current-location:before { content: "\e053"; } .packet-info-modal-content__current-location:before { font-size: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .packet-info-modal-content__close { border: none; background-color: transparent; position: absolute; top: 32px; right: 20px; color: #007686; font-size: 16px; cursor: pointer; } .packet-info-modal-content--wide { padding-left: 128px; padding-right: 128px; } .packet-info-modal-content--wide .packet-info-modal-content { max-width: 612px; } .packet-info-modal-content--wide .packet-info-modal-content__title, .packet-info-modal-content--wide .packet-info-modal-content__description { max-width: none; text-align: center; } .packet-info-modal-content--wide .packet-info-modal-content__title { font-size: 32px; margin-top: 40px; } .packet-info-modal__buttons { display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; } .packet-info-modal__buttons .olx-button { margin: 0 15px; } .packet-info-modal__buttons .olx-button--tertiary { background-color: transparent; } .packet-info-modal.minimalContent .packet-info-modal-content { min-width: auto; max-width: none; width: 360px; } .targeted-vas-wizard { display: none; min-height: 100vh; background-color: #fff; } .targeted-vas-wizard.final-step { background-color: inherit; } .targeted-vas-wizard.final-step .olx-button { margin: 20px 0 0 0; } .targeted-vas-wizard.final-step .targeted-vas-wizard__nav { display: none; } .targeted-vas-wizard.final-step .targeted-vas-wizard__wrapper { margin-top: 48px; } .targeted-vas-wizard.final-step .targeted-vas-wizard__content { background-color: #fff; max-width: initial; padding: 0; } .targeted-vas-wizard__wrapper { display: flex; } .targeted-vas-wizard__close { font-size: 32px; } .targeted-vas-wizard__description { display: flex; height: 560px; } .targeted-vas-wizard__description-text { padding: 55px 40px; width: 50%; box-sizing: border-box; } .targeted-vas-wizard__description-text-title { font-size: 32px; font-weight: 500; margin: 0 0 32px 0; } .targeted-vas-wizard__description-text p { margin: 0 0 28px 0; color: #406367; font-size: 14px; line-height: 1.5; } .targeted-vas-wizard__description-graphics { background-color: #c9dcff; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; text-align: center; overflow: hidden; } .targeted-vas-wizard__description-graphics h4 { font-size: 40px; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 24px; } .targeted-vas-wizard__description-graphics a { font-size: 14px; text-decoration: underline; } .targeted-vas-wizard__description-graphics:after { content: ""; position: absolute; top: -29px; left: 0; width: 618px; height: 618px; border-radius: 50%; border: 100px solid #3977fe; box-sizing: border-box; pointer-events: none; } .targeted-vas-wizard__back-link { font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; color: #002f34; position: relative; padding-left: 20px; text-decoration: none; text-transform: uppercase; } .targeted-vas-wizard__back-link:after { content: "\e005"; } .targeted-vas-wizard__back-link:after { position: absolute; left: 0; top: 50%; font-size: 9px; transform: translate(0, -50%) rotate(90deg); } .targeted-vas-wizard__nav { padding: 50px 20px 20px 50px; background-color: #fcfcfc; border-right: 1px solid #e8eaea; width: 480px; min-width: 480px; min-height: 100vh; box-sizing: border-box; } .targeted-vas-wizard__nav h2 { font-size: 24px; font-weight: normal; line-height: 1.3; letter-spacing: normal; color: #002f34; margin: 90px 0 36px 0; } .targeted-vas-wizard__nav-steps { border-left: 1.5px solid #efefef; margin: 0 0 0 20px; } .targeted-vas-wizard__nav-step { background-color: #fcfcfc; padding: 9px 0; margin: 0 0 36px -18px; display: flex; align-items: center; } .targeted-vas-wizard__nav-step-number { width: 36px; height: 36px; background-color: #f2f4f5; color: #7f9799; font-weight: 500; font-size: 16px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .targeted-vas-wizard__nav-step-label { font-size: 12px; color: #7f9799; display: inline-block; margin: 0 0 0 10px; font-weight: 500; } .targeted-vas-wizard__nav-step.active .targeted-vas-wizard__nav-step-number { background-color: #3a77ff; color: #fff; position: relative; } .targeted-vas-wizard__nav-step.active .targeted-vas-wizard__nav-step-number:after { content: ""; display: block; width: 42px; height: 42px; position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; border: 1px solid #0a32ff; border-radius: 50%; } .targeted-vas-wizard__nav-step.active .targeted-vas-wizard__nav-step-label { color: #002f34; } .targeted-vas-wizard__nav-step.complete .targeted-vas-wizard__nav-step-number { background-color: #23e5db; font-size: 10px; color: #fff; } .targeted-vas-wizard__nav-step.complete .targeted-vas-wizard__nav-step-number:before { content: "\e073"; } .targeted-vas-wizard__nav-step.complete .targeted-vas-wizard__nav-step-number span { display: none; } .targeted-vas-wizard__content { padding: 96px 20px 20px 96px; max-width: 668px; width: 100%; } .targeted-vas-wizard__content h1 { font-size: 40px; font-weight: 500; line-height: 1.05; letter-spacing: 0.5px; color: #002f34; margin: 50px 0 30px; } .targeted-vas-wizard__content h2 { font-size: 18px; font-weight: 500; line-height: 1.33; color: #7f9799; margin: 0 0 50px 0; } .targeted-vas-wizard__content .radio-container { display: inline-flex; align-items: center; position: relative; padding-left: 35px; margin-bottom: 22px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.4; } .targeted-vas-wizard__content .radio-container input { display: none; } .targeted-vas-wizard__content .radio-container input:checked ~ .checkmark { border-width: 7px; } .targeted-vas-wizard__content .radio-container .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; border-radius: 50%; box-sizing: border-box; border: 1.5px solid #002f34; } .targeted-vas-wizard__content i { margin: 0 0 0 5px; font-size: 20px; color: #7f9799; line-height: 1; max-height: 20px; font-style: normal; } .targeted-vas-wizard__content i:hover { color: #3a77ff; } .targeted-vas-wizard__content i:hover .tooltip { display: block; } .targeted-vas-wizard__content__note { font-size: 14px; color: #7f9799; margin: 22px 0 45px 0; } .targeted-vas-wizard__funds { font-size: 88px; font-weight: 500; color: #3a77ff; line-height: 90px; margin: 50px 0; } .targeted-vas-wizard__funds-input { min-width: 25px; display: inline-block; } .targeted-vas-wizard__funds-description { font-size: 20px; font-weight: 500; line-height: 1.4; } .targeted-vas-wizard__funds-description span { color: #3a77ff; } .targeted-vas-wizard__funds .error { color: #ff8080; font-size: 12px; margin: 15px 0 0 0; line-height: 1; } .targeted-vas-wizard__range { margin: 0 0 40px 0; display: flex; align-items: center; } .targeted-vas-wizard__range-min, .targeted-vas-wizard__range-max { font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; color: #002f34; } .targeted-vas-wizard__range-min { margin-right: 20px; } .targeted-vas-wizard__range-max { margin-left: 20px; } .targeted-vas-wizard__range-slider { -webkit-appearance: none; width: 100%; max-width: 480px; height: 3px; background: #d8dfe0; outline: none; } .targeted-vas-wizard__summary { width: 100%; box-sizing: border-box; counter-reset: summary-counter; list-style: none; } .targeted-vas-wizard__summary li { padding: 28px 0 30px 48px; border-bottom: 1px solid #d8dfe0; font-size: 14px; line-height: 22px; counter-increment: summary-counter; position: relative; display: flex; align-items: center; justify-content: space-between; } .targeted-vas-wizard__summary li:before { content: counter(summary-counter); color: #7f9799; font-size: 14px; font-weight: 500; width: 32px; height: 32px; border-radius: 50%; background-color: #f2f4f5; position: absolute; left: 0; display: flex; align-items: center; justify-content: center; } .targeted-vas-wizard__summary li a { text-decoration: underline; font-size: 12px; font-weight: normal; } .targeted-vas-wizard__summary-sum { font-size: 20px; font-weight: 500; margin: 55px 0 40px 0; } .targeted-vas-wizard__summary-estimated-views { font-size: 11px; } .targeted-vas-wizard__step { display: none; } .targeted-vas-wizard__group-list { margin: 0 0 40px 0; } .ad-location-modal { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: absolute; max-width: 390px; background: #fff; padding: 40px 32px 24px 32px; box-sizing: border-box; text-align: left; word-break: break-word; } .ad-location-modal_overlay { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; } .ad-location-modal_close { width: 30px; height: 30px; font-size: 20px; cursor: pointer; position: absolute; top: 24px; right: 24px; } .ad-location-modal_close:after { content: "\e039"; } .ad-location-modal_icon { width: 96px; height: 96px; background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f2bfa723f1df3412809d90d9f90318880.svg); background-size: contain; margin: 40px auto 30px; } .ad-location-modal_headline { font-size: 20px; font-weight: 600; line-height: 1.2; text-align: center; } .ad-location-modal_description { font-size: 14px; line-height: 1.29; margin: 16px 0 21px; } .ad-location-modal_checkbox-label { display: flex; align-content: center; align-items: flex-end; } .ad-location-modal_checkbox-label input { width: 19px; height: 19px; margin-right: 10px; } .ad-location-modal_footer { margin: 42px 0 0 0; display: flex; justify-content: space-evenly; align-items: center; } .ad-location-modal_footer .olx-button--tertiary { background: none; } .settingspage .headlinebox { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 24px 72px 24px 24px !important; font-weight: 400; position: relative; font-size: 16px; line-height: 1.25; cursor: pointer; margin-top: 16px; } .settingspage .headlinebox:after { content: ""; left: 24px; right: 24px; position: absolute; bottom: 0; border-bottom: 1px solid #d8dfe0; display: none; } .settingspage .headlinebox a:hover, .settingspage .headlinebox a.tdnone:hover .hvline { text-decoration: none; } .settingspage .headlinebox .icon-slide:after { content: "\e005"; } .settingspage .headlinebox .icon-slide:after { position: absolute; top: 50%; right: 24px; color: #002f34; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 13px; } .settingspage .headlinebox [data-icon=mobile] { display: none; } .settingspage .headlinebox [data-icon=message] { display: none; } .settingspage .headlinebox.is-active { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .settingspage .headlinebox.is-active:after { display: block; } .settingspage .headlinebox.is-active .icon-slide:after { content: "\e006"; } .settingspage .headlinebox .new-tag { text-transform: uppercase; color: #fff; border-radius: 3px; background-color: #ff8300; padding: 4px 5px; font-size: 9px; font-weight: normal; margin: 0 0 0 10px; } .settingspage .layer { background: #fff; border: none; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding: 1px 24px 24px !important; font-size: 14px; line-height: 1.29; } .settingspage .settings-notification { display: inline-block; padding: 15px; border: 1px solid #002f34; border-radius: 3px; margin: 20px 10px; } .settingspage .settings-notification i { color: #002f34; font-size: 16px; vertical-align: text-top; margin: 0 4px 0 0; } .settingspage .return-to-settings { display: inline-flex; box-sizing: border-box; font-size: 14px; font-weight: 500; padding: 0 5px 3px; text-decoration: none; line-height: 1.29; position: relative; margin: 10px 0; } .settingspage .return-to-settings:first-letter { text-transform: uppercase; } .settingspage .return-to-settings:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .settingspage .return-to-settings:hover:after { left: 25%; right: 25%; } .settings__item-inner { background: #fff; border: none; width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding: 24px !important; font-size: 14px; line-height: 1.29; } .settings__item-inner--table { display: flex; } .settings__item-inner-cell { flex: 1 0 auto; } .settings__info-box { flex: 0 0 445px; max-width: 445px; padding: 30px 25px 25px 95px; font-size: 13px; background: rgba(255, 246, 217, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: relative; } .settings__info-box:before { content: ""; position: absolute; left: 18px; top: 18px; width: 58px; height: 82px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f37a51199a9d810b121c2b24a2da55e4a.svg) 50% 50% no-repeat; background-size: contain; } .settings__info-box h5 { font-size: 24px; font-weight: 500; line-height: 1.08; margin-bottom: 18px; } .settings__info-box ul li { position: relative; padding-left: 28px; margin-bottom: 20px; font-size: 14px; line-height: 1.29; } .settings__info-box ul li strong { font-weight: inherit; } .settings__info-box ul li:before { width: 5px; height: 5px; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 0.5em; background: #002f34; content: ""; } .settings__wide-info-box { margin: 10px; padding: 20px 20px 20px 30px; font-size: 13px; background: rgba(255, 251, 221, 0.45); } .rodo_account_delete h2 { font-size: 16px; font-weight: 500; line-height: 1.25; margin-bottom: 5px; } .rodo_account_delete hr { display: none; } .rodo_account_delete #requestDataInfo { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 12px 16px; display: inline-block; margin-top: 15px; background: #ceddff; color: #002f34; } .rodo_account_delete #requestDataInfo.hidden { display: none; } .rodo_account_delete .button { font-size: 16px; font-weight: 500; } .rodo_account_delete .button > * { padding-left: 25px; padding-right: 25px; } .rodo_account_delete .deleteaccount { display: inline-flex; box-sizing: border-box; font-size: 14px; font-weight: 500; padding: 0 5px 3px; text-decoration: none; line-height: 1.29; position: relative; margin: 10px 0; } .rodo_account_delete .deleteaccount:first-letter { text-transform: uppercase; } .rodo_account_delete .deleteaccount:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .rodo_account_delete .deleteaccount:hover:after { left: 25%; right: 25%; } .rodo_account_delete .request-input { margin: 0 auto; width: 430px; min-height: 90px; } .rodo_account_delete__fieldset { margin: 0 !important; padding: 23px 0; border-top: 1px solid #d8dfe0; } .rodo_account_delete__fieldset:first-child { border-top: none; } .rodo_account_delete__fieldset:last-child { padding-bottom: 0; } .rodo_account_delete__request { margin-top: 25px !important; } #deleteAccountForm { padding-top: 40px !important; font-size: 16px; font-weight: 500; } #deleteAccountForm .submit-box { display: flex; align-items: center; justify-content: center; margin-top: 32px; } #deleteAccountForm .deleteaccount { font-size: 16px; } #deleteAccountForm .deletecancel { color: #002f34; display: inline-block; box-sizing: border-box; font-size: 16px; font-weight: 500; text-decoration: none; position: relative; background: none; border: none; padding-bottom: 3px; height: auto; line-height: 1.29 !important; margin: 0 32px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #deleteAccountForm .deletecancel > * { height: auto; line-height: 1.29 !important; padding: 0 10px; } #deleteAccountForm .deletecancel:first-letter { text-transform: uppercase; } #deleteAccountForm .deletecancel:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } #deleteAccountForm .deletecancel:hover:after { left: 25%; right: 25%; } #requestDataForm { text-align: left; color: #406367; padding: 25px !important; font-size: 14px; line-height: 1.29; } #requestDataForm .request-title { font-size: 20px; font-weight: 400; line-height: 1.1; margin-bottom: 30px; color: #002f34; } #requestDataForm .request-input { margin-bottom: 40px !important; } #requestDataForm .request-input > label { margin-bottom: 6px; display: inline-block; } #requestDataForm .request-input #requestDataInput { background: #f2f4f5; border: none; padding: 14px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 1.25; color: #406367; width: 100%; } #requestDataForm .request-input #requestDataInput:focus { -webkit-box-shadow: 0 2px 0 0 #406367; -moz-box-shadow: 0 2px 0 0 #406367; -ms-box-shadow: 0 2px 0 0 #406367; -o-box-shadow: 0 2px 0 0 #406367; box-shadow: 0 2px 0 0 #406367; } #requestDataForm .request-input #requestDataInput.invalid { -webkit-box-shadow: 0 2px 0 0 #de1609; -moz-box-shadow: 0 2px 0 0 #de1609; -ms-box-shadow: 0 2px 0 0 #de1609; -o-box-shadow: 0 2px 0 0 #de1609; box-shadow: 0 2px 0 0 #de1609; } #requestDataForm .request-input .errorbox { display: block; padding: 10px !important; } #requestDataForm .request-cancel { display: inline-flex; box-sizing: border-box; font-size: 16px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } #requestDataForm .request-cancel:first-letter { text-transform: uppercase; } #requestDataForm .request-cancel:hover { text-decoration: none; } #requestDataForm .request-cancel:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } #requestDataForm .request-cancel:hover:after { left: 15%; right: 15%; } #requestDataForm .button { font-size: 16px; display: block; margin-bottom: 20px; } #requestDataForm .button > * { padding-left: 20px; padding-right: 20px; width: 100%; } .wallet-topup.with-promo-points .multipay__coins .multipay__coin--gray { width: 38px; height: 38px; font-size: 13px; padding-top: 9px; margin-top: -11px; } .wallet-topup.with-promo-points .multipay__coins .multipay__coin--gray small { position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); } .wallet-topup.with-promo-points .extramoney-title { position: relative; } .wallet-topup.with-promo-points .promo-points-tooltip { display: none; position: absolute; top: 100%; width: 300px; right: -50px; margin: 10px 0 0 0; padding: 16px 20px 16px 70px; box-shadow: 0 4px 9px 0 rgba(200, 200, 200, 0.12); border: solid 2px #cbe1ed; background: url(https://static.olx.uz/static/olxuz/packed/font/2f7c8b0bbcfb28b981203fb9a2ec1b3464.svg) 12px 15px no-repeat #ffffff; background-size: 44px; z-index: 1; font-weight: 400; font-size: 14px; white-space: normal; letter-spacing: initial; color: #002f34; } .wallet-topup.with-promo-points .promo-points-tooltip:after, .wallet-topup.with-promo-points .promo-points-tooltip:before { height: 0; width: 0; border: solid transparent; position: absolute; bottom: 100%; right: 48%; content: ""; } .wallet-topup.with-promo-points .promo-points-tooltip:after { border-color: transparent; border-bottom-color: #ffffff; border-width: 9px; margin-bottom: -2px; } .wallet-topup.with-promo-points .promo-points-tooltip:before { border-color: transparent; border-bottom-color: #cbe1ed; border-width: 9px; } .wallet-topup.with-promo-points .promo-points-tooltip.payment-summary-tooltip { clear: both; display: block; float: right; margin: 0px 0 25px 0; position: relative; right: auto; top: auto; } .wallet-topup .warnbox { margin-bottom: 15px; } .whypromoteheadline { width: 315px; height: 29px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fc3134dc6a681d111fddb73394d25a238.png) no-repeat 0 0; margin-left: auto; margin-right: auto; } .whypromotesummary { min-height: 190px; background: #faf7f7 url(https://static.olx.uz/static/olxuz/packed/img/2f7da74a93e0ba8ff9dbdfaacb6416bfd0.png) repeat-x 0 0; padding: 10px; border: 1px solid #e4e6e8; margin-bottom: 50px; } .whypromotesummary table { border-collapse: separate; } .whypromotesummary td { border-left: 1px solid #ffffff; border-right: 1px solid #e6e4e4; color: #696e73; } .whypromotesummary td:first-child { border-left: none; } .whypromotesummary td.last { border-right: none; } .whypromotesummary td > .inner { padding: 116px 10px 5px 10px; } .whypromotesummary td .img0 { width: 118px; height: 82px; top: 10px; left: 30px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fd79b85dd729e25d123be65e18acca527.png) no-repeat 0 0; } .whypromotesummary td .img1 { width: 213px; height: 174px; top: -49px; left: -25px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f192f10114e01a8fe99d59c976c762f7e.png) no-repeat 0 0; } .whypromotesummary td .img2 { width: 149px; height: 113px; top: -12px; left: 6px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8466d65f4a2195d6e986e2e3a6cd9fdb.png) no-repeat 0 0; } .whypromotesummary td .img3 { width: 142px; height: 137px; top: -26px; left: 10px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f3dc6b05758afb57f7128204d6c9d49ab.png) no-repeat 0 0; } .whypromotesummary td .img4 { width: 122px; height: 122px; top: -20px; left: 22px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fd8f6a50077be81412501cf2a546db8ed.png) no-repeat 0 0; } .otherpaymentopt { margin: 0px auto; } .otherpaymentopt .inner { max-width: 170px; padding: 0 10px 5px 10px; } .otherpaymentopt td .img0 { width: 140px; height: 174px; top: 0; left: 5px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fd79b85dd729e25d123be65e18acca527.png) no-repeat center center; } .otherpaymentopt td .img1 { width: 213px; height: 174px; top: 5px; left: -28px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f192f10114e01a8fe99d59c976c762f7e.png) no-repeat center center; } .otherpaymentopt td .img2 { width: 149px; height: 174px; top: 15px; left: -5px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8466d65f4a2195d6e986e2e3a6cd9fdb.png) no-repeat center center; } .otherpaymentopt td .img3 { width: 142px; height: 174px; top: 15px; left: -4px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f3dc6b05758afb57f7128204d6c9d49ab.png) no-repeat center center; } .otherpaymentopt td .img4 { width: 122px; height: 174px; top: 0; left: -10px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fd8f6a50077be81412501cf2a546db8ed.png) no-repeat center center; } .whypromotelist > li { border-top: 1px solid #d9d9d9; padding: 40px 0px 10px 0px; } .whypromotelist > li .inner { margin-left: 243px; } .whypromotelist > li > .img0 { width: 146px; height: 102px; top: 57px; left: 35px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f9dc837b533807506dbb68c61e495b701.png) no-repeat 0 0; } .whypromotelist > li > .img1 { width: 225px; height: 227px; top: 15px; left: 0px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fbdc6beb58a240abc32716fad54b53e0c.png) no-repeat 0 0; } .whypromotelist > li > .img2 { width: 218px; height: 164px; top: 15px; left: 0px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f00c427f3c71e5c24043cbdfd76f9cf77.png) no-repeat 0 0; } .whypromotelist > li > .img3 { width: 215px; height: 208px; top: 15px; left: 0px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8612b38fec6362c4e76c5356ad1376ed.png) no-repeat 0 0; } .whypromotelist > li > .img4 { width: 212px; height: 206px; top: 15px; left: 0px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f7d118c5a53bd8239ba24702769a1be08.png) no-repeat 0 0; } .whypromotelist > li > .img5 { width: 212px; height: 206px; top: 15px; left: 0px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f84466836251dd743617f38f32e4012aa.png) no-repeat 0 0; } .whypromotelist > li p { margin: 22px 0px; color: #7e8287; } .whypromotelist ul.points { margin: 10px 0px 30px 25px; } .whypromotelist ul.points li .icon.point { background: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png) 0 0 no-repeat; height: 17px; left: -24px; top: 1px; width: 15px; } .whypromotelist .gotop { right: 0px; bottom: 10px; } .whypromotelist .headline0 { width: 293px; height: 28px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f5f93516edac313baf0425c91c30fab52.png) no-repeat 0 0; } .whypromotelist .headline1 { width: 218px; height: 22px; background: url(https://static.olx.uz/static/olxuz/packed/img/2feae36c484e711e7fdd0b8a3ac7bc4149.png) no-repeat 0 0; } .whypromotelist .headline2 { width: 330px; height: 26px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f5746caecf6c6718a15ef6455b9ff03a6.png) no-repeat 0 0; } .whypromotelist .headline3 { width: 279px; height: 28px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f46559244f5933fe70821ef4587528e3d.png) no-repeat 0 0; } .whypromotelist .headline4 { width: 291px; height: 26px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fd2d09b90e14fb6dcd883ad0fd7482fbf.png) no-repeat 0 0; } .whypromotelist .headline5 { width: 338px; height: 27px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f5a94dfa6ec4b95b04261379a4a25fbba.png) no-repeat 0 0; } .halfgrid.whypromoteoptions .half > div.inner { padding-left: 75px; } .halfgrid.whypromoteoptions .half:first-child > div.inner { padding: 0px 75px 0px 0px; } .halfgrid.whypromoteoptions .half h2 { border-top: 1px solid #e4e6e8; border-bottom: 1px solid #e4e6e8; background: #f8f9fa; } .previewlayer { background: #fff; left: 0; bottom: 0; z-index: 100; padding: 24px 0; -webkit-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px -1px 8px 0px rgba(0, 0, 0, 0.12); font-size: 14px; line-height: 1.29; color: #00474f; } .previewlayer p { margin: 0 !important; } .previewlayer p + p { margin: 20px 0 0 !important; } .previewlayer__special-chart { display: none; } .previewlayer__link { display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none !important; line-height: 1.29; position: relative; } .previewlayer__link:first-letter { text-transform: uppercase; } .previewlayer__link:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .previewlayer__link:hover:after { left: 25%; right: 25%; } .previewlayer .button { margin: 0 24px !important; } .previewlayer .button > * { padding: 0 20px; } .previewcontent { background: url(https://static.olx.uz/static/olxuz/packed/img/2f61aa209ae8670643d234ef1ddf3293b7.png) 0 0 repeat; top: 0px; left: 0px; height: 100%; z-index: 99; } .managelayer { background: rgba(255, 255, 255, 0.9); left: 0px; bottom: 0px; z-index: 100; -webkit-box-shadow: 0px -2px 10px 0px rgba(187, 187, 187, 0.5); -moz-box-shadow: 0px -2px 10px 0px rgba(187, 187, 187, 0.5); -ms-box-shadow: 0px -2px 10px 0px rgba(187, 187, 187, 0.5); -o-box-shadow: 0px -2px 10px 0px rgba(187, 187, 187, 0.5); box-shadow: 0px -2px 10px 0px rgba(187, 187, 187, 0.5); color: #868686; } .managelayer .button { font-size: 14px; } .managelayer .button.messagesOffer > [data-icon] { padding-right: 0; } .managelayer .button.messagesOffer > span { padding-left: 0; } .managelayer .navi { border-bottom: 1px solid #e6e6e6; padding: 6px 0px 5px; min-width: 876px; } .managelayer .navi .fright { padding: 3px 18px; } .managelayer .navi .fright:first-child { padding-right: 0px; } .managelayer .navi .fright:first-child + .fright { border-right: 1px solid #e3e3e2; } .managelayer .navi .fleft { padding: 3px 18px 3px 0px; } .managelayer .navi [data-icon*=arrow-] { font-size: 7px; vertical-align: middle; margin-left: 5px; color: #002f34; } .managelayer .navi [data-icon=laquo] { vertical-align: middle; margin-right: 8px; } .managelayer .navi [data-icon=raquo] { vertical-align: middle; margin-left: 8px; } .managelayer tr td { border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding: 20px 0px; } .managelayer tr td.nav { border-left: none; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .managelayer tr td.nav a { margin-left: 15px; font-size: 14px; font-weight: 500; } .managelayer tr td.stats { padding: 9px 0px; line-height: 19px; } .managelayer tr td.stats .label { padding-right: 15px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f73213f7fbdf6a53f8ec17ac0a75e6d1c.png) no-repeat 100% 50%; } .managelayer tr td.stats li { padding: 0px 10px; background: url(https://static.olx.uz/static/olxuz/packed/img/2faaa899f5ce2534bf9b750c30abc53690.png) no-repeat 0% 50%; } .managelayer tr td.stats li:first-child { background: none; } .managelayer tr td.stats .statsviewscloud .suggesttitle { margin-top: 8px; left: 50%; margin-left: -20px; min-height: 16px; } .managelayer tr td.stats .statsviewscloud .suggesttitle .target { right: auto; left: 13px; } .managelayer tr td.stats [data-icon] { vertical-align: middle; margin-right: 5px; color: #c4c4c4; font-size: 14px; } .managelayer tr td.stats .fright [data-icon] { color: #868686; } .managelayer tr td:first-child { border-left: none; } .managelayer tr:first-child td { border-top: none; } .managelayer .notifycircle { right: -9px; top: -9px; } .managelayer [data-icon=pen], .managelayer [data-icon=leaflet], .managelayer [data-icon=remove] { vertical-align: middle; font-size: 14px; margin-right: 8px; } .managelayer [data-icon=pen]:before, .managelayer [data-icon=leaflet]:before, .managelayer [data-icon=remove]:before { vertical-align: top; } .managelayer [data-icon=leaflet] { position: relative; top: 2px; } .managelayer + #footer-container { padding-bottom: 120px; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 54px; height: 54px; margin-top: -27px; margin-left: -27px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 54px; height: 54px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fa79178dc0eeac6007e4addb9a0febdef.gif); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 110001; outline: none; display: none; text-align: left; font-size: 12px; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; border: 1px solid #a0a0a0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: 16px; right: 18px; width: 26px; height: 25px; background: transparent url(https://static.olx.uz/static/olxuz/packed/img/2f72a069a8b45484872f265254db843dac.png) 0 0; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(https://static.olx.uz/static/olxuz/packed/img/2f325472601571f31e1bf00674c368d335.gif); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f11e57e492ee0311540967cc7a1e6e3e2.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f11e57e492ee0311540967cc7a1e6e3e2.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible;} #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f168696d8a694214090ef90e029cdf393.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f11e57e492ee0311540967cc7a1e6e3e2.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f36a58859beb9a6b19322a37466b9f78e.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f11e57e492ee0311540967cc7a1e6e3e2.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f168696d8a694214090ef90e029cdf393.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f11e57e492ee0311540967cc7a1e6e3e2.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f36a58859beb9a6b19322a37466b9f78e.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f11e57e492ee0311540967cc7a1e6e3e2.png); background-position: -40px -122px; } #fancybox-title { font-family: "Helvetica", sans-serif; font-size: 12px; z-index: 1102; } .fancybox-title-inside { color: #333; background: #fff; position: relative; background: #F7F4ED; font-size: 18px !important; margin-bottom: 15px; position: relative; top: 10px; line-height: 22px; font-weight: bold; } .fancybox-title-inside div { padding: 8px 10px; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb886fd165d4b7ac77d41fb52d87ffc60.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f11e57e492ee0311540967cc7a1e6e3e2.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(https://static.olx.uz/static/olxuz/packed/img/2f168696d8a694214090ef90e029cdf393.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f11e57e492ee0311540967cc7a1e6e3e2.png) -55px -90px no-repeat; }.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + "px"); }.fancybox-ie .fancybox-bg { background: transparent !important; } #fancybox-outer { border-color: #fff; } #fancybox-content { border-color: #fff !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #fancybox-close { width: 25px !important; height: 25px !important; line-height: 25px; text-align: center; background: none !important; top: 25px; right: 27px; font-size: 22px; color: #d8dfe0; text-decoration: none; } #fancybox-close:before { content: "\e039"; } #fancybox-close:before { vertical-align: middle; } #fancybox-close.map-close { width: 30px !important; height: 30px !important; top: -15px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f6e2879a324a76e9972ebc98201aae1d8.png) !important; right: -15px; } #fancybox-loading { background: none; overflow: visible; } #fancybox-loading div { background: none !important; width: 54px; height: 54px; border: 16.2px solid #fff; border-radius: 50%; animation: animation-olx-branding-o 0.8s alternate infinite ease-in; box-sizing: border-box; } #fancybox-title { font-family: inherit; font-size: 20px; } .fancybox-title-inside { font-size: 20px !important; line-height: 1.1; font-weight: normal; color: #002f34; } #fancybox-title.fancybox-title-inside { margin: 0 !important; top: 0; z-index: 1103 !important; width: auto !important; background: #fff !important; } #fancybox-title.fancybox-title-inside div { background: #fff; padding: 30px 70px 0 30px; } #fancybox-title.fancybox-title-inside div .large { font-size: inherit; line-height: inherit; margin-left: 0 !important; } #fancybox-title.fancybox-title-inside .fancybox-title-desc { font-size: 14px; line-height: 1.29; color: #406367; display: block; margin-top: 10px; } #fancybox-title.fancybox-title-inside .fancybox-title-desc strong { font-weight: 500; } #fancybox-overlay { position: fixed; } .adding-fancybox { min-width: 900px; min-height: 439px; } @media screen and (max-width: 900px) { #fancybox-wrap { position: absolute; } } #fancybox-content.adding { z-index: auto; } #fancybox-content.adding + #fancybox-close { z-index: 10; } #fancybox-content .moderation-description { padding: 20px 38px; line-height: 1.4; box-sizing: border-box; } #fancybox-content .moderation-description .reasons ul, #fancybox-content .moderation-description .reasons ol, #fancybox-content .moderation-description .reasons li { padding: revert; list-style-type: revert; } #fancybox-content .moderation-description__actions { text-align: center; } #fancybox-content .moderation-description__actions .fancybox-close { margin-left: 15px; font-size: 14px; font-weight: 500; line-height: 1.29; position: relative; display: inline-flex; text-decoration: none; } #fancybox-content .moderation-description__actions .fancybox-close:first-letter { text-transform: uppercase; } #fancybox-content .moderation-description__actions .fancybox-close:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } #fancybox-content .moderation-description__actions .fancybox-close:hover { box-shadow: none; } #fancybox-content .moderation-description__actions .fancybox-close:hover:after { left: 15%; right: 15%; } #deleteAndLike { width: 560px; } .fancyboxBecomeFan .fancybox-title-inside { color: #399324; } .fancyboxBecomeFan .likeHandler { border: 1px solid #eaeefb; text-align: center; } .fancyboxBecomeFan .likeHandler > .inner { padding: 13px 0px; background: #eaeefb; color: #273c7b; float: none !important; font-size: 15px; } .fancyboxBecomeFan .likeHandler .icon.facebook3 { left: 12px; top: 15px; } .fancyboxBecomeFan .likeHandler .icon.vkontakte2 { right: 14px; top: 15px; } .fancyboxBecomeFan .arrow-right { width: 0px; height: 0px; border-left: 18px solid #fff; left: 50%; border-right: 18px solid #fff; border-top: 11px solid #eaeefb; top: 100%; margin-left: -18px; } .fancyboxBecomeFan .likeHandler .halfgrid .half .inner { padding: 25px 0px; min-height: 20px; } .fancyboxBecomeFan .likeHandler .halfgrid .half:first-child > div.inner { border-right: 1px solid #eaeefb; } .fancyboxBecomeFan .likeHandler .halfgrid #vk_subscribe { position: relative; left: 12px; } .fancyboxBecomeFan .likeHandler .halfgrid, .fancyboxBecomeFan .likeHandler .icon.facebook3, .fancyboxBecomeFan .likeHandler .icon.vkontakte2 { display: none; } #carefulDiv { width: 777px; } .fancyboxCareful #fancybox-title.fancybox-title-inside { border-color: #f0e8ce; } .fancyboxCareful #fancybox-title.fancybox-title-inside div { padding: 18px 25px 17px; } .fancyboxCareful #carefulInnerHeight { padding: 21px 20px 18px 165px; color: #6d6d6d; background: url(https://static.olx.uz/static/olxuz/packed/img/2f8b8250ace10ba3ed932c9a9ec41ea9b1.png) no-repeat 10px 8px; } .fancyboxCareful #carefulInnerHeight p { margin-top: 20px; } .fancyboxCareful #carefulInnerHeight .marked { color: #459a1b; } .fancyboxCareful #carefulInnerHeight p:first-child { margin-top: 0px; } .fancyboxCareful .fancybox-title-inside { color: #e44d4d; } .fancyboxCareful #fancybox-content { border-color: #f0e8ce !important; } #synchroFavDiv { width: 777px; } #synchroFavDiv .inner { background: #f6f6f6 url(https://static.olx.uz/static/olxuz/packed/img/2f949e05d6a6bf26227c867598d2989e5c.png) no-repeat 0 0; } #synchroFavDiv .inner > div { padding: 16px 30px; } #saveFavDiv { width: 777px; } #saveFavDiv .inner { background: #f6f6f6 url(https://static.olx.uz/static/olxuz/packed/img/2f949e05d6a6bf26227c867598d2989e5c.png) no-repeat 0 0; } #saveFavDiv .inner > div { padding: 20px 30px; } #saveFavDiv .inner > div .button.big3 > * { padding: 0px 30px; } #masterAccountDiv .inner { background: #f6f6f6 url(https://static.olx.uz/static/olxuz/packed/img/2f949e05d6a6bf26227c867598d2989e5c.png) no-repeat 0 0; } #masterAccountDiv .inner > div { padding: 15px 20px; } #masterAccountDiv .inner > div .button.big3 > * { padding: 0px 30px; } #masterAccountDiv ul.badgood li { padding-left: 41px; margin: 15px 0px; } #masterAccountDiv ul.badgood li .icon { left: 0px; top: -2px; } #masterAccountDiv .icon.good { width: 26px; height: 26px; background-position: -26px 0px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f862984ea079d26d9710800e999e8baa2.png); } #masterAccountDiv .icon.bad { width: 26px; height: 26px; background-position: 0px 0px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f862984ea079d26d9710800e999e8baa2.png); } .fancybox-realestate #fancybox-outer { border: none; } .fancybox-realestate #fancybox-title { border: none !important; overflow: hidden; } .fancybox-realestate #fancybox-title:before { width: 83px; height: 83px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f80db3d87d597daf216be9d670a693151.png) no-repeat 0 0; position: absolute; left: 10px; top: 5px; content: ""; } .fancybox-realestate #fancybox-title div { background: #8d5eab url(https://static.olx.uz/static/olxuz/packed/img/2fd06d5f8f299735b55ebb57158d7c7b82.png) 0 0 no-repeat !important; color: #ffffff; font-size: 19px; line-height: 24px; padding: 35px 10px 35px 109px !important; } .fancybox-realestate #fancybox-close { width: 37px !important; height: 37px !important; background: url(https://static.olx.uz/static/olxuz/packed/img/2fb3557d41948a78a4e72524ff7d0537aa.png) !important; right: -18px; top: -18px; } #noAccountDiv { width: 674px; } #noAccountDiv .button input[type=submit] { min-width: 150px; } #noAccountDiv .inner { background: #f6f6f6 url(https://static.olx.uz/static/olxuz/packed/img/2f949e05d6a6bf26227c867598d2989e5c.png) no-repeat 0 0; } #noAccountDiv .inner > div { padding: 20px 0px; } #noAccountDiv .inner > div .button.big3 > * { padding: 0px 30px; } #noAccountDiv .inner fieldset { margin: 30px 0px 10px; } #printOfferDiv { width: 674px; } #printOfferDiv .inner { background: #f6f6f6 url(https://static.olx.uz/static/olxuz/packed/img/2f949e05d6a6bf26227c867598d2989e5c.png) no-repeat 0 0; } #printOfferDiv .inner > div { padding: 20px 30px; } #printOfferDiv .inner > div .button.big3 > * { padding: 0px 30px; } #printOfferDiv .inner > div .icon.f_radio { margin-top: 5px; } #printOfferDiv .printphotoselect { width: 491px; margin: -10px auto 10px; } #printOfferDiv .printphotoselect li { margin: 15px 0px 0px 15px; } #printOfferDiv .printphotoselect li > label.block { cursor: pointer; background: #fff; width: 98px; height: 78px; line-height: 78px; border: 3px solid #e4e4e4; padding-bottom: 30px; } #printOfferDiv .printphotoselect li > label.block.selected { border-color: #6794d7; } #printOfferDiv .printphotoselect li img { max-width: 87px; max-height: 74px; } #printOfferDiv .printphotoselect li input[type=checkbox] { left: 42px; bottom: 12px; } #printOfferDiv .printphotoselect li .icon.f_checkbox { left: 46px; bottom: 11px; cursor: pointer; } #printOfferDiv .button input[type=submit] { min-width: 150px; } #invoicedataDiv { width: 788px; } #invoicedataDiv .button input[type=submit] { min-width: 150px; } #invoicedataDiv .inner { background: #f6f6f6 url(https://static.olx.uz/static/olxuz/packed/img/2f949e05d6a6bf26227c867598d2989e5c.png) no-repeat 0 0; } #invoicedataDiv .inner > div { padding: 10px; color: #999999; } #invoicedataDiv .inner > div .button.big3 > * { padding: 0px 30px; } #invoicedataDiv .icon.f_checkbox { background-position: -320px -670px; } #mapLocationDiv { width: 890px; } #mapLocationDiv .inner { padding: 20px; } #mapLocationDiv .map-container { float: left; width: 540px; height: 370px; display: table; text-align: center; } #mapLocationDiv .map-container-vmiddle { display: table-cell; vertical-align: middle; } #dialogMessage .nophotolayer { color: #000; } #dialogMessage .nophotolayer .iluspace { border-bottom: 1px solid #EEEEEE; } #dialogMessage .nophotolayer .halfgrid .half > div.inner { padding: 22px 27px; } #dialogMessage .nophotolayer .halfgrid .half:first-child > div.inner { border-right: 1px solid #eeeeee; } #dialogMessage .nophotosmall { margin: 22px 0px 30px 23px; } #dialogMessage .nophotosms { margin: 22px auto 5px; } #dialogMessage .mmsbox { border-bottom: 1px solid #EEEEEE; padding: 15px 0px; margin-bottom: 17px; min-height: 48px; } .nophotolayerTitle { padding: 15px 10px 11px !important; color: #000000 !important; } .nophotolayerTitle .marked { background: url(https://static.olx.uz/static/olxuz/packed/img/2f02c01405673c6127f9a004b89cc6bff5.png) no-repeat 0 0; padding: 4px 6px 4px 10px; text-shadow: 0px 1px 0px #ffffff; } .fancyboxSmsVerification #fancybox-content { overflow: visible; } .fancyboxSmsVerification #fancybox-content > * { overflow: visible !important; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; box-sizing: border-box; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-button-prev, .swiper-button-next { width: 48px; height: 48px; position: absolute; z-index: 100; transform: translateY(-50%); top: 50%; background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer; border: 3px solid #d8dfe0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .swiper-button-prev:hover, .swiper-button-next:hover { background-color: #002e33; border-color: #002e33; } .swiper-button-prev.ripple:after, .swiper-button-prev.ripple:before, .swiper-button-next.ripple:after, .swiper-button-next.ripple:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; box-sizing: border-box; height: 100px; width: 100px; border: 2px solid #e8e8e8; border-radius: 50%; } .swiper-button-prev.ripple:after, .swiper-button-next.ripple:after { animation: wave 2s ease 0.5s 2; animation-fill-mode: both; } .swiper-button-prev.ripple:before, .swiper-button-next.ripple:before { animation: wave 2s ease 0.9s 2; animation-fill-mode: both; } @keyframes wave { 0% { transform: scale(0); opacity: 0; } 25% { opacity: 0; } 50% { opacity: 0.7; } 75% { opacity: 0.4; } 100% { transform: scale(1); opacity: 0; } } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { cursor: auto; pointer-events: none; background-color: rgba(249, 249, 249, 0.2); box-shadow: 0 2px 4px 0 rgba(207, 207, 207, 0.5); border: solid 1px rgba(255, 255, 255, 0.3); } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2ffc01d4e45b402b206be8448c57512da2.svg); left: -168px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2fe15b9a4dd0ee28ebe7a9fff950d4d4ee.svg); right: -168px; left: auto; } .swiper-button-prev.swiper-button-disabled { background-image: url(../../../olxeu-atlas-web/static/svg/redesign/prev_inactive.svg); } .swiper-button-next.swiper-button-disabled { background-image: url(../../../olxeu-atlas-web/static/svg/redesign/next_inactive.svg); } .swiper-pagination { text-align: center; transition: 300ms; transform: translate3d(0, 0, 0); z-index: 10; line-height: 14px; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullet { display: inline-block; vertical-align: top; border-radius: 100%; width: 14px; height: 14px; border: 3px solid transparent; margin: 0 3px; -webkit-box-shadow: inset 0 0 0 2px #8aa2a4; -moz-box-shadow: inset 0 0 0 2px #8aa2a4; -ms-box-shadow: inset 0 0 0 2px #8aa2a4; -o-box-shadow: inset 0 0 0 2px #8aa2a4; box-shadow: inset 0 0 0 2px #8aa2a4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; border-width: 0; -webkit-box-shadow: inset 0 0 0 4px #8aa2a4; -moz-box-shadow: inset 0 0 0 4px #8aa2a4; -ms-box-shadow: inset 0 0 0 4px #8aa2a4; -o-box-shadow: inset 0 0 0 4px #8aa2a4; box-shadow: inset 0 0 0 4px #8aa2a4; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; opacity: 1 !important; } .swiper-slide:not(.swiper-slide-active) { opacity: 0 !important; } #didomi-host { font-family: "Geomanist", sans-serif !important; font-size: 14px !important; color: #002f34 !important; } #didomi-host li[title] span, #didomi-host span[title] { color: #406367 !important; border-bottom: none !important; } #didomi-host *:focus { outline: none !important; } #didomi-host a:not(.didomi-no-link-style) { color: #3a77ff !important; font-weight: inherit !important; } #didomi-host a.didomi-no-link-style { color: #002f34 !important; } #didomi-host .didomi-components-button { height: 48px !important; font-weight: 500 !important; line-height: 1.25; border: none !important; background: #002f34 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; } #didomi-host .didomi-components-button:hover { background: none !important; color: #002f34 !important; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } #didomi-host .didomi-mobile .didomi-components-button { font-size: 16px !important; } #didomi-host .didomi-popup-container, #didomi-host .didomi-exterior-border { border-color: transparent !important; } #didomi-host .didomi-popup-backdrop { background: rgba(0, 0, 0, 0.8) !important; } #didomi-host .didomi-consent-popup-header { font-size: 32px !important; font-weight: 500 !important; line-height: 1.06 !important; padding: 50px 24px 0 !important; font-family: inherit !important; position: relative; } #didomi-host .didomi-consent-popup-header .didomi-consent-popup-header-close { text-indent: -1000em; position: absolute; right: 26px; top: 26px; width: 20px !important; line-height: 20px !important; font-size: 20px !important; opacity: 1 !important; } #didomi-host .didomi-consent-popup-header .didomi-consent-popup-header-close:before { content: "\e039"; } #didomi-host .didomi-consent-popup-header .didomi-consent-popup-header-close:before { position: absolute; left: 0; top: 0; text-indent: 0; } #didomi-host .didomi-consent-popup-header .didomi-arrow-back-popup-preferences-vendors { text-indent: -1000em; position: absolute; left: 16px; top: 16px; font-size: 20px; width: 24px; height: 24px; } #didomi-host .didomi-consent-popup-header .didomi-arrow-back-popup-preferences-vendors:before { content: "\e04f"; } #didomi-host .didomi-consent-popup-header .didomi-arrow-back-popup-preferences-vendors:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: 0; } #didomi-host .didomi-consent-popup-body__explanation { margin-bottom: 32px !important; line-height: 24px; } #didomi-host .didomi-consent-popup-body .didomi-consent-popup-body__title { font-size: 16px !important; text-transform: initial !important; margin-bottom: 16px !important; font-family: inherit !important; color: #002f34 !important; font-weight: 500 !important; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-vendor { border-bottom: 1px solid #d8dfe0; margin-bottom: 0 !important; padding: 16px 0 0; font-weight: 500 !important; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing__buttons, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-vendor .didomi-consent-popup-vendor__buttons { align-self: flex-start; margin-left: 16px !important; } #didomi-host .didomi-components-accordion .content { color: inherit !important; padding-left: 40px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__description { color: inherit !important; margin-right: -40px; padding-left: 40px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list .didomi-consent-popup-body__title { margin-bottom: 0 !important; color: #7f9799 !important; text-transform: uppercase !important; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list .didomi-consent-popup-view-vendors-list-link { height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 2px #002f34 !important; -moz-box-shadow: inset 0 0 0 2px #002f34 !important; -ms-box-shadow: inset 0 0 0 2px #002f34 !important; -o-box-shadow: inset 0 0 0 2px #002f34 !important; box-shadow: inset 0 0 0 2px #002f34 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: none !important; padding: 0 15px !important; color: #002f34 !important; font-size: 14px !important; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list .didomi-consent-popup-view-vendors-list-link:hover { -webkit-box-shadow: inset 0 0 0 5px #002f34 !important; -moz-box-shadow: inset 0 0 0 5px #002f34 !important; -ms-box-shadow: inset 0 0 0 5px #002f34 !important; -o-box-shadow: inset 0 0 0 5px #002f34 !important; box-shadow: inset 0 0 0 5px #002f34 !important; } #didomi-host .didomi-components-accordion .didomi-components-accordion-label-container { padding-left: 40px; margin-bottom: 16px; position: relative; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-container-click-all { padding: 16px !important; background: #d8dfe0 !important; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; font-size: 16px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body_vendors-list { border: 1px solid #d8dfe0 !important; padding: 15px !important; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-user-information-trigger { font-size: 14px !important; color: #002f34 !important; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-user-information-container { padding: 0 !important; border: none !important; } #didomi-host .didomi-components-accordion .trigger-icon { text-indent: -1000em; position: absolute; left: 0; top: -2px; width: 24px !important; height: 24px; font-size: 12px !important; } #didomi-host .didomi-components-accordion .trigger-icon:before { content: "\e005"; } #didomi-host .didomi-components-accordion .trigger-icon:before { position: absolute; left: 50%; top: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #didomi-host .didomi-consent-popup-body { padding: 16px 24px !important; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list, #didomi-host .didomi-consent-popup-body .didomi-consent-popup-body__subtext { margin-bottom: 0 !important; } #didomi-host .didomi-consent-popup-categories { margin: 0 16px; } #didomi-host .didomi-components-radio { width: 24px; height: 24px; border: 2px solid #002f34; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; } #didomi-host .didomi-components-radio__option { position: absolute; width: 100%; height: 100% !important; left: 0; top: 0; border: none !important; padding: 0 !important; margin: 0 !important; } #didomi-host .didomi-components-radio__option > span { display: none; } #didomi-host .didomi-components-radio__option.didomi-components-radio__option--disagree, #didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree { background: none !important; border: none !important; padding: 0 !important; } #didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree { pointer-events: none; background: #002f34 !important; } #didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree > svg { width: 100%; height: 100%; } #didomi-host .didomi-consent-popup-footer { background: none !important; justify-content: center !important; height: 48px !important; position: relative; padding-bottom: 16px; } #didomi-host .didomi-consent-popup-footer > a > img { position: absolute; left: 16px; bottom: 16px; } #didomi-host .didomi-consent-popup-footer .didomi-consent-popup-actions button, #didomi-host .didomi-consent-popup-footer .didomi-consent-popup-actions div { margin-right: 0 !important; } #didomi-host .didomi-consent-popup-footer .didomi-consent-popup-actions .didomi-components-button { min-width: 228px; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; border-radius: 4px !important; } form.map-params { width: 282px; float: right; } form.map-params .fblock + .fblock { margin-top: 14px; } form.map-params input, form.map-params select, form.map-params .map-locations-list, form.map-params .focusbox, form.map-params .button, form.map-params .dropdown { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } form.map-params .map-locations-list { height: 218px; overflow: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 5px 9px; border: 1px solid #e8e8e8; } form.map-params .map-locations-list.readonly { background: #f8f8f8; } form.map-params .map-locations-list li { margin: 5px 0; } form.map-params .map-locations-list li label { color: #ababab; } form.map-params .map-locations-list li label.selected { color: #000000; } form.map-params .map-locations-list .f_checkbox { margin-right: 5px; } form.map-params .label { color: #ababab; margin-bottom: 3px; } #surveytool { position: fixed; left: 0px; top: 0px; width: 100%; z-index: 100; background: url(https://static.olx.uz/static/olxuz/packed/img/2f97c66e1aecbcdc7ef9f966fee39bd2a3.png) repeat 0 0; color: #21324d; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); max-height: 100%; overflow: auto; } #surveytool .icon.close { width: 18px; height: 18px; background-position: -349px 0; right: 12px; bottom: 21px; } #surveytool .slimbar { padding: 10px 436px 10px 0px; -webkit-text-shadow: 0px 1px 0px #fff; -moz-text-shadow: 0px 1px 0px #fff; -ms-text-shadow: 0px 1px 0px #fff; -o-text-shadow: 0px 1px 0px #fff; text-shadow: 0px 1px 0px #fff; } #surveytool .cloud { background: #b5c621; left: 479px; top: 0px; padding: 9px 22px 7px; top: 13px; color: #dae390; -webkit-box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); -moz-box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); -ms-box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); -o-box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); box-shadow: 0px 1px 0px 0px rgb(255, 255, 255); -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -o-text-shadow: none; text-shadow: none; } #surveytool .cloud .target { width: 9px; height: 19px; left: -9px; top: 9px; background-position: -340px 0; } form.survey fieldset { border-bottom: 1px solid #d4d4d4; } form.survey .fblock { padding: 0px 0px 0px 33px; margin: 20px 0px; -webkit-text-shadow: 0px 1px 0px #fff; -moz-text-shadow: 0px 1px 0px #fff; -ms-text-shadow: 0px 1px 0px #fff; -o-text-shadow: 0px 1px 0px #fff; text-shadow: 0px 1px 0px #fff; } form.survey .fblock.submit { border-top: 1px solid #fff; padding: 12px 0px; margin: 0px; } form.survey .point { left: 0px; top: 0px; } form.survey .rateline { width: 370px; margin: 10px auto 30px; border-top: 1px solid #d4d4d4; height: 3px; background: #fff; } form.survey .rateline .pos-0 { left: 0px; top: -9px; } form.survey .rateline .pos-1 { left: 35px; top: -9px; } form.survey .rateline .pos-2 { left: 70px; top: -9px; } form.survey .rateline .pos-3 { left: 105px; top: -9px; } form.survey .rateline .pos-4 { left: 140px; top: -9px; } form.survey .rateline .pos-5 { left: 175px; top: -9px; } form.survey .rateline .pos-6 { left: 210px; top: -9px; } form.survey .rateline .pos-7 { left: 245px; top: -9px; } form.survey .rateline .pos-8 { left: 280px; top: -9px; } form.survey .rateline .pos-9 { left: 315px; top: -9px; } form.survey .rateline .pos-10 { left: 350px; top: -9px; } form.survey .rateline .minvaluelabel { width: 100px; right: -120px; top: -12px; color: #848484; } form.survey .rateline .maxvaluelabel { width: 100px; left: -120px; top: -12px; color: #848484; } form.survey .rateline label.block { padding-top: 5px; cursor: pointer; } form.survey .rateline label.block.selected { color: #9bab10; } form.survey .icon.f_radio { width: 20px; height: 20px; background-position: -300px 0; } form.survey .icon.f_radio.selected { background-position: -320px 0px !important; } form.survey input[type=submit] { background: #b5c621; border: none; padding: 9px 16px; } form.survey input[type=submit] + .target { width: 21px; height: 55px; background-position: -367px 0; right: -30px; top: -21px; } form.survey input[disabled=disabled] { background: transparent; border: 1px solid #d3d3d3; color: #9ea6b3; padding: 8px 15px; -webkit-box-shadow: inset 2px 2px 2px 0px rgba(142, 142, 142, 0.36); -moz-box-shadow: inset 2px 2px 2px 0px rgba(142, 142, 142, 0.36); -ms-box-shadow: inset 2px 2px 2px 0px rgba(142, 142, 142, 0.36); -o-box-shadow: inset 2px 2px 2px 0px rgba(142, 142, 142, 0.36); box-shadow: inset 2px 2px 2px 0px rgba(142, 142, 142, 0.36); cursor: default; } form.survey input[disabled=disabled] + .target { background-position: -388px 0px; } form.survey textarea { width: 830px; height: 94px; border: none; padding: 6px; background: #f4f4f4; border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; } .usersearch-list .box { margin: 24px 0 0 0; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 8px 90px; font-size: 14px; line-height: 1.29; } .usersearch-list .box .details { padding: 16px 0; } .usersearch-list .box .details p { margin-top: 16px; } .usersearch-list .box .details p:first-child { margin-top: 0; } .usersearch-list .box .details p.is-query { font-size: 16px; font-weight: 500; line-height: 1.25; position: relative; padding-left: 24px; } .usersearch-list .box .details p.is-query:before { content: "\e068"; } .usersearch-list .box .details p.is-query:before { font-size: 16px; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; } .usersearch-list .box .details p.is-query .small { display: none; } .usersearch-list .box .details .small { color: #406367; font-size: inherit !important; padding-right: 8px !important; } .usersearch-list .box .details .block { display: inline-block; font-weight: inherit; } .usersearch-list .box table.params { margin-top: 0 !important; display: block; } .usersearch-list .box table.params tbody { display: block; } .usersearch-list .box table.params tr { display: flex; justify-content: space-between; margin-top: 16px; } .usersearch-list .box table.params td { width: auto; } .usersearch-list .box .bg-3 .mheight { background-color: #FFF7C5; } .usersearch-list .box .favtab { border: 1px solid #dfdfdf; right: 8px; top: -3px; padding: 8px 5px; background: #f5f5f5; -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); } .usersearch-list .box .note { border-top: 1px solid #dfdfdf; margin: 12px 0 0; padding: 7px 0 0; -webkit-box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); -moz-box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); -ms-box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); -o-box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); } .usersearch-list .box .invalid-search-container { padding: 18px; display: flex; justify-content: center; align-items: center; flex-direction: row; background: #ffd6c9; margin-bottom: 16px; } .usersearch-list .box .invalid-search-container .iconError { background: url(https://static.olx.uz/static/olxuz/packed/font/2f7a3d8ada476deba506e83ff18f24d0c3.svg) no-repeat; height: 34px; width: 34px; background-size: 34px 34px; padding-right: 12px; } .usersearch-list .box .invalid-search-container .olx-button { margin-left: auto; } .usersearch-list .box .alert-options-container { padding: 16px 0; border-top: 1px solid #7f9799; } .usersearch-list .box .alert-options { display: flex; align-items: center; } .usersearch-list .box .alert-options li { display: inline-flex; align-items: center; margin-left: 30px; } .usersearch-list .box .alert-options li:first-child { margin-left: 0; } .usersearch-list .box .alert-options li.fleft { float: none; } .usersearch-list .box .alert-options li.fright { float: none; margin-left: auto; } .usersearch-list .box .alert-options .searchLink { display: inline-flex; background: #d8dfe0; padding: 0 15px; font-size: 12px; font-weight: 500; height: 24px; letter-spacing: 0.8px; align-items: center; justify-content: center; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .usersearch-list .box .alert-options .searchLink.newAds { background: #ffedb2; } .usersearch-list .box .alert-options .removeObservedSearch { position: relative; padding-right: 28px; color: #7f9799; display: inline-block; } .usersearch-list .box .alert-options .removeObservedSearch:before { content: "\e039"; } .usersearch-list .box .alert-options .removeObservedSearch:before { color: #002f34; font-size: 13px; position: absolute; top: 50%; transform: translate(0, -50%); right: 3px; } .usersearch-list .box .alert-options .removeObservedSearch:hover > * { color: #7f9799; background: none; } .usersearch-list .box .alert-options .icon.f_checkbox { margin-right: 11px; } .userobserved-list .offer .onhover { visibility: hidden; } .userobserved-list .offer:hover .onhover { visibility: visible; } #favoritesGalleryBox { margin-top: 40px !important; } #favoritesGalleryBox .wrapper, #favoritesGalleryBox #header-container #searchMyaccountBox, #header-container #favoritesGalleryBox #searchMyaccountBox, #favoritesGalleryBox #footer-container .sitepopularbox__wrapper, #footer-container #favoritesGalleryBox .sitepopularbox__wrapper { padding-left: 0; padding-right: 0; } .favbottombox { padding: 23px 0; } .favgalleyboxLoading { height: 120px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fc44e7066e4b3c72a65bbadb21f4c07f0.svg) 50% 50% no-repeat; background-size: 40px 40px; } .favgallerybox-show-more, .favsearchgallerybox-show-more { margin: 36px 0 0 !important; } .favgallerybox-show-more .link, .favsearchgallerybox-show-more .link { display: inline-block; box-sizing: border-box; font-size: 16px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.25; position: relative; padding-right: 28px; } .favgallerybox-show-more .link:before, .favsearchgallerybox-show-more .link:before { content: "\e063"; } .favgallerybox-show-more .link .raquo, .favsearchgallerybox-show-more .link .raquo { display: none; } .favgallerybox-show-more .link:before, .favsearchgallerybox-show-more .link:before { font-size: 16px; position: absolute; right: 7px; top: 1px; } .favgallerybox-show-more .link:hover, .favsearchgallerybox-show-more .link:hover { color: inherit; } .favgallerybox-show-more .link:hover > *, .favsearchgallerybox-show-more .link:hover > * { color: inherit; background: none; } .favgallerybox-show-more .link:first-letter, .favsearchgallerybox-show-more .link:first-letter { text-transform: uppercase; } .favgallerybox-show-more .link:after, .favsearchgallerybox-show-more .link:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .favgallerybox-show-more .link:hover:after, .favsearchgallerybox-show-more .link:hover:after { left: 15%; right: 15%; } .favgallerybox { margin-left: -15px; margin-top: -15px; } .favgallerybox > li { min-width: 0; width: calc(25% - 15px); margin-left: 15px; margin-top: 15px; } .favgallerybox > li .card { display: flex; flex-direction: column; background: #fff; padding: 15px; position: relative; box-sizing: border-box; height: 378px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: left; } .favgallerybox > li .card .thumb.scale4 { height: 218px; line-height: 218px; width: 100%; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; } .favgallerybox > li .card .thumb.scale4 img { width: 100%; max-width: none; max-height: none; } @supports (-o-object-fit: cover) or (object-fit: cover) { .favgallerybox > li .card .thumb.scale4 img { height: 100%; object-fit: cover; } } .favgallerybox > li .card .inner { padding: 15px 0 !important; margin-bottom: auto; } .favgallerybox > li .card .inner h4 { font-size: 16px !important; font-style: normal; line-height: 1.25; } .favgallerybox > li .card .inner h4 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .favgallerybox > li .card .inner h4 a .fbold { font-weight: normal; } .favgallerybox > li .card .inner p { display: none; } .favgallerybox > li .card .favtab { display: block; right: 15px; bottom: 20px; } .favgallerybox > li .card small.breadcrumb span { display: block; } .favgallerybox > li .card [data-icon^=star] { color: #c6c6c6; font-size: 20px; } .favgallerybox > li .card [data-icon^=star]:hover, .favgallerybox > li .card [data-icon^=star].selected { color: #002f34; } .favgallerybox > li .card a:hover .icon.observe2, .favgallerybox > li .card .icon.observe2.selected { background-position: 0 -18px; } .favgallerybox > li .card .price { font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; position: relative; margin-bottom: 5px; padding-right: 40px; } .favgallerybox > li .card .price .salary-label { font-size: inherit; color: inherit; } .favgallerybox > li .card .price .salary-label .value-human { color: inherit; } .favgallerybox > li .card .price strong { font-weight: normal; } .favgallerybox > li .onhoverin { display: none; } .favsearchgallerybox { margin-left: -8px; } .favsearchgallerybox > li { width: 197px; min-height: 1px; margin: 0px 0px 0px 17px; } .favsearchgallerybox li .card { border: 1px solid #dfdfdf; background: #f5f5f5; -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .favsearchgallerybox li .onhoverin { display: none; } .favsearchgallerybox li [data-icon^=star] { color: #002f34; font-size: 20px; } .favsearchgallerybox li .card.hover .onhoverin { display: block; } .favsearchgallerybox li .card.hover .onhoverout { display: none; } .favsearchgallerybox li .card .details { max-height: 350px; overflow: auto; padding: 10px; background: #fff; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -ms-border-radius: 4px 4px 0px 0px; -o-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid #e7e7e7; zoom: 1; } .favsearchgallerybox li .card .details .title { padding-left: 32px; min-height: 24px; } .favsearchgallerybox li .card .details .title .icon.observe2 { left: 0px; top: 0px; } .favsearchgallerybox li .card .details p { margin-top: 7px; } .favsearchgallerybox li .card .details p:first-child { margin-top: 0px; } .favsearchgallerybox li .card .details p .small { color: #a8a7a7; } .favsearchgallerybox li .card .favtab { border: 1px solid #dfdfdf; right: 8px; top: -3px; padding: 7px 6px 8px; background: #f5f5f5; -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); display: none; } .favsearchgallerybox li .card.hover .favtab { display: block; } .columnsgrid { border-top: 1px solid #e9e9e9; min-height: 350px; } .columnsgrid .col { margin: 0px 0 15px 10px; } .columnsgrid .col .box { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 276px; margin: 12px 0px 0px 0px; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } .columnsgrid .col .box .mheight { min-height: 178px; line-height: 178px; background: #fff; } .columnsgrid .col .box .thumb.scale1 { width: 100%; height: 178px; line-height: 178px; } .columnsgrid .col .box .thumb.scale1.nophoto .alt-text { font-size: 14px; padding: 7px 0; } .columnsgrid .col .box h4 .fbold { font-weight: normal; } .columnsgrid .col .box .price { font-size: 18px; line-height: 22px; margin-top: 2px; } .columnsgrid .col .box .price strong { font-weight: normal; } .columnsgrid .col .box .details { padding: 10px; background: #fff; border-bottom: 1px solid #e7e7e7; } .columnsgrid .col .box .details p { margin-top: 7px; } .columnsgrid .col .box .details p:first-child { margin-top: 0px; } .columnsgrid .col .box .details p .small { color: #a8a7a7; } .columnsgrid .col .box .bg-3 .mheight { background-color: #FFF7C5; } .columnsgrid .col .box .favtab { border: 1px solid #dfdfdf; right: 8px; top: -3px; padding: 5px 5px 6px; background: #fff; -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3); } .columnsgrid .col .box .note { border-top: 1px solid #dfdfdf; margin: 12px 0px 0px; padding: 7px 0px 0px; -webkit-box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); -moz-box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); -ms-box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); -o-box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); box-shadow: inset 0px 1px 0px 0px rgb(255, 255, 255); } .columnsgrid .col .box .onhover { visibility: hidden; } .columnsgrid .col .box:hover .onhover { visibility: visible; } .columnsgrid .col .box .alert-options li { color: #898989; margin-top: 3px; } .columnsgrid .col .box .alert-options li:first-child { margin-top: 0px; } .columnsgrid .col .box .alert-options .icon.f_checkbox { margin: 4px 6px 0px 0px; } #favSearchBarClear { height: 21px; line-height: 21px; margin: 2px 0px; } .headinfobox { background: #ceddff; color: #002f34; margin: 10px 0 24px !important; } .headinfobox.flexline > div:first-child, .headinfobox .flexline > div:first-child, .headinfobox [data-icon=circle_info] { display: none; } .headinfobox.flexline > div, .headinfobox .flexline > div { padding: 18px 24px !important; } .headinfobox a { color: #002f34; text-decoration: underline; } .headinfobox .cfff { color: inherit; } .headinfobox .link { color: #002f34; } .headinfobox .link > * { color: #002f34; } .headinfobox .link:hover > * { color: #002f34; background-color: #fff; } .headinfobox strong { font-weight: inherit; } .headinfobox-warning { background: #ceddff; color: #002f34; } .headinfobox-warning a { color: #002f34; text-decoration: underline; } .maincategories { background: #fff; padding-top: 56px; padding-bottom: 61px; } .maincategories header { margin-bottom: 56px; text-align: center; } .maincategories header h3 { font-size: 32px; font-weight: 500; line-height: 24px; } .maincategories header p { color: #ababab; font-size: 12px; } .maincategories .maincategories-list .li, .maincategories .subcategories-list li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .maincategories .maincategories-list { margin-top: 39px; display: flex; flex-wrap: wrap; overflow-wrap: anywhere; } .maincategories .maincategories-list .li { max-width: 137px; flex: 0 0 137px; position: relative; padding: 0 6px; } .maincategories .maincategories-list .li.selected { text-decoration: none; cursor: default; } .maincategories .maincategories-list .li .item a { font-size: 16px; font-weight: 500; display: flex; flex-direction: column-reverse; align-items: center; line-height: 1.25; text-align: center; } .maincategories .maincategories-list .li .item a > span { max-width: 100%; } .maincategories .maincategories-list .li .item a.selected:before { width: 25px; height: 12px; background: url(https://static.olx.uz/static/olxuz/packed/img/2facfb7da8e241f36894157ab0d56a6b79.png) no-repeat 0 0; content: ""; bottom: -31px; left: 50%; position: absolute; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .maincategories .maincategories-list .li .item .cat-icon { width: 88px; height: 88px; border-radius: 50%; background-repeat: no-repeat; background-size: 100%; background-color: #f2f4f5; display: flex; align-items: center; justify-content: center; margin-bottom: 29px; } .maincategories .maincategories-list .li .item .selected .cat-icon { -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08); -o-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08); } .maincategories .subcategories-list { background: #fff; border: 1px solid #efefef; padding: 23px 26px; margin-top: 30px; } .maincategories .subcategories-title { border-bottom: 1px solid #e8e8e8; padding: 0 0 18px; margin-bottom: 20px; font-size: 15px; line-height: 20px; color: #ababab; margin-top: -3px; } .maincategories .subcategories-list ul { margin-top: -20px; font-size: 15px; line-height: 19px; } .maincategories .subcategories-list .fleft { width: 278px; margin-top: 20px; padding-right: 24px; } .maincategories .subcategories-list a.inlblk { padding-left: 24px; background: no-repeat 0 0; position: relative; } .maincategories .subcategories-list a.inlblk:before { content: "\e063"; } .maincategories .subcategories-list a.inlblk:before { position: absolute; left: 5px; top: 2px; } .maincategories .subcategories-list .clear { display: block; clear: both; font-size: 0px; line-height: 0px; } .maincategories .subcategories-list a.virtual-link { text-decoration: underline; color: #e13636; } .maincategories .subcategories-list #subcatLink_fixly a, .maincategories .subcategories-list #subcatLink_fixly_wmeble a, .maincategories .subcategories-list #subcatLink_fixly_montaz a { color: #0098d0 !important; } .maincategories .subcategories-list #subcatLink_fixly a > span, .maincategories .subcategories-list #subcatLink_fixly_wmeble a > span, .maincategories .subcategories-list #subcatLink_fixly_montaz a > span { color: #0098d0 !important; border-bottom: 2px solid gold; padding-bottom: 2px; } .maincategories .subcategories-list #subcatLink_fixly a:hover > span, .maincategories .subcategories-list #subcatLink_fixly_wmeble a:hover > span, .maincategories .subcategories-list #subcatLink_fixly_montaz a:hover > span { background-color: #0098d0; color: #fff !important; border-bottom: 2px solid #0098d0; padding-bottom: 2px; } .maincategories .subcategories-list #subcatLink_carAudio a { color: #0098d0 !important; } .maincategories .subcategories-list #subcatLink_carAudio a > span { color: #0098d0 !important; padding-bottom: 2px; } .maincategories .subcategories-list #subcatLink_carAudio a:hover > span { background-color: #0098d0; color: #fff !important; padding-bottom: 2px; } .maincategories .subcategories-list #subcatLink_automobile_deals_trade a, .maincategories .subcategories-list #subcatLink_automobile_deals a { color: #0098d0 !important; } .maincategories .subcategories-list #subcatLink_automobile_deals_trade a > span, .maincategories .subcategories-list #subcatLink_automobile_deals a > span { color: #B9C806 !important; border-bottom: 2px solid transparent; padding-bottom: 2px; } .maincategories .subcategories-list #subcatLink_automobile_deals_trade a:hover > span, .maincategories .subcategories-list #subcatLink_automobile_deals a:hover > span { background-color: #B9C806; color: #fff !important; border-bottom: 2px solid transparent; padding-bottom: 2px; } .singlecall { float: right; width: 300px; } .singlecall .button { margin: 0px auto; color: #be0202; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; filter: none !important; } .singlecall .button > * { color: #f5b4b4; padding: 0px 0px 0px 39px; } .singlecall .button > * span { color: #be0202; } .singlecall .button, .singlecall .button, .singlecall .button > * { height: 42px; line-height: 42px !important; } .maincategories .maincategories-list .li .item .cat-icon-circle { font-size: 28px; text-align: center; line-height: 48px; font-weight: normal !important; } .maincategories .maincategories-list .li .item .cat-icon-circle:before { line-height: inherit; display: inline-block; } .locationrequest [data-icon=location] { left: 26px; top: 24px; font-size: 24px; position: absolute; color: #002f34; } .locationrequest .distancelist { width: 108px; text-shadow: none; } .locationrequest .distancelist dd { position: relative; } .locationrequest .distancelist a { text-decoration: none !important; outline: none; } .locationrequest .distancelist a:visited { text-decoration: none !important; outline: none; } .locationrequest .distancelist dt a { display: block; min-height: 16px; padding: 8px 22px 8px 10px; border-left: none; background: #fff; font-size: 12px; color: #9b9b9b; position: relative; } .locationrequest .distancelist dt a:before { content: "\e005"; } .locationrequest .distancelist dt a:before { position: absolute; right: 12px; top: 29px; font-size: 12px; } .locationrequest .distancelist.bold dt a { color: #000; font-weight: 400; } .locationrequest .distancelist.readonly dt a { color: #9B9B9B; font-weight: 400; } .locationrequest .distancelist dd ul { background-color: #fff; display: none; left: -1px; position: absolute; top: 0px; width: 100%; overflow: auto; z-index: 12; word-wrap: break-word; border: 1px solid #f2f4f5; border-top: none; -webkit-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -moz-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -ms-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -o-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; max-height: 250px; } .locationrequest .distancelist span.value { display: none; } .locationrequest .distancelist dd ul a { color: #9b9b9b; padding: 8px 16px; display: block; } .locationrequest .distancelist dd ul a:visited { color: #9b9b9b; padding: 8px 16px; display: block; } .locationrequest .distancelist.bold dd ul a { color: #000; } .locationrequest .distancelist dd ul li a:hover { background-color: #002e33; color: #fff; } .locationrequest .input-container { background: #fff; z-index: 12; } .locationrequest .input-container .chooselocation { padding: 10px 13px 12px; min-width: 145px; position: absolute; top: 100%; margin-top: 16px; left: 50%; white-space: nowrap; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 14px; } .locationrequest .input-container .chooselocation p { margin: 0 22px 10px 0; } .locationrequest .input-container .chooselocation .items a { background: #002f34; color: #fff; padding: 8px 10px; line-height: 18px; font-size: 14px; margin-left: 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; } .locationrequest .input-container .chooselocation .items a:first-child { margin-left: 0; } .locationrequest .input-container .chooselocation .items a:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .locationrequest .input-container .chooselocation .close { color: #fff; right: 10px; top: 10px; font-size: 16px; } .locationrequest .input-container .chooselocation .target { top: -7px; margin-left: -7px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent rgba(0, 0, 0, 0.4) transparent; } .locationrequest .cityfield { margin: 0px 15px 0px 32px; height: 16px; line-height: 16px; padding: 7px 0px; border: none; width: 183px; position: relative; background: none !important; } .locationrequest div.cityfield { left: 0px; top: 0px; position: absolute; white-space: nowrap; overflow: hidden; z-index: -1; padding-left: 1px; } .locationrequest p#cityFieldError { color: #F94D4D; } .locationrequest [data-icon=close] { line-height: 1; position: absolute; right: 20px; top: 25px; font-size: 22px; color: #002f34; } .locationrequest [data-icon=close].hidden { display: none; } .locationrequest .distanceseparator { background: #f2f4f5; height: 72px; right: 0; top: 0; width: 1px; } .locationrequest .cityfield.bold { width: 188px; margin-right: 52px; color: #002f34; font-weight: 500; } .locationrequest .cityfield.bold + div.cityfield { width: 188px; margin-right: 52px; } .locationrequest .proposals { border: 1px solid #f2f4f5 !important; -webkit-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -moz-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -ms-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -o-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 100%; left: -1px; right: -1px; background: #fff; min-width: 305px; text-shadow: none; color: #989898; z-index: 10; } .locationrequest .proposals .lastbox { padding: 11px 0; margin: 0 17px; border-bottom: 1px solid #eaeaea; } .locationrequest .proposals .mapbox { padding: 11px 0; margin: 0 17px; border-bottom: 1px solid #eaeaea; border-top: 1px solid #d1d1d1; } .locationrequest .proposals .mapbox .link-selector { padding-left: 23px; position: relative; } .locationrequest .proposals .mapbox .link-selector:before { width: 15px; height: 25px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f5a1436ddd78aa6b8d7639a9186491560.png) no-repeat 0 0; position: absolute; left: 0px; top: -5px; content: ""; } .locationrequest .proposals #last-locations-ul li { margin-top: 6px; } .locationrequest .proposals .categorySelectContainer { position: static; } .locationrequest .proposals .categorySelectContainer ul.categorySelectList.regionsList { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; width: auto; min-width: 0; } .locationrequest.smallBox .cityfield { width: 188px; margin-right: 52px; font-size: 16px; height: 56px; line-height: 56px; padding: 8px 0; margin-left: 62px; } .locationrequest.smallBox .cityfield.bold { width: 188px; } .locationrequest.smallBox .cityfield.bold + div.cityfield { width: 188px; } .locationrequest.smallBox .fbold, .locationrequest.smallBox .fbold + .color-9 { color: inherit; font-weight: 500; } .locationrequest.smallBox .distancelist { width: 120px; } .locationrequest.smallBox .distancelist dt a { font-size: 16px; padding: 8px 40px 8px 15px; line-height: 56px; height: 56px; } .locationrequest.smallBox .distancelist dd ul { top: -3px; padding-top: 2px; right: -1px; width: auto; } .locationrequest.smallBox .distanceseparator { height: 72px; background: #f2f4f5; } form.search .locationrequest .distancelist, form.search .locationrequest .proposals, form.searchmain .locationrequest .proposals { font-size: 16px; line-height: 1.25; } .offer-titlebox { position: relative; } .offer-titlebox h1 { word-wrap: break-word; font-size: 32px; font-weight: 400; line-height: 1.16; margin-bottom: 15px; } .offer-titlebox__social { display: flex; justify-content: center; float: right; margin-left: 17px; padding: 10px 0; } .offer-titlebox__btn-social-share { font-size: 24px; text-decoration: none !important; margin-left: 17px; } .offer-titlebox__btn-social-share:before { content: "\e02a"; } .offer-titlebox__buttons { padding: 20px 0 0; } .offer-titlebox__price { display: flex; align-items: center; } .offer-titlebox__price .pricelabel { margin: 0; } .offer-titlebox__price .pricecredit { margin-left: auto; } .offer-titlebox [data-icon=mobile] { margin-top: -4px; font-size: 20px; vertical-align: middle; } .offer-bottombar { border-top: 2px solid #406367; margin-top: 33px; padding-top: 20px; font-size: 12px; line-height: 1.17; color: #406367; display: flex; align-items: center; flex-wrap: wrap; } .offer-bottombar__items { display: flex; flex-wrap: wrap; } .offer-bottombar__item { padding: 10px 15px; border-left: 1px solid #e6ebeb; } .offer-bottombar__item strong { font-weight: 500; } .offer-bottombar__item em { font-size: inherit; } .offer-bottombar__item .edit-ad-link { margin-right: 30px; } .offer-bottombar__item:first-child { border-left: none; padding-left: 0; } .offer-bottombar__counter strong { margin-left: 3px; } .offer-bottombar__share { margin-left: auto; } .offer-bottombar__share .ad-share { margin-right: 0 !important; } .offer-bottombar__share .ad-share > .fleft.marginright10 { margin-right: 0 !important; } .offer-bottombar__share .button.sendinemail.mini4 { margin-left: 0 !important; } .offer-bottombar__share .fb_detailpage iframe { vertical-align: top; } .offer-report { margin: 19px 0 29px; text-align: right; } .offer-report .report-links { font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; color: #002f34; text-transform: uppercase; } .detailpage #body-container .offercontentinner { position: relative; } .contact-grid .breadcrumbbox .wrapper, .contact-grid .breadcrumbbox #header-container #searchMyaccountBox, #header-container .contact-grid .breadcrumbbox #searchMyaccountBox, .contact-grid .breadcrumbbox #footer-container .sitepopularbox__wrapper, #footer-container .contact-grid .breadcrumbbox .sitepopularbox__wrapper { padding-left: 0; padding-right: 0; } .contact-grid .offercontentinner { position: relative; padding: 32px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .contact-grid .offercontentinner div.successbox { background: #002e33; } .contact-grid .offerheadinner { padding: 0; margin-top: 0 !important; } .contact-grid .offerheadinner h1 { word-wrap: break-word; font-size: 32px; font-weight: 400; line-height: 1.16; margin-bottom: 15px; } .contact-grid .answerbox { width: 760px; padding: 20px 0; } .contact-grid form.contactform .fblock .focusbox { float: none; } .contact-grid form.contactform [data-icon=clip] { color: inherit; } .contact-grid form.contactform .button input[type=submit] { min-width: 164px; font-size: 16px; } .contact-grid form.contactform .button input[type=submit]:disabled { background: #d8dfe0; color: #7f9799; } .contact-grid form.contactform .attachment-link[disabled] > i, .contact-grid form.contactform .attachment-link[disabled] > .link { color: #7f9799; } .contact-grid form.contactform .attachment-link[disabled] > i :hover, .contact-grid form.contactform .attachment-link[disabled] > .link :hover { background: #fff; color: #7f9799; } .contact-grid .offer-contact { border: none; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -ms-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .t-new_sidebar .otokredytbox h3 { padding: 15px; } .detailpage .searchmain { padding-bottom: 15px; } .detailpage .offercontent .offer-details { padding: 0; margin: 30px -4px; display: flex; flex-wrap: wrap; } .detailpage .offercontent .offer-details__item { list-style: none; } .detailpage .offercontent .offer-details .AdPageBox__Badge { margin: 4px; } .detailpage .offercontent .offer-details__param { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; display: inline-flex; border: 1px solid #406367; font-size: 14px; line-height: 1.29; text-decoration: none; margin: 4px; position: relative; padding: 6px 16px; } .detailpage .offercontent .offer-details__param--url:hover { background: #406367; color: #fff; } .detailpage .offercontent .offer-details__param--delivery { padding-left: 55px; } .detailpage .offercontent .offer-details__param--delivery [data-icon] { position: absolute; left: 23px; top: 8px; font-size: 18px; line-height: 1; } .detailpage .offercontent .offer-details__name { white-space: nowrap; } .detailpage .offercontent .offer-details__name:after { content: ":"; margin-right: 3px; display: inline-block; } .detailpage .offercontent .offer-details__value { font-weight: 500; } .detailpage .offercontent .offer-details__value--multiple > *:not(:last-child):after { content: ","; } .detailpage .offercontent.archived { width: 100%; } .detailpage .offercontent.archived .firstimage { max-width: none; } .detailpage .photo-glow { background: url(https://static.olx.uz/static/olxuz/packed/img/2f78132ba57ae70f13b19000389657e048.png) center center repeat-y; } .detailpage .offeractions { width: 408px; } .detailpage .offeractions .userbox { background: none; padding: 15px 0 0 12px; } .detailpage .offeractions .userbox .color-5 { color: #9d9d9d; } .detailpage .offeractions .userbox [data-icon^=account] { width: 33px !important; height: 32px !important; font-size: 32px; color: #b4b4b4; } .detailpage .offeractions .userbox .userdetails { padding-left: 48px; } .detailpage .offeractions .locationbox { color: #414141; background: #f7f6f6 url(https://static.olx.uz/static/olxuz/packed/img/2f97010710a6dd4d4b607e490b0f6d2848.png) no-repeat 50% 50%; border-radius: 2px; padding: 12px; margin-top: 2px !important; } .detailpage .offeractions .locationbox .address { width: 170px; } .detailpage .offeractions .locationbox > .clr { background: rgba(246, 246, 246, 0.8); padding: 10px 0; } .detailpage .offeractions .locationbox [data-icon=location] { margin-left: 10px; color: #ed655c; font-size: 38px; float: left; } .detailpage .offeractions .locationbox:hover > .clr { background: rgba(246, 246, 246, 0.9); } .detailpage .offeractions .userbox .userdetails > span.block + span.block { margin-top: 3px; } .detailpage .offeractions .userbox .userdetails .lheight22 { line-height: inherit; } .detailpage .offerhead { background: #fff; border: 1px solid #ededed; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .detailpage .offerhead .offerheadinner { padding: 10px; margin-top: 0px !important; } .archived .offerheadinner { margin-right: 280px; } .offer-details .fleft { width: 525px; } .offer-details .fright { width: 280px; } .offer-details ul li { padding: 7px 0; } .offer-details .showPhoneButton { color: #0098d0; cursor: pointer; } .offer-details .showPhoneButton:hover { text-decoration: underline; } .offerbox .icon.report { margin-right: 11px; } .offerbox .icon.fav { margin-right: 8px; } .offerbox li.share .icon { margin-right: 3px; } .offerbox li.share .icon.share { margin-right: 4px; } .photo-handler:hover #enlargephoto { display: block; } #enlargephoto { width: 170px; padding: 20px 0; left: 50%; top: 50%; margin-top: -62px; margin-left: -85px; } #enlargephoto [data-icon=zoom] { font-size: 40px; color: #fff; line-height: 1; margin-bottom: 12px; } .addedbymobile { margin-bottom: 20px; } .t-new_sidebar .addedbymobile { margin: 0; padding: 20px; } .addedbymobile__mobile { width: 62px; height: 62px; display: inline-block; vertical-align: middle; background: url(https://static.olx.uz/static/olxuz/packed/font/2f64c032d840a79e87033f02d090bec485.svg) 50% 50% no-repeat; } .flagged-ads { margin-top: 10px; padding: 10px 0; border-top: 1px solid #f5f5f5; } .flagged-ads h3 { margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #555454; } .flagged-ads__list li { padding: 10px 0; border-bottom: 1px solid #f5f5f5; overflow: hidden; position: relative; min-height: 67px; } .flagged-ads__list li img { max-width: 80px; margin-right: 10px; float: left; background: #f0f0f0; } .flagged-ads__list li .thumb.scale4.nophoto--job { width: 80px; height: 67px; margin-right: 10px; float: left; } .flagged-ads__list li .thumb.scale4.nophoto--job:before { width: 80px; height: 80px; border-width: 30px; } .flagged-ads__list li h4 { font-size: 12px; line-height: 16px; color: #2e2e2e; font-weight: bold; } .flagged-ads__list li small { position: absolute; left: 90px; bottom: 10px; font-size: 10px; color: #9d9d9d; } .offer__innerbox { margin-top: 0 !important; margin-bottom: 19px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #fff; position: relative; border: none; } .offer-businees-user-banner { margin-bottom: 42px; } .offer-businees-user-banner img { width: 100%; } .similarads { margin-bottom: 20px; } .similarads > h2 { font-size: 24px; font-weight: 500; line-height: 1.08; margin: 65px 0 24px; } .similarads .gallerywide { margin-bottom: 20px; } .similarads .actionbar { margin: 48px 0; } .similarads .actionbar .showall { text-align: center; } .similarads .actionbar .showall a { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; font-style: normal; line-height: 1.25; border-radius: 4px; border: 2px solid #002f34; padding: 0 40px; height: 48px; box-sizing: border-box; cursor: pointer; text-decoration: none; } .similarads .actionbar .showall a .large { font-size: inherit; line-height: inherit; } .similarads .actionbar .showall a:hover { background: #002f34; color: #fff; } .similarads .actionbar .pager { padding: 60px 0 9px; } .similarads .alluserads { margin: 18px 13px 0px 0px; } .similarads .olx-delivery-badge { width: 55px; transform: scale(0.7); } .help-grid #body-container div.content { padding: 10px; } .help-grid #body-container div.content h1 { margin-top: 8px !important; } .help-grid .content.fright { width: 598px; } .helpshow .headline { padding: 8px 9px; } .helpshow .inside { padding-left: 9px; padding-right: 9px; } .helpshow .blocktab span { color: #777777; } .helpshow .blocktab:hover { background: #3074b9; color: #fff; } .helpshow .blocktab:hover span { color: #fff; } .helptipsbox { margin: 4px 0px 10px -30px; } .limits-levels-list { margin: 15px 0; font-size: 14px; } .limits-levels-list > li { padding: 5px 0; } .limits-levels-list ul { font-size: 12px; margin-left: 20px; padding: 5px 0 0; } .limits-levels-list li li { padding: 2px 0; } .limits-levels-list table.priceoptions { margin: 10px 10px 10px 0; }.activatebyemail .message-box { margin-top: 30px; } .activatebyemail .message-box h3 { font-size: 24px; } .activatebyemail .message-box p { font-size: 17px; padding-bottom: 30px; margin: 30px 150px 10px; border-bottom: 1px solid #e5e5e5; } .activatebyemail .checkmail-box { padding: 20px 30px 15px; background: #fffabe; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; display: inline-block; } .activatebyemail .checkmail-box .button { box-shadow: 0 0; } .activatebyemail .checkmail-box .button > .text { padding: 0 35px; } .activatebyemail .checkmail-box .button > .notification { height: auto; padding: 1px 7px; right: -20px; top: -10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background: #ea403d; line-height: 20px !important; color: #fff; } .activatebyemail .checkmail-box .button > .notification:after { width: 18px; height: 12px; margin-top: 2px; display: inline-block; content: ""; background: url(https://static.olx.uz/static/olxuz/packed/img/2f4f010dcd646aef5b4c62dcdc45cbf697.png) -147px -122px no-repeat; } .activatebyemail .checkmail-box .warn { margin-top: 10px; } .activatebyemail .paymanageinfo { margin: 25px 260px 0; } .olx-confirm { margin-top: 50px; padding: 100px 30px 30px; background: #fbfbfb; border: 1px solid #eaeaea; text-align: center; position: relative; } .olx-confirm--success:before { width: 146px; height: 147px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f49f6738676a0661c1430718a7dbcc2ee.png); position: absolute; top: -60px; left: 50%; margin-left: -73px; content: ""; } .olx-confirm--sms:before { width: 146px; height: 147px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f052c1121a7e1a1ec4cb4d13843e57a09.svg) no-repeat; background-size: 147px; position: absolute; top: -60px; left: 50%; margin-left: -73px; content: ""; } .olx-confirm h3 { margin-bottom: 10px; font-size: 16px; line-height: 1.5; color: #191919; font-weight: bold; } .olx-confirm p { color: #191919; font-size: 14px; font-weight: 300; } .message-wrapper { padding: 16px; display: flex; justify-content: space-between; align-items: center; } .message-wrapper__text { width: 100%; line-height: 1.6; font-size: 15px; padding: 0 20px; text-align: left; } .message-wrapper .new-tag { text-transform: uppercase; height: 32px; background: #3a77ff; color: #fff; padding: 0 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; line-height: 1.29; } .message-wrapper a { white-space: nowrap; font-size: 15px; font-weight: 600; display: flex; align-items: center; } .confirm-promo { padding: 22px 25px; margin-top: 20px; } .confirm-promo__title { color: #7c919b; font-size: 25px; line-height: 29px; text-align: center; font-weight: bold; margin: 14px 0 0px; } .confirm-promo__subtitle { font-size: 17px; line-height: 21px; font-weight: normal; margin-top: 7px; } .confirm-promo__links { font-size: 14px; line-height: 20px; text-align: center; margin: 40px 0 62px; } .confirm-promo__links li { margin: 17px 0; } .confirm-promo__links a { color: #7b8387; background: #f0f0f0; display: inline-block; padding: 7px 13px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; } .confirm-promo__links a.postadlink { padding-left: 27px; } .confirm-promo__links a.postadlink:before { width: 80px; height: 80px; position: absolute; left: -49px; top: -23px; content: ""; background: url(https://static.olx.uz/static/olxuz/packed/font/2fd45d21e31a7da195fcb8cc98b964d162.svg) 0 0 no-repeat; background-size: 100% 100%; } .confirm-promo__descrambler { font-size: 11px; line-height: 15px; color: #b0b0b0; } .confirm-promo .paymentpackets { margin: 72px 0 60px; width: auto; text-align: center; } .confirm-promo .paymentpackets li { width: 207px; margin-left: 55px; display: inline-block; text-align: left; float: none; vertical-align: top; } .confirm-promo .paymentpackets li:first-child { margin-left: 0; } .confirm-promo .paymentpackets .box { margin-left: 0; -webkit-box-shadow: 0 15px 30px 0 rgba(216, 220, 224, 0.35); -moz-box-shadow: 0 15px 30px 0 rgba(216, 220, 224, 0.35); -ms-box-shadow: 0 15px 30px 0 rgba(216, 220, 224, 0.35); -o-box-shadow: 0 15px 30px 0 rgba(216, 220, 224, 0.35); box-shadow: 0 15px 30px 0 rgba(216, 220, 224, 0.35); -webkit-transition: all 0.18s ease-in-out; -moz-transition: all 0.18s ease-in-out; -ms-transition: all 0.18s ease-in-out; -o-transition: all 0.18s ease-in-out; transition: all 0.18s ease-in-out; color: inherit; text-decoration: none; } .confirm-promo .paymentpackets .box.selected { -webkit-box-shadow: 0 15px 30px 0 rgb(236, 238, 240); -moz-box-shadow: 0 15px 30px 0 rgb(236, 238, 240); -ms-box-shadow: 0 15px 30px 0 rgb(236, 238, 240); -o-box-shadow: 0 15px 30px 0 rgb(236, 238, 240); box-shadow: 0 15px 30px 0 rgb(236, 238, 240); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); } .confirm-promo .paymentpackets .box .head { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding-left: 10px; min-height: 46px; } .confirm-promo .paymentpackets .box .head .icon.refreshpack { width: 66px; height: 68px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fb784684d61e387a2adce5473aa08b68a.png) 0 0 no-repeat; right: 3px; top: -38px; } .confirm-promo .paymentpackets .box .head .icon.x4, .confirm-promo .paymentpackets .box .head .icon.x10 { background: #fff; border: 1px solid #5865ab; color: #5865ab; width: 25px; height: 25px; line-height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-indent: 0; text-align: center; } .confirm-promo .paymentpackets .box .head .icon.x4:before, .confirm-promo .paymentpackets .box .head .icon.x10:before { content: "4"; display: inline; font-size: 16px; font-weight: bold; } .confirm-promo .paymentpackets .box .head .icon.x10:before { content: "10"; } .confirm-promo .paymentpackets .box .inner { border: none; font-size: 13px; line-height: 17px; padding: 6px 15px; } .confirm-promo .paymentpackets .box .inner .icon.smsmethod { display: none; } .confirm-promo .paymentpackets .box .inner .item { padding-left: 25px; margin: 6px 0; } .confirm-promo .paymentpackets .box .inner .item .icon.point { width: 21px; height: 15px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fd20c46da96d1ab9db807367d30533361.png); left: -3px; } .confirm-promo .paymentpackets .box .inner .item [data-icon=success] { position: absolute; font-size: 11px; left: 2px; top: 2px; color: #84bd52; } .confirm-promo .paymentpackets .box .bottom { text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 15px 5px; } .confirm-promo .paymentpackets .box.type1 .bottom { color: #000000; } .confirm-promo .paymentpackets .box.type2 .head { background: #f0fdce; } .confirm-promo--packets .paymentpackets .box .head { min-height: 0; padding: 14px 50px 14px 18px; } .confirm-promo--packets .paymentpackets .box .head strong { overflow: hidden; display: block; word-wrap: break-word; } .confirm-promo--packets .paymentpackets .box .head__inpack { position: absolute; right: -15px; bottom: -12px; font-size: 25px; line-height: 29px; background: #2cb7da; color: #fff; font-weight: bold; padding: 3px 7px 4px; text-align: center; min-width: 23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: 3px solid #fff; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border-radius: 21px; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } .confirm-promo--packets .paymentpackets .box .head:before { width: 69px; height: 69px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f626d7b77e347a351488ade82a18abff4.svg) no-repeat; background-size: 100% 100%; position: absolute; right: 8px; top: -24px; content: ""; } .confirm-promo--packets .paymentpackets .box .head__ribbon { position: absolute; left: -4px; top: -4px; z-index: 1; overflow: hidden; width: 53px; height: 53px; text-align: right; text-shadow: none; } .confirm-promo--packets .paymentpackets .box .head__ribbon span { font-size: 7px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 11px; padding: 2px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 74px; display: block; background: #b60000; box-shadow: 0 3px 10px -5px rgb(0, 0, 0); position: absolute; top: 14px; left: -16px; } .confirm-promo--packets .paymentpackets .box .head__ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 2px solid #3f562b; border-right: 2px solid transparent; border-bottom: 2px solid transparent; border-top: 2px solid #3f562b; } .confirm-promo--packets .paymentpackets .box .head__ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 2px solid transparent; border-right: 2px solid #3f562b; border-bottom: 2px solid transparent; border-top: 2px solid #3f562b; } .confirm-promo--packets .paymentpackets .box .inner { min-height: 150px; padding: 10px 15px; } .confirm-promo--packets .paymentpackets .box .bottom { position: relative; } .confirm-promo--packets .paymentpackets li:nth-child(1) .box .head:before { width: 45px; height: 45px; top: -7px; right: 8px; } .confirm-promo--packets .paymentpackets li:nth-child(2) .box .head:before { width: 55px; height: 55px; top: -15px; } .shopdatabox .observe-link [data-icon^=star] { color: #fff; font-size: 32px; } .shopdatabox .observe-link [data-icon^=star].selected { color: #002f34; } .shopdatabox .observe-link:hover [data-icon^=star] { color: #002f34; } .shopheader { background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 20px 24px; margin-top: 24px; } .shopheader .observe-link { display: inline-block; font-size: 14px; font-weight: 500; padding: 9px 15px; } .shopheader .observe-link [data-icon^=star] { font-size: 16px; vertical-align: top; margin-right: 2px; } .shopheader .observe-link [data-icon^=star]:before { vertical-align: top; } .shopheader .observe-link .block { display: inline; } .shopheader .observe-link .normal { font-size: inherit; line-height: inherit; } .shopheader__table { width: 100%; display: flex; } .shopheader__cell--logobox { order: -1; margin-right: 14px; } .shopheader__cell--logobox img { vertical-align: top; } @supports (-o-object-fit: cover) or (object-fit: cover) { .shopheader__cell--logobox img { height: 89px; object-fit: cover; } } .shopheader__cell--name { margin-right: auto; } .shopheader__cell--name h2 { font-size: 40px; font-weight: 500; line-height: 1.05; letter-spacing: 0.5px; margin: 5px 0; } .shopheader__cell--addressbox { font-size: 16px; line-height: 1.25; margin-left: 26px; padding: 13px 0; min-width: 160px; } .shopheader__cell--addressbox address { position: relative; padding-left: 26px; } .shopheader__cell--addressbox address:before { position: absolute; left: 0; top: 0; font-size: 16px; } .shopheader__cell--addressbox address a { display: inline-block; font-weight: 500; margin-top: 5px; } .shopheader__cell--phonebox { font-size: 16px; line-height: 1.25; margin-left: 26px; padding: 13px 0; min-width: 170px; } .shopheader__cell--phonebox .inner div[data-icon=phone] { display: block; position: relative; padding-left: 26px; } .shopheader__cell--phonebox .inner div[data-icon=phone]:before { position: absolute; left: 0; top: 0; font-size: 16px; } .shopheader__cell--phonebox a { display: inline-block; font-weight: 500; margin-top: 5px; } .shop-tabs__navigation { border-top: none; position: relative; background: #fff; padding: 0 20px; margin-top: -4px; margin-bottom: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .shop-tabs__navigation ul { display: inline-flex; border-bottom: 1px solid #7f9799; } .shop-tabs__navigation li { display: block; font-size: 14px; } .shop-tabs__navigation li a { display: block; position: relative; padding: 19px 20px; min-width: 168px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-decoration: none; } .shop-tabs__navigation li a.active { color: #002f34; font-weight: 500; -webkit-box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; -moz-box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; -ms-box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; -o-box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; box-shadow: inset 0 -1px 0 0 #002e33, 0 1px 0 0 #002e33; } .shop-tabs__navigation .shop-filter-link { position: absolute; right: 0; bottom: 0; } .shop-tabs__content { margin-bottom: 20px; } .shop-tabs__content > li { display: none; } .shop-tabs__content > li.active { display: block; } .shop-tabs__content-inner { padding: 30px; background: #fff; font-size: 14px; line-height: 1.29; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .shop-tabs__content-inner h4 { font-size: 24px; font-weight: 500; margin-bottom: 12px; } .shop-filters-link-wrapper { text-align: right; } .shop-filters form.search--myaccount { padding: 16px 0 8px; } .shop-filter-link { padding: 15px 20px 15px 0; margin-right: 20px; position: relative; font-size: 14px; font-weight: 500; text-decoration: none; } .shop-filter-link:before { margin-left: 5px; margin-top: -4px; position: absolute; right: 0; top: 50%; font-size: 8px; } .shop-filter-link.is-active:before { content: "\e006"; } .shop-subheader { color: #5b5b5b; font-size: 20px; line-height: 24px; margin: 15px 0 10px; } .shopview .container table.offers { margin-top: 0 !important; } .shopview .container table.offers tbody > tr:first-child .offer { padding-top: 0; } .shopview .container .wrapper.shop-view-wrapper:before, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox:before, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox:before, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper:before, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper:before, .shopview .container .wrapper.shop-view-wrapper:after, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox:after, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox:after, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper:after, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper:after { content: ""; display: table; } .shopview .container .wrapper.shop-view-wrapper:after, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox:after, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox:after, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper:after, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper:after { clear: both; } .shopview .container .wrapper.shop-view-wrapper .shop-pre-header img, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-pre-header img, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-pre-header img, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-pre-header img, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-pre-header img { width: 100%; display: block; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar { width: 314px; margin-left: 16px; font-size: 14px; float: right; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar h2, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar h2, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar h2, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar h2, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar h2 { font-size: 24px; font-weight: 500; line-height: 26px; letter-spacing: 0.5px; word-wrap: break-word; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__logo, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__logo, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__logo, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__logo, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__logo { max-width: 60%; margin: 0 0 32px 0; vertical-align: top; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__headline, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__headline, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__headline, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__headline, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__headline { font-size: 16px; font-weight: 500; line-height: 1.25; margin-bottom: 16px; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__cell, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__cell, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__cell, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__cell, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__cell { background: #fff; padding: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; position: relative; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__cell--map [data-icon^=location], .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__cell--map [data-icon^=location], #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__cell--map [data-icon^=location], .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__cell--map [data-icon^=location], #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__cell--map [data-icon^=location] { padding: 0 0 0 20px; position: relative; margin: 0 0 10px 0; font-size: 20px; line-height: 1.1; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__cell--map [data-icon^=location]:before, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__cell--map [data-icon^=location]:before, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__cell--map [data-icon^=location]:before, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__cell--map [data-icon^=location]:before, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__cell--map [data-icon^=location]:before { font-size: 20px; position: absolute; top: 0; left: -3px; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description { margin: 16px 0 0 0; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description-text, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-text, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-text, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-text, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-text { height: 54px; transition: max-height 0.5s; overflow: hidden; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description-text.expanded, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-text.expanded, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-text.expanded, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-text.expanded, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-text.expanded { max-height: 9000px; height: auto; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description-link, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link { cursor: pointer; display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 500; line-height: 1.29; position: relative; text-transform: lowercase; padding-right: 30px; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description-link:before, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link:before, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link:before, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link:before, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link:before { content: "\e005"; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description-link:before, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link:before, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link:before, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link:before, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link:before { position: absolute; right: 0; top: 3px; font-size: 12px; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description-link:first-letter, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link:first-letter, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link:first-letter, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link:first-letter, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link:first-letter { text-transform: uppercase; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__description-link span, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link span, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__description-link span, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link span, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__description-link span { display: none; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__user-data, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data { margin: 24px 0 0 0; font-size: 16px; line-height: 1.25; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__user-data li, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li { margin: 0 0 12px; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__user-data li:last-child, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li:last-child, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li:last-child, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li:last-child, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li:last-child { margin-bottom: 0; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__user-data li .external-wrapper, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li .external-wrapper, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li .external-wrapper, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li .external-wrapper, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li .external-wrapper { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__user-data li a.external, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li a.external, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li a.external, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li a.external, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li a.external { font-size: 14px; font-weight: 500; text-decoration: underline; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__user-data li [data-icon^=phone], .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li [data-icon^=phone], #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li [data-icon^=phone], .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li [data-icon^=phone], #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li [data-icon^=phone] { max-width: 100%; padding-left: 25px; position: relative; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__user-data li [data-icon^=phone]:before, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li [data-icon^=phone]:before, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__user-data li [data-icon^=phone]:before, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li [data-icon^=phone]:before, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__user-data li [data-icon^=phone]:before { font-size: 16px; position: absolute; top: 3px; left: 0; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__map, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map { width: 100%; height: 133px; position: relative; background: url(https://static.olx.uz/static/olxuz/packed/font/2f69adff66da7ef23e4e545854bb50a23f.svg) no-repeat 50% 0; background-size: cover; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__map-image, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map-image, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map-image, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map-image, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map-image { display: block; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__map-pointer, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map-pointer, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map-pointer, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map-pointer, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map-pointer { height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__map-pointer:before, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map-pointer:before, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map-pointer:before, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map-pointer:before, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map-pointer:before { content: ""; position: absolute; top: 33px; left: 142px; width: 72px; height: 72px; border: solid 7px #3573ff; background-color: rgba(58, 119, 255, 0.36); box-sizing: border-box; border-radius: 50%; text-indent: -1000em; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar__map-pointer img, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map-pointer img, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar__map-pointer img, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map-pointer img, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar__map-pointer img { display: none; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar .observe-link, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link { display: inline-block; font-size: 14px; font-weight: 500; padding: 9px 15px; margin-top: 24px; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar .observe-link [data-icon^=star], .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link [data-icon^=star], #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link [data-icon^=star], .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link [data-icon^=star], #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link [data-icon^=star] { font-size: 16px; vertical-align: top; margin-right: 2px; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar .observe-link [data-icon^=star]:before, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link [data-icon^=star]:before, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link [data-icon^=star]:before, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link [data-icon^=star]:before, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link [data-icon^=star]:before { vertical-align: top; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar .observe-link .block, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link .block, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link .block, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link .block, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link .block { display: inline; } .shopview .container .wrapper.shop-view-wrapper .shop-sidebar .observe-link .normal, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link .normal, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-sidebar .observe-link .normal, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link .normal, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-sidebar .observe-link .normal { font-size: inherit; line-height: inherit; } .shopview .container .wrapper.shop-view-wrapper .shop-items-list, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-items-list, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-items-list, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-items-list, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-items-list { float: right; width: 908px; } .shopview .container .wrapper.shop-view-wrapper .shop-items-list .shop-filters, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .shop-items-list .shop-filters, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .shop-items-list .shop-filters, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .shop-items-list .shop-filters, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .shop-items-list .shop-filters { display: none; } .shopview .container .wrapper.shop-view-wrapper .edit-business-page-link, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .edit-business-page-link, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .edit-business-page-link, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .edit-business-page-link, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .edit-business-page-link { margin-bottom: 8px; float: none; background: #fff; padding: 12px 16px; border-radius: 4px; text-align: right; } .shopview .container .wrapper.shop-view-wrapper .edit-business-page-link a, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .edit-business-page-link a, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .edit-business-page-link a, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .edit-business-page-link a, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .edit-business-page-link a { display: inline-block; font-size: 14px; padding-right: 25px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f6248d08d98a302b32f4ead7e669d34a2.svg) no-repeat center right; } .shopview .container .wrapper.shop-view-wrapper .pager, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .pager, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .pager, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .pager, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .pager { text-align: center; padding-left: 150px; padding-right: 150px; } .shopview .container .wrapper.shop-view-wrapper .pager .prev, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .pager .prev, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .pager .prev, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .pager .prev, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .pager .prev { position: absolute; left: 0; top: 18px; } .shopview .container .wrapper.shop-view-wrapper .pager .next, .shopview .container #header-container .shop-view-wrapper#searchMyaccountBox .pager .next, #header-container .shopview .container .shop-view-wrapper#searchMyaccountBox .pager .next, .shopview .container #footer-container .shop-view-wrapper.sitepopularbox__wrapper .pager .next, #footer-container .shopview .container .shop-view-wrapper.sitepopularbox__wrapper .pager .next { position: absolute; right: 0; top: 18px; } .smsverification { width: 806px; min-height: 360px; position: relative; } .smsverification .step { padding: 70px 82px 0 185px; } .smsverification .step .smsverification__title { font-size: 20px; font-weight: 400; padding: 0; line-height: 1.1; } .smsverification #fancybox-close { display: block; } .smsverification__title { padding: 8px 70px 8px 0; font-size: 24px; font-weight: 500; } .smsverification__inner { padding: 20px 0; font-size: 14px; position: relative; } .smsverification__inner--phone:before, .smsverification__inner--code:before, .smsverification__inner--success:before, .smsverification__inner--close:before { width: 249px; height: 266px; position: absolute; right: 100%; top: -50px; margin-right: 37px; content: ""; background: url(https://static.olx.uz/static/olxuz/packed/font/2f7e296258c38428d4c8a184a8a78a0434.svg) no-repeat 50% 50%; background-size: contain; } .smsverification__inner--code:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f25c5535d65875688a31be9f39ff67703.svg); } .smsverification__inner--success:before { background-image: url(https://static.olx.uz/static/olxuz/packed/font/2f7272727aa122484d25f2e9d7a68fd892.svg); width: 292px; height: 292px; } .smsverification__inner p { font-size: 14px; line-height: 1.29; margin-bottom: 20px; color: #406367; } .smsverification__inner p.important-note { font-size: 18px; line-height: 1.33; } .smsverification__inner p.important-note br { display: none; } .smsverification__inner p strong { font-weight: inherit; } .smsverification__list { padding: 0 16px; margin: 20px 0; font-size: 16px; font-weight: 500; line-height: 1.25; } .smsverification__list li { position: relative; border-bottom: 1px solid #d8dfe0; padding: 16px 0 16px 40px; } .smsverification__list li:before { content: "\e073"; } .smsverification__list li:before { font-size: 15px; color: #23e5db; position: absolute; left: 6px; top: 19px; } .smsverification__list li.warn:before { content: "\e02c"; } .smsverification__list li.warn:before { font-size: 22px; color: #ff5636; position: absolute; left: 4px; top: 14px; } .smsverification__form { margin-bottom: 10px; } .smsverification__form label { font-size: 14px; line-height: 1.29; margin-bottom: 6px; display: block; color: #406367; } .smsverification__form fieldset { margin-bottom: 20px; } .smsverification__form .focusbox { position: relative; } .smsverification__form .errorboxContainer { margin: 5px 0 0; } .smsverification__form .errorboxContainer .error { font-weight: 400; color: #c91414; } .smsverification__bottom-box { padding: 16px 40px !important; background: #ceddff; color: #002f34; font-size: 16px; line-height: 1.25; text-align: left; border-top: none; border-radius: 4px; } .smsverification__bottom-box p { margin: 0 !important; } .smsverification__form [type=text], .smsverification__form [type=number] { background: #f2f4f5; border: none; padding: 14px 16px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 1.25; color: #406367; } .smsverification__form [type=text]:focus, .smsverification__form [type=number]:focus { -webkit-box-shadow: 0 2px 0 0 #406367; -moz-box-shadow: 0 2px 0 0 #406367; -ms-box-shadow: 0 2px 0 0 #406367; -o-box-shadow: 0 2px 0 0 #406367; box-shadow: 0 2px 0 0 #406367; } .smsverification__form [type=text]:-webkit-autofill, .smsverification__form [type=text]:-webkit-autofill:hover, .smsverification__form [type=text]:-webkit-autofill:focus, .smsverification__form [type=number]:-webkit-autofill, .smsverification__form [type=number]:-webkit-autofill:hover, .smsverification__form [type=number]:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } .smsverification__form [type=submit], .smsverification__form [type=button], .smsverification__form .link-primary { margin: 0; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; vertical-align: middle; position: relative; font: inherit; cursor: pointer; font-size: 16px; font-weight: 500; padding: 15px 20px; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; background: #002f34; color: #fff; min-width: 160px; text-align: center; } .smsverification__form [type=submit]:hover, .smsverification__form [type=button]:hover, .smsverification__form .link-primary:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .smsverification__form [disabled] { color: #ccc; } .smsverification__number { white-space: nowrap; } .smsverification__tip { color: #406367; } .smsverification__form--phone [type=text][name="verification[countryCode]"] { background: none; position: absolute; left: 0; top: 0; } .smsverification__form--phone [type=text][name="verification[phone]"] { width: 369px; margin-right: 6px; padding-left: 62px !important; } .smsverification__form--code { display: block; } .smsverification__form--code [type=text] { width: 369px; margin-right: 6px; } .smsverification__links { font-size: 14px; padding-bottom: 40px; } .smsverification__links li { margin-bottom: 5px; } .smsverification__links .link, .smsverification__links a { color: #002f34; font-weight: 500; } .smsverification__links .link > span { background: none; color: inherit; } .smsverification__footer { width: 100%; display: table; padding-bottom: 22px; } .smsverification__footer .action-major { padding: 20px; display: table-cell; vertical-align: middle; text-align: center; } .smsverification__footer .action-minor { padding: 20px; display: table-cell; vertical-align: middle; text-align: center; } .smsverification__footer .action-major a, .smsverification__footer .action-minor a { display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; color: #002f34; } .smsverification__footer .action-major a span, .smsverification__footer .action-minor a span { background: none; color: inherit; } .smsverification__footer .action-major a:first-letter, .smsverification__footer .action-minor a:first-letter { text-transform: uppercase; } .smsverification__footer .action-major a:after, .smsverification__footer .action-minor a:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .smsverification__footer .action-major a:hover:after, .smsverification__footer .action-minor a:hover:after { left: 25%; right: 25%; } .smsverification__footer .action-major input[type=button] { margin: 0; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; display: inline-block; vertical-align: middle; position: relative; font: inherit; cursor: pointer; font-size: 14px; font-weight: 500; padding: 15px 20px; background: #002f34; color: #fff; } .smsverification__footer .action-major input[type=button]:hover { text-decoration: none; background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .list-item { width: 100%; height: 100%; display: table; border-collapse: separate; position: relative; border-top: 1px solid #ebebeb; } .list-item .title { margin-bottom: 12px; font-size: 16px; line-height: 18px; } .promoted .list-item { background: #fff6c7; } .promoted .list-item .list-item__col:first-child { padding-left: 16px; } .promoted .list-item .list-item__params-bottom { left: 12px; } .promoted .list-item:before { width: 5px; position: absolute; left: 0; top: 0; bottom: 0; content: ""; background: #ffd168; } .promoted .list-item .list-item__observe { right: 7px; } .list-item__col { padding: 10px; display: table-cell; vertical-align: top; position: relative; } .list-item__col--title-logo { width: 460px; } .list-item__col--logo { vertical-align: middle; } .list-item__col--logo img { max-height: 42px; } .list-item__col--price { padding-right: 0; text-align: right; min-width: 100px; vertical-align: bottom; } .list-item__params-bottom { font-size: 0; } .list-item__params-bottom li { display: inline-block; vertical-align: middle; font-size: 12px; color: #8197a1; } .list-item__params-bottom li:before { width: 4px; height: 4px; border-radius: 50%; margin: -2px 4px 0 6px; display: inline-block; vertical-align: middle; background: #bcb4b4; content: ""; } .list-item__params-bottom li:first-child:before { content: none; } .list-item__location:before { width: 10px; height: 17px; margin: -2px 8px 0 0; display: inline-block; vertical-align: middle; background-position: -130px -268px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f4f010dcd646aef5b4c62dcdc45cbf697.png); content: ""; } .list-item__price { line-height: 1; font-size: 11px; } .list-item__price span { font-weight: normal; } .list-item__price .price-label { font-size: 16px; display: inline-block; margin-right: 5px; font-weight: 500; } .list-item__price small { font-size: 10px; } .list-item__price small .salary-period { color: #626272; } .list-item__observe { position: absolute; right: 0; top: 7px; } .list-item__observe .observelinkinfo p { font-size: 11px; margin-top: -6px; color: #8098a4; } table.offers--new.offers--top .list-item { border-bottom: 1px solid #ebebeb; margin-bottom: 7px; background: none; } table.offers--new.offers--top .list-item .list-item__observe { right: 0; } table.offers--new div.section { margin-bottom: 20px; } table.offers--new .offer { padding: 0; border-bottom: none; } .listHandler table.offers--new .offer { height: auto; } .offer-parameters { margin-bottom: 10px; padding: 8px 15px; border-bottom: 1px solid #ebeae9; font-size: 0; } .offer-parameters li { display: inline-block; vertical-align: middle; font-size: 14px; color: #626272; } .offer-parameters li:before { width: 5px; height: 5px; border-radius: 50%; margin: -2px 12px 0; display: inline-block; vertical-align: middle; background: #bcb4b4; content: ""; } .offer-parameters li:first-child:before { content: none; } .offer-message { margin: 12px 12px 0px; background: #e7f8ff; padding: 8px 12px; font-size: 14px; border: 1px solid #D6EAF6; border-radius: 3px; } .button.offerobserve { width: auto; padding: 0; } .button.offerobserve [data-icon^=star] { line-height: 1 !important; font-size: 15px; left: 11px; top: 5px; color: #002f34; } .button.offerobserve .icon.observe.selected, .button.offerobserve:hover .icon.observe { background-position: 0 -18px; } @keyframes animation-olx-branding-login-on-start { 0% { transform: scale(0.2); opacity: 0.2; } 80% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); } } @keyframes animation-olx-branding-login-on-change { 0% { transform: scale(1); opacity: 1; } 30% { transform: scale(0.8); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } } .login-page { padding: 40px 0 48px; position: relative; background: #3a77ff; border-bottom: 1px solid #7f9799; min-height: 792px; box-sizing: border-box; box-shadow: 0 -72px 0 0 #3a77ff; display: flex; flex-direction: column; align-items: center; justify-content: center; } .login-page:before { content: ""; position: absolute; left: 50%; top: -222px; width: 1236px; height: 1236px; margin-left: -618px; border: 150px solid #ceddff; border-radius: 50%; box-sizing: border-box; opacity: 0; } .login-page.has-animation:before { opacity: 1; } .login-page.animated:before { animation-fill-mode: both; animation-timing-function: ease-in-out; } .login-page.animated-on-start:before { animation-duration: 1.6s; animation-name: animation-olx-branding-login-on-start; } .login-page.animated-on-change:before { animation-duration: 0.5s; animation-name: animation-olx-branding-login-on-change; } .login-page > h2 { font-size: 30px; margin-bottom: 40px; text-transform: uppercase; } .login-page ~ #footer-container { position: relative; background: #f2f4f5; } .login-page ~ #footer-container .footer-bottom { margin-top: 0; } .login-box { width: 400px; box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; background: #fff; font-size: 12px; color: #71848d; border-radius: 4px; } .login-box__header { padding: 32px 32px 0; } .login-box__back-link { display: flex; flex-direction: row; align-items: center; } .login-box__back-link:hover { text-decoration: none; } .login-box__back-arrow { margin-right: 8px; } .login-box__back-arrow:before { content: "\e04f"; } .login-box__back-arrow:before { font-size: 24px; } .login-box__back-text { color: #7f9799; font-weight: 500; text-transform: uppercase; font-size: 12px; letter-spacing: 0.8px; } .login-box__inner { padding: 30px 32px 32px; text-align: left; } .login-box__title { padding: 32px 32px 0; font-size: 40px; font-weight: 500; line-height: 1.05; letter-spacing: 0.5px; } .login-box__paragraph { padding: 20px 32px 0; font-size: 14px; line-height: 1.29; color: #406367; } .login-box-confirm { width: 400px; box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; background: #fff; font-size: 12px; color: #71848d; border-radius: 4px; } .login-box-confirm__inner { padding: 50px 45px 65px; } .login-box-confirm__title { font-size: 40px; font-weight: 500; line-height: 1.05; letter-spacing: 0.5px; margin-bottom: 24px; position: relative; color: #002f34; } .login-box-confirm__title--email { padding-top: 172px; } .login-box-confirm__title--email:before { width: 131px; height: 131px; content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); background: url(https://static.olx.uz/static/olxuz/packed/font/2f2bf99b0ff3a5a4f957f3ba4c5bc3a73b.svg) 50% 50% no-repeat; background-size: contain; } .login-box-confirm__title--success { padding-top: 160px; } .login-box-confirm__title--success:before { width: 120px; height: 120px; content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); background: url(https://static.olx.uz/static/olxuz/packed/font/2f1fe2950ec9b9c133a82f3942b4259de3.svg) 50% 50% no-repeat; background-size: contain; } .login-box-confirm__desc { font-size: 14px; line-height: 1.29; color: #406367; } .login-box-confirm__actions { margin: 30px 0 0; text-align: center; } .login-box-confirm__actions-item { margin-top: 26px; } .login-box-confirm__link { font-size: 16px; font-weight: 500; display: inline-block; line-height: 1.25; box-sizing: border-box; padding-bottom: 3px; position: relative; } .login-box-confirm__link:first-letter { text-transform: uppercase; } .login-box-confirm__link:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .login-box-confirm__link:hover { text-decoration: none; } .login-box-confirm__link:hover:after { left: 25%; right: 25%; } .login-tabs__navigation ul { font-size: 0; box-shadow: inset 0 -1px 0 0 #7f9799; } .login-tabs__navigation li { width: 50%; display: inline-block; font-size: 14px; line-height: 1.29; } .login-tabs__navigation li a { display: block; padding: 20px; color: #002f34; position: relative; } .login-tabs__navigation li a:before { height: 3px; background: #002f34; content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: width 0.5s ease-in-out; } .login-tabs__navigation li a:hover { text-decoration: none; } .login-tabs__navigation li a.active { font-weight: 500; } .login-tabs__navigation li a.active:before { width: 100%; } .login-tabs__navigation li:first-child a:before { right: 0; left: auto; } .login-tabs__content > li { display: none; padding: 37px 32px 46px; } .login-tabs__content > li.active { display: block; } .login-form .friction-error-message { color: #c91414; } .login-form .fblock { margin-bottom: 16px; text-align: left; position: relative; } .login-form .focusbox { position: relative; } .login-form .label { font-size: 14px; line-height: 1.29; margin-bottom: 6px; } .login-form [type=text], .login-form [type=password], .login-form [type=number] { width: 100%; box-sizing: border-box; padding: 14px 16px; border-radius: 4px; background: #f2f4f5; } .login-form [type=text]:-webkit-autofill, .login-form [type=text]:-webkit-autofill:hover, .login-form [type=text]:-webkit-autofill:focus, .login-form [type=password]:-webkit-autofill, .login-form [type=password]:-webkit-autofill:hover, .login-form [type=password]:-webkit-autofill:focus, .login-form [type=number]:-webkit-autofill, .login-form [type=number]:-webkit-autofill:hover, .login-form [type=number]:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #f2f4f5 inset !important; } .login-form input[type=number]::-webkit-inner-spin-button, .login-form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .login-form input[type=number] { -moz-appearance: textfield; } .login-form [data-icon=eye] { position: absolute; right: 12px; top: 12px; font-size: 16px; color: #96959e; cursor: pointer; } .login-form [data-icon=eye].active { color: #000; } .login-form [data-icon=eye].hidden { display: none; } .login-form _::-webkit-:not(:root:root), .login-form [data-icon=eye] { right: 32px; } .login-form__or { display: flex; align-items: center; justify-content: center; margin: 30px 0 27px; font-size: 12px; font-weight: 500; line-height: 1.33; letter-spacing: 0.8px; height: 1px; background: #d8dfe0; text-transform: uppercase; color: #002f34; } .login-form__or span { background: #fff; padding-left: 30px; padding-right: 30px; } .login-form__bottom { overflow: hidden; margin: 18px 0 27px; } .login-form__bottom label { margin-right: 5px; } .login-form__rememberme { float: left; } .login-form__lostpassword { font-size: 14px; font-weight: 500; line-height: 1.29; float: left; } .login-form__checkbox { text-align: left; display: flex; margin: 28px 0; } .login-form__checkbox .icon.f_checkbox { margin-right: 20px; } .login-form__rodo { margin: 0 !important; } .login-form__terms { color: #406367; line-height: 16px; margin-top: 19px; } .login-form__othermethods { margin-bottom: 15px; display: inline-block; } .login-form label.error { font-size: 11px; color: #c91414; } .login-form img.captcha { vertical-align: middle; } .login-form__captcha[type=text] { width: 150px; margin: 0 0 0 10px; display: inline-block; vertical-align: middle; } .login-form #___signin_0 { width: 100% !important; position: static !important; display: block !important; } .login-form #___signin_0 button { width: 100% !important; height: auto !important; bottom: 0; } .login-form #___signin_0 iframe { margin-left: 100% !important; } .allegro-login__hint { display: block; margin-bottom: 10px; font-size: 11px; } .allegro-login__errorbox { padding: 8px; margin-bottom: 15px; border: 1px solid #e42313; border-radius: 4px; color: #e42313; } .allegro-login__errorbox [data-icon]:before { margin: -1px 7px 0 0; font-size: 14px; display: inline-block; vertical-align: middle; } .login-button { width: 100%; margin-bottom: 10px; display: flex; position: relative; text-align: center; color: #fff; font-size: 16px; font-weight: 500; background: #002f34; cursor: pointer; box-shadow: 0 0 0 2px #002f34; border: none; padding: 10px 16px; align-items: center; justify-content: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .login-button:hover { text-decoration: none; } .login-button--submit { margin-top: 24px; margin-bottom: 0; } .login-button--email { background: #fff; color: #002f34; } .login-button--email:before { content: "\e059"; } .login-button--email:before { font-size: 24px; margin-right: 9px; } .login-button--google { background: #fff; color: #002f34; overflow: hidden; height: 44px; padding: 0; } .login-button--google .abcRioButtonIcon { display: inline-block; padding-left: 0 !important; padding-right: 0 !important; margin-right: 10px !important; float: none !important; vertical-align: top; } .login-button--google .abcRioButtonContents { font-size: 16px !important; font-family: inherit !important; margin: 0 !important; } .login-button--google .abcRioButton { color: inherit !important; font-weight: 500 !important; } .login-button--facebook { background: #fff; color: #002f34; } .login-button--facebook:before { content: "\e055"; } .login-button--facebook:before { font-size: 24px; margin-right: 10px; color: #4259a6; } .login-button--vkontakte { background: #fff; color: #002f34; } .login-button--vkontakte:before { content: "\e057"; } .login-button--vkontakte:before { font-size: 24px; margin-right: 9px; } .login-button--allegro { background: #fff; color: #002f34; } .login-button--allegro:before { content: "\e054"; } .login-button--allegro:after { content: "\e005"; } .login-button--allegro:before { font-size: 24px; margin-right: 9px; } .login-button--allegro:after { position: absolute; right: 15px; top: 18px; font-size: 8px; transition: transform 0.4s ease; } .login-button--allegro.active:after { transform: rotate(-180deg); } #resend-code-button { display: block; position: relative; border: none; background: none; color: #002f34; font-size: 14px; font-weight: 500; line-height: 1.29; float: right; padding: 10px 32px 0 0; cursor: pointer; } #resend-code-button:hover { text-decoration: none; opacity: 0.9; } #resend-code-button:before { position: absolute; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } .favourites-bar { position: fixed; left: 0; right: 0; top: -200px; background: rgba(255, 238, 234, 0.9); z-index: 99; color: #002f34; transition: top 0.5s cubic-bezier(0.8, 0.2, 0.2, 0.8); width: auto; } .favourites-bar.down { top: 72px; } .hasHiddenHeader .favourites-bar.down { top: 0; } .favourites-bar .wrapper, .favourites-bar #header-container #searchMyaccountBox, #header-container .favourites-bar #searchMyaccountBox, .favourites-bar #footer-container .sitepopularbox__wrapper, #footer-container .favourites-bar .sitepopularbox__wrapper { position: relative; } .favourites-bar .button-save { padding: 11px 20px; display: inline-block; vertical-align: middle; background: #002f34; border-radius: 4px; font-size: 14px; font-weight: 500; min-width: 122px; box-sizing: border-box; text-align: center; color: #fff; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .favourites-bar .button-save:hover { text-decoration: none; background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .favourites-bar h4 { font-size: 20px; font-weight: 500; line-height: 1.1; } .favourites-bar [data-icon=close] { position: absolute; right: 18px; top: 18px; color: #002f34; font-size: 20px; } .favourites-bar__table { width: 1238px; display: table; margin-left: auto; margin-right: auto; } .favourites-bar__cell { padding: 20px 0; height: 80px; display: table-cell; vertical-align: middle; } .favourites-bar__cell--params { padding-left: 153px; background: url(https://static.olx.uz/static/olxuz/packed/font/2f932fb6efc96e3285952c6a5d360c9e9c.svg) no-repeat 20px 20px; background-size: 80px 80px; } .favourites-bar__cell--button { width: 240px; text-align: center; } .favourites-bar__params { margin-top: 10px; font-size: 16px; line-height: 1.25; } .favourites-bar__params li { display: inline-block; vertical-align: middle; margin-right: 13px; } .favourites-bar__params li:empty { margin-right: 0; } .favourites-bar__params li[data-icon=location-filled]:before { margin: -3px 7px 0 0; display: inline-block; vertical-align: middle; font-size: 18px; } .favourites-bar__params li[data-icon=circle_tick]:before { width: 20px; height: 20px; background: #002f34; border-radius: 50%; content: "+"; color: #fff; font-family: inherit; text-align: center; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; margin: -3px 7px 0 0; vertical-align: middle; } .offer-sidebar { width: 408px; float: right; position: relative; z-index: 5; } .offer-sidebar .price-label { padding: 9px 5px; margin-bottom: 10px; position: relative; background: #fff; color: #002f34; display: flex; align-items: center; justify-content: center; height: 58px; z-index: 2; } .offer-sidebar .price-label strong { display: block; font-size: 28px; font-weight: 500; } .offer-sidebar .price-label strong.arranged { margin-top: 0; } .offer-sidebar .price-label small { display: block; line-height: 15px; } .offer-sidebar .price-label__budget { margin-top: 15px; display: block; font-size: 16px; font-weight: bold; } .offer-sidebar__inner { width: 408px; } .offer-sidebar__inner.fix, .offer-sidebar__inner div.stickyEnabled.fix { transition: transform 0.5s cubic-bezier(0.8, 0.2, 0.2, 0.8); transform: translateY(72px); } .hasHiddenHeader .offer-sidebar__inner.fix, .hasHiddenHeader .offer-sidebar__inner div.stickyEnabled.fix { transform: translateY(0); } .offer-sidebar__box { margin-bottom: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-sizing: border-box; position: relative; background: #fff; padding: 24px; } .offer-sidebar__box + .gpt { margin-top: 16px !important; text-align: center; } .offer-sidebar__box-title { font-size: 16px; text-align: left; line-height: 20px; color: #414141; margin: 0 0 10px 0; } .offer-sidebar__box--business { background: #e9fcfb; } .offer-sidebar__box--business-image { text-align: center; font-size: 16px; font-weight: 500; } .offer-sidebar__box--business-image img { max-width: 120px; max-height: 120px; vertical-align: top; } .offer-sidebar__box .user-offers { display: inline; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } .offer-sidebar__box .user-offers:first-letter { text-transform: uppercase; } .offer-sidebar__box .user-offers:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .offer-sidebar__box .user-offers:hover:after { left: 25%; right: 25%; } .offer-sidebar__buttons { display: flex; margin-left: -8px; margin-right: -8px; margin-bottom: 3px; flex-wrap: wrap; } .offer-sidebar__buttons li { flex: 1; padding: 0 8px; } .offer-sidebar__buttons li:first-of-type { order: 2; } .offer-sidebar__buttons li:last-of-type { order: 1; } .offer-sidebar__buttons li.safe-tips { flex: 0 0 100%; order: 10; } .offer-sidebar__buttons .contact-button { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; display: inline-flex; align-items: center; justify-content: center; text-align: center; height: 48px; font-size: 16px; font-weight: 500; border-radius: 4px; position: relative; color: #fff; background: #002f34; border: none; word-wrap: break-word; cursor: pointer; width: 100%; text-decoration: none; padding: 0 12px; overflow: hidden; } .offer-sidebar__buttons .contact-button:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .offer-sidebar__buttons .contact-button.activated { cursor: default; } .offer-sidebar__buttons .contact-button strong { font-weight: inherit; font-size: inherit; } .offer-sidebar__buttons .contact-button [data-icon] { display: none; } .offer-sidebar__buttons .contact-button .spoiler { position: absolute; left: 100%; top: 100%; } .offer-sidebar__buttons .contact-button.link-phone { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 2px #002f34; -moz-box-shadow: inset 0 0 0 2px #002f34; -ms-box-shadow: inset 0 0 0 2px #002f34; -o-box-shadow: inset 0 0 0 2px #002f34; box-shadow: inset 0 0 0 2px #002f34; background: none; color: #002f34; } .offer-sidebar__buttons .contact-button.link-phone:hover { color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .offer-sidebar__links { margin-bottom: 15px; padding: 0 5px; overflow: hidden; } .offer-sidebar__links li:first-child { float: left; } .offer-sidebar__links li:first-child a { color: #d87c6f; } .offer-sidebar__links li:last-child { float: right; } .offer-sidebar__courier { margin-top: 15px; } .offer-sidebar__courier .courier-label { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; display: inline-flex; align-items: center; justify-content: center; height: 48px; font-size: 16px; font-weight: 500; border-radius: 4px; position: relative; color: #fff; background: #002f34; border: none; word-wrap: break-word; cursor: pointer; width: 100%; text-decoration: none; padding: 0 15px; } .offer-sidebar__courier .courier-label:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .offer-sidebar__courier .courier-label strong { font-weight: inherit; font-size: inherit; max-width: 282px; line-height: 1; } .offer-sidebar__courier .courier-label [data-icon] { font-size: 18px; margin-right: 9px; } .offer-sidebar__courier .courier-label .ctt-delivery-icon { margin-right: 9px; } .offer-sidebar .user-online { margin-bottom: 5px; display: block; color: #23e5db; } .offer-sidebar .user-online:before { width: 11px; height: 11px; margin: -2px 5px 0 0; border-radius: 50%; display: inline-block; vertical-align: middle; content: ""; background: #23e5db; } .offer-user__location { box-sizing: border-box; } .offer-user__description { text-align: left; font-size: 16px; line-height: 1.38; } .offer-user__description-text { max-height: 88px; transition: max-height 0.5s; overflow: hidden; } .offer-user__description-text.expanded { max-height: 1000px; } .offer-user__description-link { cursor: pointer; font-size: 14px; font-weight: 500; line-height: 1.29; display: inline-block; margin-top: 10px; padding-right: 30px; position: relative; } .offer-user__description-link:before { content: "\e005"; } .offer-user__description-link:first-letter { text-transform: uppercase; } .offer-user__description-link:before { font-size: 11px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } .offer-user__address { position: relative; display: flex; min-height: 44px; align-items: center; } .offer-user__address [data-icon=location] { font-size: 24px; flex: 0 0 30px; text-align: center; margin-right: 10px; } .offer-user__address address { font-size: 20px; line-height: 1.1; flex: 1 0; align-items: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .offer-user__map { height: 173px; position: relative; background: url(https://static.olx.uz/static/olxuz/packed/font/2f69adff66da7ef23e4e545854bb50a23f.svg) no-repeat 50% 0; background-size: cover; margin-top: 20px; } .offer-user__map .show-map-link { height: 100%; width: 100%; display: block; } .offer-user__map .show-map-link__circle { position: absolute; top: 43px; right: 82px; width: 93px; height: 93px; border: solid 7px #3573ff; background-color: rgba(58, 119, 255, 0.36); box-sizing: border-box; border-radius: 50%; text-indent: -1000em; } .offer-user__map .mapcontainer { border: none; } .offer-user__map .mapcontainer, .offer-user__map .googlemap { width: 100% !important; height: 100% !important; } .offer-user__image { width: 103px; height: 103px; border-radius: 50%; box-sizing: border-box; background: url(https://static.olx.uz/static/olxuz/packed/font/2f477d20603bc83d977757bb70557d4bd6.svg) no-repeat 50% 50%; background-size: 100%; text-align: center; overflow: hidden; } .offer-user__image img { width: 100%; } @supports (-o-object-fit: cover) or (object-fit: cover) { .offer-user__image img { height: 100%; object-fit: cover; } } .offer-user__image [data-icon=account] { display: none; } .offer-user__headline { font-size: 16px; font-weight: 500; line-height: 1.25; margin-bottom: 15px; } .offer-user__photo { flex: 0 0 100px; max-width: 100px; margin-right: 24px; } .offer-user__actions { min-width: 0; flex: 1; } .offer-user__details { display: flex; margin: 22px 0; } .offer-user__details h4 { font-size: 24px; font-weight: 500; line-height: 1.08; color: #002f34; margin-bottom: 6px; word-wrap: break-word; } .offer-user__details h4 a { text-decoration: none; } .offer-user__details .user-fast { margin-bottom: 5px; display: block; position: relative; color: #002f34; } .offer-user__details .user-fast [data-icon] { vertical-align: top; margin-right: 8px; font-size: 25px; margin-top: -4px; } .offer-user__details .user-fast__tooltip { width: 180px; font-size: 14px; line-height: 1.29; padding: 11px 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: inline-block; position: absolute; left: 100%; top: -12px; text-align: left; background: #3a77ff; color: #fff; z-index: 10; } .offer-user__details .user-fast__tooltip:before { width: 0; height: 0; position: absolute; left: -8px; top: 13px; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #3a77ff transparent transparent; content: ""; } .offer-user__details .user-fast__tooltip [data-icon=circle_info] { display: none; } .offer-user__details .user-since { margin-bottom: 20px; display: block; font-size: 14px; line-height: 1.29; color: #7f9799; } .offer-user__details--business { padding: 0; } .flagged-offers__list { margin-top: 24px; } .flagged-offers__list li { margin-top: 16px; overflow: hidden; position: relative; min-height: 80px; } .flagged-offers__list li a { text-decoration: none; } .flagged-offers__list li img, .flagged-offers__list li .thumb.scale4.nophoto { width: 96px; margin-right: 16px; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .flagged-offers__list li .thumb.scale4.nophoto { height: 80px; } @supports (-o-object-fit: cover) or (object-fit: cover) { .flagged-offers__list li img { height: 80px; object-fit: cover; } } .flagged-offers__list li h4 { font-size: 16px; line-height: 1.25; font-weight: 400; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .flagged-offers__list li small { position: absolute; left: 112px; bottom: 10px; font-size: 10px; color: #9d9d9d; } .flagged-offers__list-price { margin-top: 16px; font-size: 16px; font-weight: 500; display: block; line-height: 1.25; } .flagged-offers__other { text-align: center; margin: 32px 0 8px; } .create-password { padding: 20px 45px; box-sizing: border-box; border: 1px solid #fff; vertical-align: top; position: relative; background: #fff; text-align: center; font-size: 12px; color: #71848d; } .create-password__title { font-size: 24px; font-weight: 500; margin-bottom: 30px; } .create-password__list { max-width: 440px; margin: auto; margin-bottom: 20px; text-align: left; } .create-password__list li { max-width: 400px; position: relative; padding-left: 32px; margin-top: 28px; font-size: 14px; line-height: 19px; } .create-password__list li:before { content: "\e073"; } .create-password__list li:before { font-size: 12px; color: #23e5db; left: 0; top: 3px; position: absolute; } .create-password__overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(53, 53, 53, 0.6); z-index: 100; } .create-password__inner { max-width: 420px; margin-top: 180px; padding: 30px 50px; background: #fff; display: inline-block; } .create-password__inner h4 { margin-bottom: 30px; font-size: 24px; font-weight: bold; } .create-password__inner p { margin-bottom: 20px; color: #777; } .create-password__inner ul { margin-bottom: 30px; color: #777; text-align: left; } .create-password__inner ul li { padding-left: 20px; margin-bottom: 6px; position: relative; } .create-password__inner ul li:before { width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; position: absolute; left: 0; top: 50%; background: #777; content: ""; } .reset-password { padding: 32px; } .reset-password__title { font-size: 40px; font-weight: 500; line-height: 1.05; letter-spacing: 0.5px; color: #002f34; margin-bottom: 26px; } .reset-password__inner__text { font-size: 14px; line-height: 18px; text-align: center; margin-bottom: 18px; } .reset-password__inner__text__rules { margin-top: 18px; } .reset-password__inner__more { padding: 0; margin-bottom: 18px; text-align: center; font-weight: 500; } .reset-password__inner__more a { font-size: 14px; } .reset-password__inner__more a:hover { text-decoration: none; } .reset-password__inner__button { margin-bottom: 0; } .myaccount-info-block { position: relative; margin: 20px 0; text-align: center; font-size: 14px; line-height: 20px; padding: 20px 30px; background: #fde990; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .myaccount-info-block h5 { margin-bottom: 10px; font-size: 15px; font-weight: bold; } .myaccount-info-block .close-myaccount-info { position: absolute; top: 8px; right: 10px; } .myaccount-info-block .close-myaccount-info:hover { opacity: 0.7; } .myaccount-info-block-container { text-align: center; } .myaccount-info-block--light { font-size: 14px; background: #ceddff; color: #002f34; line-height: 1.29; padding: 15px 30px; display: inline-block; margin: 30px 20px; } .myaccount-info-block--light a { font-weight: 500; } .myaccount-info-block2 { position: relative; margin: 20px 0; text-align: center; font-size: 14px; line-height: 20px; padding: 20px 0 15px; background: #f9d67f; } .myaccount-info-block2 h5 { margin-bottom: 10px; font-size: 18px; font-weight: bold; } .myaccount-info-block2 .close-myaccount-info { position: absolute; top: 10px; right: 10px; } .myaccount-error-block { margin: 30px 0; font-size: 14px; font-weight: 300; line-height: 1.2; padding: 10px 16px; background: #ffd6c9; color: #002f34; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .discount-banner { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 30px 0; padding: 30px 0; display: flex; position: relative; color: #406367; background: #fff; } .discount-banner .cell { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; flex: 0 0 33%; width: 33%; min-height: 53px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .discount-banner .cell--value { align-items: flex-start; padding-left: 140px; padding-right: 40px; position: relative; font-size: 20px; font-weight: 500; line-height: 1.1; color: #002f34; } .discount-banner .cell--value:before { content: ""; width: 60px; height: 56px; background: url(https://static.olx.uz/static/olxuz/packed/font/2ff157f75d0c501c6fac23292df0e811b5.svg) 50% 50% no-repeat; position: absolute; left: 32px; top: 0; } .discount-banner .cell--info { padding: 0 40px; font-size: 14px; line-height: 1.4; border-left: 1px solid #d8dfe0; text-align: center; } .discount-banner .cell--info strong { font-weight: 600; color: #2f2f2f; } .discount-banner .cell--countdown { border-left: 1px solid #d8dfe0; } .discount-banner .cell--countdown strong { font-size: 14px; line-height: 1.29; margin-bottom: 3px; font-weight: 400; } .discount-banner__countdown { white-space: nowrap; font-size: 20px; font-weight: 500; line-height: 1.1; color: #002f34; } .discount-banner__countdown small, .discount-banner__countdown em { font-size: inherit; line-height: inherit; } .discount-banner__countdown small { margin-left: 10px; } .discount-banner__countdown small:first-child { margin-left: 0; } .discount-banner__tooltip { min-width: 280px; padding: 12px 24px; margin-top: 8px; border: 1px solid #cdcdcd; position: absolute; top: 100%; left: 140px; display: none; text-align: left; font-size: 12px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); z-index: 100; } .discount-banner__tooltip:after, .discount-banner__tooltip:before { height: 0; width: 0; border: solid transparent; position: absolute; bottom: 100%; left: 40px; content: ""; } .discount-banner__tooltip:after { border-color: transparent; border-bottom-color: #ffffff; border-width: 5px; margin-left: -5px; } .discount-banner__tooltip:before { border-color: transparent; border-bottom-color: #cdcdcd; border-width: 6px; margin-left: -6px; } .discount-banner:hover .discount-banner__tooltip { display: inline-block; } .asterisk { color: #e84f3e; } .shop-graphics__btn-upload { width: 120px; height: 114px; background: #002f34 !important; position: relative; text-indent: -1000em; } .shop-graphics__btn-upload:before, .shop-graphics__btn-upload:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; } .shop-graphics__btn-upload:before { height: 4px; width: 40px; } .shop-graphics__btn-upload:after { width: 4px; height: 40px; } .shop-graphics__suggest { position: absolute; left: 100%; top: 0; background: #3a77ff; color: #fff; padding: 11px 22px; border-radius: 4px; width: 195px; font-size: 12px; line-height: 18px; min-height: 18px; text-align: left; } .shop-graphics__suggest [data-icon=circle_info] { display: none; } .shop-graphics__suggest:before { width: 0; height: 0; position: absolute; left: -8px; top: 13px; border-style: solid; border-width: 6px 8px 6px 0; border-color: transparent #3a77ff transparent transparent; content: ""; } .shop-graphics h3 { font-size: 16px; font-weight: 500; text-align: left; margin-bottom: 12px; } .shop-graphics__col { align-content: center; width: 50%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 20px 0; } .shop-graphics__col:first-child { padding-top: 0; } .shop-graphics__col--full-width { width: 50%; margin: auto; } .shop-graphics__col--full-width:first-child { border-right: 0; } .shop-graphics__col--full-width #add-file-1 { max-width: 300px; margin-left: auto; margin-right: auto; } .shop-graphics__col--full-width #add-file-1 p { line-height: 16px; } .shop-graphics__col-links { line-height: initial !important; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .shop-graphics__col-links a { margin: 0 8px; color: #002f34; background: #fff !important; width: 40px !important; height: 40px !important; display: inline-block; text-decoration: none; text-indent: -1000em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .shop-graphics__col-links a:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: 0; line-height: 40px !important; } .shop-graphics__col-links a.delete-photo-a, .shop-graphics__col-links a.js-delete-banner { font-size: 17px; left: 50%; margin-left: 8px; } .shop-graphics__col-links a.delete-photo-a:before, .shop-graphics__col-links a.js-delete-banner:before { content: "\e033"; } .shop-graphics__col-links a.js-upload-different-logo, .shop-graphics__col-links a.js-upload-different-banner { font-size: 20px; right: 50%; margin-right: 8px; } .shop-graphics__col-links a.js-upload-different-logo:before, .shop-graphics__col-links a.js-upload-different-banner:before { content: "\e077"; } .shop-graphics__thumbnail-container { position: relative; width: 159px; } .shop-graphics__thumbnail-container .photos-show-mini { width: 159px; } .shop-graphics__thumbnail-container .photos-show-mini li { margin-right: 0; margin-bottom: 0; } .shop-graphics__thumbnail-container .photos-show-mini li.empty.first-child { background: none; } .shop-graphics__thumbnail-container .photos-show-mini li.with-photo:hover > div:before { display: none; } .shop-graphics__thumbnail-container--thumbnail { width: 159px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; vertical-align: top; } @supports (-o-object-fit: cover) or (object-fit: cover) { .shop-graphics__thumbnail-container--thumbnail { height: 120px; object-fit: cover; } } .shop-graphics__thumbnail-container-error { background: #c91414; padding: 5px 10px; text-align: center; border-radius: 3px; margin-top: 15px; color: #fff; display: inline-block; font-weight: bold; } .shop-graphics__thumbnail-container-error.hidden { display: none; } .image-wizard-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 100; animation: fade-in 0.4s ease; } .image-wizard { background-color: #fff; border: 1px solid #ededed; position: absolute; z-index: 101; width: 975px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image-wizard__edit-area { height: 320px; position: relative; } .image-wizard__step { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #131313; } .image-wizard__step--mobile .cropper-wrap-box:after { content: ""; display: block; position: absolute; pointer-events: none; width: 100%; height: 100%; background: url(https://static.olx.uz/static/olxuz/packed/img/2fc747fffcb577968ae1a4313a5a1cdd3f.png) no-repeat; background-size: contain; } .image-wizard__footer { padding: 15px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ededed; } .image-wizard__footer .center-message { max-width: 50%; font-size: 15px; } .image-wizard__footer .left-nav, .image-wizard__footer .right-nav { font-size: 14px; } .image-wizard__footer .left-nav a, .image-wizard__footer .right-nav a { text-decoration: none; } .image-wizard__footer .left-nav .olx-button, .image-wizard__footer .right-nav .olx-button { background-color: #002f34; color: #fff; padding: 11px 20px; border: 1px solid #002f34; margin-left: 6px; text-transform: capitalize; } .image-wizard__footer .left-nav .olx-button:first-child, .image-wizard__footer .right-nav .olx-button:first-child { margin-left: 0; } .image-wizard__footer .left-nav .olx-button__secondary, .image-wizard__footer .right-nav .olx-button__secondary { background-color: #fff; color: #002f34; } .image-wizard__uploaded-image { max-height: 100%; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .paybalance-box { margin: 53px 0 29px auto; position: relative; white-space: nowrap; } .paybalance-box__inner { display: flex; align-items: center; justify-content: flex-end; } .paybalance-box.loading, .paybalance-box.error { margin-left: 10px; margin-right: 10px; } .paybalance-box.loading .paybalance-box__inner, .paybalance-box.error .paybalance-box__inner { display: none; } .paybalance-box.loading:after { content: ""; display: block; width: 14px; height: 14px; border: 4.2px solid #002e33; border-radius: 50%; animation: animation-olx-branding-o 0.8s alternate infinite ease-in; box-sizing: border-box; float: right; margin: 13px 32px 0; } .paybalance-box.loading-invoice-info:after { content: ""; display: block; width: 16px; height: 16px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fb9920aad947bbe144e20fe01f9773b84.svg) no-repeat center; background-size: 16px; position: absolute; top: 2px; right: 3px; } .paybalance-box .paybalance-box__error { font-size: 12px; color: #565656; white-space: initial; float: right; } .paybalance-box .olx-button { float: right; white-space: nowrap; padding-top: 11px; padding-bottom: 11px; } .paybalance-box__topup-button { margin-left: 16px; } .paybalance-box__balance { padding-right: 30px; position: relative; font-size: 14px; z-index: 10; } .paybalance-box__balance-label { text-align: right; display: block; } .paybalance-box__balance-label strong { font-weight: inherit; } .paybalance-box__balance-label.hidden { display: none; } .paybalance-box__dropdown { display: none; position: absolute; top: 100%; margin: 30px 0 0 0; right: -155px; font-style: normal; background: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); width: 280px; z-index: 10; padding: 0 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .paybalance-box__dropdown__value { float: right; padding-left: 30px; white-space: nowrap; font-size: 16px; font-weight: 500; line-height: 1.25; color: #002f34; } .paybalance-box__dropdown-label { width: 100%; } .paybalance-box__dropdown-label p { white-space: normal; max-width: 255px; font-size: 12px; color: #406367; text-align: left; line-height: 1.17; margin-top: 10px; } .paybalance-box__dropdown:before { content: ""; position: absolute; z-index: -1; width: 16px; height: 16px; background: #fff; top: -8px; left: 50%; -webkit-transform: translate(-50%, 0) rotate(45deg); -moz-transform: translate(-50%, 0) rotate(45deg); -ms-transform: translate(-50%, 0) rotate(45deg); -o-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); } .paybalance-box__dropdown .hidden { display: none; } .paybalance-box__dropdown li { padding: 18px 0; border-bottom: 1px solid #d8dfe0; display: flex; justify-content: space-between; background: #fff; } .paybalance-box__dropdown li:last-child { border-bottom: 0; } .paybalance-box__dropdown li label { font-size: 16px; line-height: 1.25; font-weight: normal; color: #002f34; } .paybalance-box__dropdown li .link { color: #2769ff; text-decoration: underline; } .paybalance-box__dropdown li .link > * { background: none; color: inherit; } .paybalance-box__dropdown .paybalance-box__usage { margin: 25px 0 0 0; width: 100%; max-width: none; } .paybalance-box__dropdown--points { text-align: center; } .paybalance-box__dropdown--points li { display: block; padding: 127px 0 32px; position: relative; } .paybalance-box__dropdown--points li:before { content: ""; width: 80px; height: 80px; position: absolute; top: 27px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); background: url(https://static.olx.uz/static/olxuz/packed/font/2f42de8cef6d0828bb8ed4a9fdbad48686.svg) no-repeat 0 0; background-size: contain; } .paybalance-box__dropdown--points li label { font-size: 16px; font-weight: 500; line-height: 1.25; display: block; } .paybalance-box__dropdown--points .paybalance-box__dropdown-label p { max-width: none; text-align: center; line-height: 1.33; padding: 0 24px; margin-top: 12px; } .paybalance-box__dropdown--points .paybalance-box__dropdown__value { float: none; background: #f8fbcf; color: #002f34; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 15px 24px; font-size: 14px; font-weight: 500; line-height: 1.29; margin-top: 26px; display: block; } .paybalance-box__info-icon { position: absolute; top: 50%; right: 0; font-size: 18px; color: #7f9799; cursor: pointer; transform: translate(0, -50%); display: inline-flex; } .paybalance-box__info-icon.hidden { display: none; } .paybalance-box__usage { max-width: 200px; min-width: 150px; position: relative; } .paybalance-box__usage-title { font-size: 12px; line-height: 1.33; color: #959595; position: absolute; bottom: 100%; margin-bottom: 4px; } .paybalance-box__usage-title span { text-transform: lowercase; } .paybalance-box__usage-bar { width: 100%; height: 4px; border-radius: 4px; border: 1px solid #d9d9d9; background-color: #eaeaeb; position: relative; margin: 4px 0 6px 0; overflow: hidden; } .paybalance-box__usage-bar-progress { position: absolute; top: 0; left: 0; height: 4px; width: 0; border-radius: 4px; background: #002f34; } .paybalance-box__usage-max-value { font-size: 14px; letter-spacing: 0.1px; color: #959595; float: right; margin-left: 30px; } .paybalance-box__usage-used-value { color: #313131; font-weight: 600; } .myaccount-pageinfo-container { display: flex; justify-content: space-between; } .header-buy-package { box-sizing: border-box; margin: 53px 0 0 16px; } .header-buy-package .olx-button { white-space: nowrap; padding-top: 11px; padding-bottom: 11px; } .header-buy-package__more-details { display: block; text-align: right; padding: 5px 0; } #rowStatsDiv { width: 925px; } .fancybox-container-fStats #fancybox-close { color: #002f34; } .fStats { padding: 24px; } .fStats__header { font-size: 11px; line-height: 15px; font-weight: normal; margin-bottom: 20px; display: flex; width: 100%; min-height: 120px; } .fStats__header-img img { width: 171px; margin-right: 13px; vertical-align: top; } @supports (-o-object-fit: cover) or (object-fit: cover) { .fStats__header-img img { object-fit: cover; height: 120px; } } .fStats__header-text { flex: 1 0 auto; display: flex; flex-direction: column; } .fStats__title { display: block; font-size: 20px; line-height: 1.1; margin-bottom: 5px; color: #002f34; } .fStats__data { color: #406367; font-size: 12px; } .fStats__price { font-size: 20px; line-height: 1.1; margin-top: auto; } .fStats__price .myoffersnew__price { margin-left: 0; } .fStats__graph { float: left; width: 604px; } .fStats__graph-type { line-height: 24px; font-size: 0; margin-bottom: 29px; } .fStats__graph-type > a { font-size: 14px; line-height: 1.29; border-bottom: 1px solid #7f9799; padding: 20px 25px; min-width: 188px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: inline-block; text-transform: lowercase; } .fStats__graph-type > a:first-letter { text-transform: uppercase; } .fStats__graph-type > a.selected { color: #002f34; font-weight: 500; border-bottom-color: #002e33; -webkit-box-shadow: inset 0 -2px 0 0 #002e33; -moz-box-shadow: inset 0 -2px 0 0 #002e33; -ms-box-shadow: inset 0 -2px 0 0 #002e33; -o-box-shadow: inset 0 -2px 0 0 #002e33; box-shadow: inset 0 -2px 0 0 #002e33; } .fStats__select { display: inline-block; vertical-align: middle; margin-left: 52px; overflow: hidden; color: #002f34; background: #f2f4f5; position: relative; height: 48px; font-size: 16px; padding-right: 16px; padding-left: 16px; white-space: nowrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .fStats__select:after { content: "\e005"; } .fStats__select:after { position: absolute; right: 16px; top: 50%; font-size: 12px; transform: translate(0, -50%); } .fStats__select select { line-height: 1.25; -moz-appearance: none; -webkit-appearance: none; background: none; border: none; position: relative; z-index: 1; font-size: 16px; padding: 0 36px 0 0; height: 48px; color: #002f34; white-space: nowrap; } .fStats__select select::-ms-expand { display: none; } .fStats__graph-container { margin: 20px 0 40px; min-height: 280px; } .fStats__aside { width: 226px; float: right; padding-top: 69px; } .fStats__box { background: #fff6d9; display: block; vertical-align: top; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 30px 20px; text-align: center; } .fStats__box:hover { text-decoration: none; } .fStats__box-head { min-height: 54px; font-size: 24px; font-weight: 500; line-height: 1.08; padding-left: 59px; text-align: left; word-wrap: break-word; } .fStats__box-head .large { font-size: inherit; line-height: inherit; } .fStats__box-head strong { font-weight: inherit; } .fStats__box-head .circle-4x { width: 24px; height: 24px; border: 1px solid #5865ab; color: #5865ab; font-weight: bold; font-size: 16px; line-height: 24px; background: #fff; border-radius: 50%; display: inline-block; vertical-align: middle; text-align: center; } .fStats__box-head .icon.refreshpack { width: 42px; height: 59px; top: -4px; left: 0; background: url(https://static.olx.uz/static/olxuz/packed/font/2f37a51199a9d810b121c2b24a2da55e4a.svg) 50% 50% no-repeat; background-size: contain; } .fStats__box-inner { margin: 25px 0; font-size: 14px; line-height: 1.29; min-height: 129px; text-align: left; } .fStats__box-inner .item .icon.point { display: none; } .fStats__box-inner .item [data-icon=success]:before { position: absolute; font-size: 40px; left: 0px; top: -24px; color: #84bd52; } .fStats__box-bottom { display: inline-block; box-sizing: border-box; font-size: 14px; font-weight: 500; padding-bottom: 3px; text-decoration: none; line-height: 1.29; position: relative; } .fStats__box-bottom:first-letter { text-transform: uppercase; } .fStats__box-bottom:after { content: ""; position: absolute; height: 2px; left: 0; right: 0; top: 100%; background: #002f34; transition: left 0.2s ease-in-out, right 0.2s ease-in-out; margin-top: 2px; } .fStats__box-bottom:hover:after { left: 15%; right: 15%; } .fStats__chart-promo { position: relative; } .fStats__chart-promo__label { width: 65px; position: absolute; left: 0; top: 50%; font-size: 9px; line-height: 1; margin-right: 5px; margin-top: 5px; text-align: right; } .fStats__legend-label { width: 65px; font-size: 9px; text-align: right; margin-top: 20px; display: inline-block; position: relative; } .fStats__legend-label:after { width: 10px; height: 10px; display: inline-block; position: absolute; left: 100%; top: 50%; margin: -5px 0 0 5px; background: #1ebe2c; border-radius: 50%; content: ""; } .employer-panel-tab { display: flex; align-items: center; } .employer-panel-tab svg.employer-panel-tab-icon { margin-right: 8px; background-color: initial; } .flex-row { display: flex; align-items: flex-start; } .myaccount-info-block-ua { background-color: #fff6d9; font-size: 14px; line-height: 18px; margin-top: 23px; flex-grow: 1; } .myaccount-info-block-ua__item { display: flex; margin-bottom: 12px; align-items: center; } .myaccount-info-block-ua__counter { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 16px; height: 16px; background-color: #ffce32; font-size: 12px; margin-right: 8px; } .myaccount-info-block-ua__counter_negative { background-color: #de1609; color: #fff; } .myaccount-info-block-ua__link { text-decoration: underline; } .myaccount-info-block-ua__link:hover { text-decoration: none; } .mainpage-gallery#mainpageAds { padding-bottom: 78px; } .mainpage-gallery header { margin-top: 59px; margin-bottom: 53px; text-align: center; } .mainpage-gallery header h3 { font-size: 32px; font-weight: 500; line-height: 1.06; } .mainpage-gallery header p { color: #ababab; font-size: 12px; } .mainpage-tags { margin-bottom: 10px; } .mainpage-tags .col { width: 25%; float: left; } .mainpage-tags h5 { color: #868585; margin-bottom: 10px; } .mainpage-tags ul { margin-bottom: 20px; } .mainpage-tags li a { color: #a1a1a1; } .buypackage-wrapper { text-align: left; width: 1238px; font-size: 12px; margin-right: auto; margin-left: auto; padding-top: 57px; padding-right: 15px; padding-left: 15px; margin-bottom: 80px; } .buypackage-wrapper h1.buypackage-title { font-size: 32px; font-weight: 500; line-height: 1.06; max-width: 500px; margin: 0 auto 25px; text-align: center; } .buypackage-wrapper h2.buypackage-description { font-size: 14px; font-weight: 400; line-height: 1.29; text-align: center; color: #406367; margin: 25px auto 47px; max-width: 520px; } .buypackage-wrapper h3.buypackage-section-title { display: none; font-size: 24px; font-weight: 400; line-height: 1.08; text-align: center; } .buypackage-wrapper .async-container { min-height: 368px; position: relative; } .buypackage-wrapper .async-container.loading:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f2f4f5; } .buypackage-wrapper .async-container.loading:after { content: ""; position: absolute; top: 50px; left: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border: 12px solid #002e33; border-radius: 50%; animation: animation-olx-branding-o 0.8s alternate infinite ease-in; box-sizing: border-box; } .buypackage-wrapper .async-container .cat-icon { width: 72px; height: 72px; border-radius: 50%; background-repeat: no-repeat; background-size: 100%; background-color: #f2f4f5; display: block; margin: 23px auto 15px; } .buypackage-wrapper .buypackage-categories { display: none; margin: 38px auto 0 -16px; text-align: left; } .buypackage-wrapper .buypackage-categories__item { width: 297px; height: 168px; border-radius: 4px; background-color: #fff; display: inline-block; vertical-align: top; margin-left: 16px; margin-bottom: 16px; text-align: center; } .buypackage-wrapper .buypackage-categories__item:hover { text-decoration: none; } .buypackage-wrapper .buypackage-categories__item h4 { font-size: 20px; line-height: 1.1; text-align: center; color: #002f34; } .buypackage-wrapper .buypackage-categories__no-result { display: none; width: 300px; margin: 40px auto; background: url(https://static.olx.uz/static/olxuz/packed/font/2fb9c51d79ca5ba6748876ed6139cfe9eb.svg) no-repeat 50% 0; background-size: 128px; padding: 140px 0 0 0; text-align: center; } .buypackage-wrapper .buypackage-categories__no-result h2 { font-size: 20px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.1; margin: 25px 0 0 0; } .buypackage-wrapper .buypackage-categories__no-result p { font-size: 16px; line-height: 1.25; } .buypackage-wrapper .buypackage-categories.full-width { width: 100%; max-width: 610px; margin: 40px auto; } .buypackage-wrapper .buypackage-categories.full-width .buypackage-categories__item { width: 100%; height: auto; display: flex; align-items: center; justify-content: left; padding: 16px; margin: 0 0 16px 0; box-sizing: border-box; } .buypackage-wrapper .buypackage-categories.full-width .buypackage-categories__item .cat-icon { width: 56px; height: 56px; margin: 0 16px 0 0; } .buypackage-wrapper .buypackage-categories.full-width .buypackage-categories__item h4 { font-size: 18px; } .buypackage-wrapper .buypackage-category-packages, .buypackage-wrapper .buypackage-category-locations { display: none; max-width: 900px; margin: auto; position: relative; } .buypackage-wrapper .buypackage-category-packages .cat-icon, .buypackage-wrapper .buypackage-category-locations .cat-icon { width: 72px; height: 72px; border-radius: 50%; background-repeat: no-repeat; background-size: 100%; background-color: #f2f4f5; display: flex; align-items: center; justify-content: center; margin: 0 15px 0 0; } .buypackage-wrapper .buypackage-category-packages .back-link, .buypackage-wrapper .buypackage-category-locations .back-link { position: absolute; top: 25px; left: 0; font-size: 14px; display: inline-block; padding-left: 20px; color: #406367; line-height: 1.25; } .buypackage-wrapper .buypackage-category-packages .back-link:before, .buypackage-wrapper .buypackage-category-locations .back-link:before { content: "\e04f"; } .buypackage-wrapper .buypackage-category-packages .back-link:before, .buypackage-wrapper .buypackage-category-locations .back-link:before { font-size: 16px; position: absolute; left: 0; top: 0; } .buypackage-wrapper .buypackage-category-packages .back-link:hover, .buypackage-wrapper .buypackage-category-locations .back-link:hover { text-decoration: none; } .buypackage-wrapper .buypackage-category-packages__category, .buypackage-wrapper .buypackage-category-locations__category { display: flex; align-items: center; justify-content: center; } .buypackage-wrapper .buypackage-category-packages__category .category-name, .buypackage-wrapper .buypackage-category-locations__category .category-name { font-size: 20px; color: #000000; } .buypackage-wrapper .buypackage-category-packages__category.full-width, .buypackage-wrapper .buypackage-category-locations__category.full-width { width: 100%; max-width: 577px; box-sizing: border-box; background-color: #fff; justify-content: left; padding: 16px; margin: auto; } .buypackage-wrapper .buypackage-category-packages__category.full-width .cat-icon, .buypackage-wrapper .buypackage-category-locations__category.full-width .cat-icon { width: 56px; height: 56px; } .buypackage-wrapper .buypackage-category-packages__list, .buypackage-wrapper .buypackage-category-locations__list { max-width: 577px; margin: 30px auto 0 auto; } .buypackage-wrapper .buypackage-category-packages__list__item, .buypackage-wrapper .buypackage-category-locations__list__item { padding: 16px; color: #002f34; font-size: 16px; line-height: 1.25; display: block; transition: background-color 200ms linear; background-color: #fff; border-radius: 4px; margin: 16px 0; } .buypackage-wrapper .buypackage-category-packages__list__item:hover, .buypackage-wrapper .buypackage-category-locations__list__item:hover { text-decoration: none; } .buypackage-wrapper .buypackage-category-packages__list__item.hidden, .buypackage-wrapper .buypackage-category-locations__list__item.hidden { display: none; } .buypackage-wrapper .buypackage-category-packages__list__item.expandable, .buypackage-wrapper .buypackage-category-locations__list__item.expandable { padding-right: 40px; position: relative; } .buypackage-wrapper .buypackage-category-packages__list__item.expandable:before, .buypackage-wrapper .buypackage-category-locations__list__item.expandable:before { content: "\e005"; } .buypackage-wrapper .buypackage-category-packages__list__item.expandable:before, .buypackage-wrapper .buypackage-category-locations__list__item.expandable:before { right: 16px; top: 50%; transform: translateY(-50%) rotate(270deg); position: absolute; font-size: 12px; } .buypackage-wrapper .buypackage-category-packages__list__item.bold, .buypackage-wrapper .buypackage-category-locations__list__item.bold { font-weight: bold; } .buypackage-wrapper .buypackage-category-packages__list__item--mega, .buypackage-wrapper .buypackage-category-locations__list__item--mega { font-weight: bold; position: relative; } .buypackage-wrapper .buypackage-category-packages__list__item--mega i, .buypackage-wrapper .buypackage-category-locations__list__item--mega i { position: absolute; top: 51%; transform: translateY(-50%); right: 15px; font-size: 22px; font-weight: 100; line-height: 1; color: #c7c7c7; } .buypackage-wrapper .buypackage-category-packages__list__item--mega i:hover, .buypackage-wrapper .buypackage-category-locations__list__item--mega i:hover { color: #9f9f9f; } .buypackage-wrapper .buypackage-category-packages__list__item--with-search, .buypackage-wrapper .buypackage-category-locations__list__item--with-search { padding-right: 50px; text-align: left; } .buypackage-wrapper .buypackage-category-packages__list__item h3, .buypackage-wrapper .buypackage-category-locations__list__item h3 { font-weight: bold; margin: 10px 0 10px 0; } .buypackage-wrapper .buypackage-category-packages__list__item ul, .buypackage-wrapper .buypackage-category-locations__list__item ul { padding: 15px 0 0 30px; } .buypackage-wrapper .buypackage-category-packages__list__item ul li, .buypackage-wrapper .buypackage-category-locations__list__item ul li { list-style: disc; font-size: 14px; margin: 0 0 3px 0; } .buypackage-wrapper .buypackage-category-packages__search-wrapper, .buypackage-wrapper .buypackage-category-locations__search-wrapper { position: relative; width: 577px; margin: 40px auto 0 auto; } .buypackage-wrapper .buypackage-category-packages__search-wrapper i, .buypackage-wrapper .buypackage-category-locations__search-wrapper i { color: #222; font-size: 20px; position: absolute; left: 16px; top: 16px; } .buypackage-wrapper .buypackage-category-packages__search-input, .buypackage-wrapper .buypackage-category-locations__search-input { width: 100%; box-sizing: border-box; line-height: 48px; border-radius: 4px; border: none; background-color: #ffffff; padding-left: 45px; font-size: 16px; color: #406367; } .buypackage-wrapper .buypackage-category-packages__search-input::-webkit-input-placeholder, .buypackage-wrapper .buypackage-category-locations__search-input::-webkit-input-placeholder { color: #b7b7b7; } .buypackage-wrapper .buypackage-category-packages__search-input:-moz-placeholder, .buypackage-wrapper .buypackage-category-locations__search-input:-moz-placeholder { color: #b7b7b7; } .buypackage-wrapper .buypackage-category-packages__search-input::-moz-placeholder, .buypackage-wrapper .buypackage-category-locations__search-input::-moz-placeholder { color: #b7b7b7; } .buypackage-wrapper .buypackage-category-packages__search-input:-ms-input-placeholder, .buypackage-wrapper .buypackage-category-locations__search-input:-ms-input-placeholder { color: #b7b7b7; } .buypackage-wrapper .buypackage-category-locations { margin-top: 60px; } .buypackage-wrapper .buypackage-category-locations__back-link { margin: 45px auto 0; display: block; width: fit-content; } .buypackage-wrapper .buypackage-category-locations__back-link.hidden { display: none; } .buypackage-wrapper .buypackage-step-header { margin: 0; font-size: 32px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.06; color: #002f34; text-align: center; } .buypackage-wrapper .buypackage-step-note { margin: 16px 0 55px; font-size: 14px; line-height: 1.29; text-align: center; color: #406367; } .buypackage-wrapper .buypackage-header { margin: 50px auto; max-width: 660px; text-align: center; } .buypackage-wrapper .buypackage-header h1 { font-size: 32px; font-weight: 500; color: #002f34; margin: 0 0 16px 0; line-height: 1.1; } .buypackage-wrapper .buypackage-header h2 { font-size: 14px; font-weight: normal; color: #406367; } .layer-apps { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(53, 53, 53, 0.85); z-index: 100; } .layer-apps .layer-content { width: 1052px; height: 420px; background: url(../img/layer-apps.png) no-repeat 0 0; position: absolute; left: 50%; top: 50%; z-index: 200; margin-left: -526px; margin-top: -280px; } .layer-apps .layer-content .buttons-box { width: 502px; left: 552px; top: 285px; position: absolute; text-align: left; } .layer-apps .layer-content .buttons-box .icon { width: 163px; height: 49px; background: url(../img/layer-apps.png) no-repeat 0 0; text-indent: -9999em; } .layer-apps .layer-content .buttons-box .icon.googleplay { background-position: 0 -420px; } .layer-apps .layer-content .buttons-box .icon.appstore { background-position: -163px -420px; } .layer-apps .layer-content .buttons-box .icon.windowsstore { background-position: -326px -420px; } .layer-apps .layer-content .icon:hover { opacity: 0.7; filter: alpha(opacity=70); } .layer-apps .layer-content .icon.close { position: fixed; right: 25px; top: 25px; width: 27px; height: 27px; background: url(../img/layer-apps.png) no-repeat -489px -420px; } .layer-apps .layer-content .header { width: 409px; height: 93px; left: 554px; top: 60px; background: url(../img/layer-apps.png) no-repeat 0 -470px; } .layer-apps.answer .layer-content .header { width: 515px; height: 54px; top: 110px; background-position: -410px -470px; } .olx-homepage-sticker { position: absolute; right: -125px; bottom: -60px; } .olx-credits-badge-box { padding-top: 25px; } .olx-credits-badge { background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, transparent), color-stop(1, #F9E784)); background-image: -moz-linear-gradient(right top, transparent 40%, #F9E784 80%); background-image: -webkit-linear-gradient(right top, transparent 40%, #F9E784 80%); background-image: -ms-linear-gradient(right top, transparent 40%, #F9E784 80%); background-image: linear-gradient(to right top, transparent 40%, #F9E784 80%); padding: 10px 90px 10px 30px; display: inline-block; position: absolute; right: 25px; top: -18px; text-align: right; } .olx-credits-badge:hover { text-decoration: none; } .olx-credits-badge:hover small { text-decoration: none; } .olx-credits-badge .icon { position: absolute; right: -90px; bottom: -40px; } .olx-credits-badge strong { font-size: 18px; color: #33322d; text-transform: uppercase; font-weight: normal; } .olx-credits-badge small { display: block; color: #b8e0f4; font-size: 12px; text-decoration: underline; } .olx-credits-badge small em { color: #168eca; } .olx-re-badge-box { padding-top: 53px; position: relative; } .olx-re-badge { position: absolute; right: -85px; top: -19px; z-index: 2; color: #6b5e1c; } .olx-re-badge:after { width: 41px; height: 41px; background: #fff; content: ""; background: url(../img/olx-re-badge-logo.png) 0 0; position: absolute; right: 6px; top: 6px; } .olx-re-badge:hover { text-decoration: none; } .olx-re-badge:hover small { text-decoration: none; } .olx-re-badge .icon { z-index: -1; position: absolute; left: -135px; bottom: -61px; width: 209px; height: 119px; background: url(../img/olx-re-badge.png) 0 0; } .olx-re-badge strong { display: block; text-shadow: 0 1px 0 #ffed9b; border-radius: 23px/27px; padding: 9px 55px 9px 15px; font-size: 18px; line-height: 22px; text-transform: uppercase; background: #FDD928; } .olx-re-badge strong small { display: block; font-size: 11px; line-height: 15px; text-transform: none; margin-bottom: -1px; } .dogs-badge-box { position: relative; } .dogs-badge { position: absolute; right: 56px; top: -101px; } .dogs-badge img { height: 57px; } #mobileAppsbadge { left: 0; top: 50%; z-index: 5; margin-top: -85px; } #mobileAppsbadge .icon { width: 99px; height: 171px; background: url(https://static.olx.uz/static/olxuz/packed/img/2ff484e0cd214d68ab34673712badda298.png) no-repeat 0 0; } #mobileAppsbadge #mobileAppsbadgeClose { width: 24px; height: 24px; left: 6px; top: 0px; } .badge-real_estate_category { margin-left: 8px; position: fixed; left: 0; top: 100px; width: 100px; font-size: 14px; line-height: 20px; z-index: 10; } .badge-real_estate_category a { color: #939393; } .badge-real_estate_category .icon { background: #ff7800 url(https://static.olx.uz/static/olxuz/packed/img/2f1a8f702caa19a0e25748d2c7cee47b4d.png) 50% 50% no-repeat; width: 110px; height: 130px; vertical-align: top; padding: 60px 25px 0px 25px; border-radius: 3px; overflow: hidden; } .badge-real_estate_category strong { margin-top: 7px; font-weight: bold; display: block; } .badge-real_estate_category [data-icon=close] { width: 24px !important; height: 24px !important; background: #d4d4d4 !important; border-radius: 50%; position: absolute; bottom: 100%; left: 125px; cursor: pointer; top: 10px; } .badge-real_estate_category [data-icon=close]:before { vertical-align: top; color: #fff; font-size: 10px; margin-top: 7px; } @media (max-width: 1550px) { .badge-real_estate_category { display: none; } } .badge-fixlyCategory { margin-left: 8px; position: fixed; left: 0; top: 100px; width: 90px; font-size: 14px; z-index: 10; } .badge-fixlyCategory a { color: #939393; } .badge-fixlyCategory .icon { background: no-repeat 50% 50%; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f6eafa32d0b134af21f64f0e735d70dfd.png); width: 90px; height: 197px; vertical-align: top; } .badge-fixlyCategory strong { margin-top: 7px; font-weight: bold; display: block; } .badge-fixlyCategory [data-icon=close] { width: 24px !important; height: 24px !important; background: #d4d4d4 !important; border-radius: 50%; position: absolute; bottom: 100%; left: 80px; cursor: pointer; top: -16px; } .badge-fixlyCategory [data-icon=close]:before { vertical-align: top; color: #fff; font-size: 10px; margin-top: 7px; } @media (max-width: 1550px) { .badge-fixlyCategory { display: none; } } .badge-fixlyCategory.badge-fixlyCategory__services_jobs_construction .icon { background-image: url(../img/fixlyWidget/fixly_widget_anim.gif); height: 167px; } .badge-fixlyCategory.badge-fixlyCategory__real_estate .icon { background-image: url(../img/fixlyWidget/widget_C.gif); height: 167px; } .badge-fixlyCategory.badge-fixlyCategory__home_garden .icon { background-image: url(../img/fixlyWidget/widget_A.gif); height: 167px; } .badge-fixlyCategory.badge-fixlyCategory__services .icon { background-image: url(../img/fixlyWidget/widget_B.gif); height: 167px; } .sendappsms-box-headline h1 { font-size: 32px; font-weight: 500; line-height: 1.06; margin-top: 48px; margin-bottom: 30px; padding: 0 !important; } .sendappsms-box { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; height: 188px; overflow: hidden; position: relative; margin-bottom: 8px; background: #2e2e2e url(../img/sendapp-bg-mosaic.png) center top repeat-x; } .sendappsms-box:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/sendapp-overlay.png) center center repeat-x; content: ""; } .sendappsms-box .wrapper, .sendappsms-box #header-container #searchMyaccountBox, #header-container .sendappsms-box #searchMyaccountBox, .sendappsms-box #footer-container .sitepopularbox__wrapper, #footer-container .sendappsms-box .sitepopularbox__wrapper { height: 100%; } .sendappsms-box h4 { width: 885px; height: 94px; display: inline-block; background: url(../img/sendapp-v2.png); } .sendappsms-box__form-block { padding: 20px 0; position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 1; } .sendappsms-box__form-block:after { width: 451px; height: 65px; position: absolute; left: -5px; bottom: 0; -webkit-transition: bottom 0.2s ease; -moz-transition: bottom 0.2s ease; -ms-transition: bottom 0.2s ease; -o-transition: bottom 0.2s ease; transition: bottom 0.2s ease; background: url(../img/sendapp-v2.png) 0 -120px no-repeat; content: ""; } .sendappsms-box__form-block [type=text] { min-width: 270px; border: none; } .sendappsms-box__form-block button { background: #49aeef; } .sendappsms-box__form fieldset { margin-top: 14px; text-align: right; } .sendappsms-box__form [type=text] { padding: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 14px; text-align: center; } .sendappsms-box__form [type=text]::-webkit-input-placeholder { color: #1a78b5; } .sendappsms-box__form [type=text]:-moz-placeholder { color: #1a78b5; } .sendappsms-box__form [type=text]::-moz-placeholder { color: #1a78b5; } .sendappsms-box__form [type=text]:-ms-input-placeholder { color: #1a78b5; } .sendappsms-box__form [type=text]:focus::-webkit-input-placeholder { color: #c0c0c0; } .sendappsms-box__form [type=text]:focus:-moz-placeholder { color: #c0c0c0; } .sendappsms-box__form [type=text]:focus::-moz-placeholder { color: #c0c0c0; } .sendappsms-box__form [type=text]:focus:-ms-input-placeholder { color: #c0c0c0; } .sendappsms-box__form button { height: 40px; min-width: 130px; border: none; margin-left: 5px; padding: 0 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 14px; text-shadow: 0 -1px 0 rgba(0, 57, 118, 0.5); -webkit-transition: background 1s ease; -moz-transition: background 1s ease; -ms-transition: background 1s ease; -o-transition: background 1s ease; transition: background 1s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.42); font-weight: normal; line-height: 1em !important; } .sendappsms-box__form .sending { background: #efefef; color: #a0a0a0; } .sendappsms-box__form .success { background: #85be52; } .sendappsms-box__form .success:before { content: ""; display: inline-block; vertical-align: top; margin: 0 8px 0 0; width: 3px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sendappsms-box__form .focusbox { position: relative; } .sendappsms-box__form p.errorboxContainer { position: absolute; right: 140px; top: 100%; } .sendappsms-box__form .error { color: #ff0000; } .sendappsms-box__close { width: 20px; height: 11px; display: inline-block; position: absolute; top: 25px; right: -35px; color: #acacac; z-index: 2; } .sendappsms-box__close:hover { color: #ccc; } .sendappsms-box__close > span { margin: -4px 0 0 -28px; display: inline-block; vertical-align: top; font-size: 11px; } .sendappsms-box__close:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); left: 0; } .sendappsms-box__close:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 0; } .sendappsms-box__close:before, .sendappsms-box__close:after { cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; height: 1px; width: 12px; background: #acacac; top: 5px; position: absolute; display: block; content: ""; } .sendappsms-box-collapsed { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; height: 63px; } .sendappsms-box-collapsed .sendappsms-box__form-block { padding: 12px 0 12px 60px; background: none; } .sendappsms-box-collapsed .sendappsms-box__form-block:after { bottom: -100%; } .sendappsms-box-collapsed h4 { width: 301px; height: 27px; background-position: 0 -93px; } .sendappsms-box-collapsed fieldset { margin: 0; display: inline-block; vertical-align: middle; position: absolute; right: 0; } .sendappsms-box-collapsed .sendappsms-box__apps { margin-right: 10px; margin-left: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .sendappsms-box-collapsed .sendappsms-box__apps li { padding: 0 3px; display: inline-block; } .sendappsms-box-collapsed .sendappsms-box__apps a { width: 38px; height: 39px; display: inline-block; vertical-align: middle; background: url(../img/sendapp-apps.png) no-repeat; } .sendappsms-box-collapsed .sendappsms-box__apps a:hover { opacity: 0.85; } .sendappsms-box-collapsed .sendappsms-box__apps .android-icon { background-position: 0 0; } .sendappsms-box-collapsed .sendappsms-box__apps .apple-icon { background-position: -38px 0; } .sendappsms-box-collapsed .sendappsms-box__apps .wp-icon { background-position: -76px 0; } .sendappsms-box-collapsed .sendappsms-box__form [type=text] { padding: 6px 12px; min-width: 190px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 13px; color: #fff; background: none; } .sendappsms-box-collapsed .sendappsms-box__form [type=text]::-webkit-input-placeholder { color: #fff; } .sendappsms-box-collapsed .sendappsms-box__form [type=text]:-moz-placeholder { color: #fff; } .sendappsms-box-collapsed .sendappsms-box__form [type=text]::-moz-placeholder { color: #fff; } .sendappsms-box-collapsed .sendappsms-box__form [type=text]:-ms-input-placeholder { color: #fff; } .sendappsms-box-collapsed .sendappsms-box__form [type=text]:focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .sendappsms-box-collapsed .sendappsms-box__form [type=text]:focus:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .sendappsms-box-collapsed .sendappsms-box__form [type=text]:focus::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .sendappsms-box-collapsed .sendappsms-box__form [type=text]:focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .sendappsms-box-collapsed .sendappsms-box__form button { padding: 0 10px; margin: 0; border: none; background: none; box-shadow: none; color: #49aeef; font-size: 13px; color: #fff; } .sendappsms-box-collapsed .sendappsms-box__form .success { color: #85be52; } .sendappsms-box-collapsed .sendappsms-box__form p.errorboxContainer { position: absolute; right: 130px; top: 34px; } .sendappsms-box-collapsed .collapsed-hide { display: none; } .sendappsms-box-collapsed .sendappsms-box__close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .sendappsms-box-collapsed .sendappsms-box__close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #sendappBoxHome .error { color: #fff; } .sendappsms-box-list { background: none; margin-bottom: 30px; } .sendappsms-box-list:after { display: none; } .sendappsms-box-list h4 { margin: auto; width: 832px; height: 89px; display: inline-block; background: url(../img/sendapp-v2-list.png); } .sendappsms-box-list .sendappsms-box__form-block { padding: 25px 28px 15px; background: url(../img/sendapp-bg-mosaic2.png) center bottom no-repeat; } .sendappsms-box-list .sendappsms-box__form-block:after { width: 401px; height: 59px; position: absolute; left: 24px; bottom: 0; background: url(../img/sendapp-v2-list.png) 0 -89px no-repeat; content: ""; } .sendappsms-box-list .sendappsms-box__form-block [type=text] { min-width: 280px; border: 1px solid #e1e1e1; } .sendappsms-box-list .sendappsms-box__form fieldset { margin-top: 17px; } .sendappsms-box-list .sendappsms-box__form button { min-width: 120px; padding: 0 15px; } .sendappsms-box-list .sendappsms-box__form p.errorboxContainer { margin-top: -2px; right: 130px; } .sendappsms-box--adding { height: 150px; text-align: center; background: url(../img/sendapp-bg-adding.svg) bottom center no-repeat; margin-bottom: 80px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .sendappsms-box--adding:after { background: -moz-linear-gradient(top, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6) 100%); background: -webkit-linear-gradient(top, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6) 100%); background: linear-gradient(to bottom, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 ); } .sendappsms-box--adding h4 { width: 536px; height: 63px; margin-left: 80px; background: url(../img/sendapp-bg-adding-h4.svg) 0 0 no-repeat; } .sendappsms-box--adding p.error { font-size: 11px; } .sendappsms-box__form--adding:after { width: 238px; height: 48px; left: 200px; background: url(../img/sendapp-v2-adding.svg) 0 0 no-repeat; } .sendappsms-box__form--adding fieldset { margin-top: 20px; text-align: left; margin-left: 450px; } .sendappsms-box__form--adding [type=text] { min-width: 204px; padding: 8px 12px; border: 1px solid #c9c9c9; font-size: 11px; } .sendappsms-box__form--adding button { height: 30px; padding: 0 18px; font-size: 11px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .google-ads-listing-hd { border-bottom: 1px solid #f0f0f0; font-size: 16px; color: #b7b7b7; margin-top: -1px; position: relative; padding-top: 10px; background: #fff; } .google-ads-listing-hd > span { display: inline-block; background: #fff; position: relative; top: 5px; padding-right: 5px; } .similarads .google-ads-listing-hd { border-bottom: none; text-align: right; padding-top: 0; font-size: 12px; } .similarads .google-ads-listing-hd > span { padding-right: 0; padding-left: 5px; }#ing_virtualcat_calc .caticon { background: url(../img/banners/adverts/ing/ing_virtualcat_calc.jpg) 0 0 no-repeat; }.homepage .wrapper, .homepage #header-container #searchMyaccountBox, #header-container .homepage #searchMyaccountBox, .homepage #footer-container .sitepopularbox__wrapper, #footer-container .homepage .sitepopularbox__wrapper { position: relative; } .homepage .fullscreen-banner { top: 81px; } .homepage .homepage-screening-offset .fullscreen-banner { top: 190px; } .detailpage .fullscreen-banner { top: 62px; } [data-icon] { background: none !important; width: auto !important; height: auto !important; text-indent: 0 !important; } .fancybox-container--mandatory-login #fancybox-outer { border: none; background: none; } .fancybox-container--mandatory-login #fancybox-close { right: -50px; top: 10px; color: #a2a2a2; text-decoration: none; width: 28px !important; height: 28px !important; font-size: 28px; background-image: none !important; } .fancybox-container--mandatory-login #fancybox-close:before { content: "\e039"; } .fancybox-container--mandatory-login .login-box { text-align: center; } .mandatory-login { width: 775px; background: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); } .mandatory-login__why { float: left; width: 315px; margin-top: 57px; padding: 70px 30px 37px; position: relative; box-shadow: inset 0 1px 0 0 #7f9799; } .mandatory-login__login { float: left; } .box-message { padding: 15px; margin-bottom: 20px; background: #e0e0e0; border: 1px solid; font-size: 14px; text-align: left; color: #002f34; } .box-message--error { border-color: #f5aca6; background: #ffecec; color: #db2828; } .box-message--warning { border-color: #f9e181; background: #fff5c9; color: #6d6810; } .box-message--info { border: 0; border-radius: 3px; background-color: #fffbef; padding: 28px 20px 28px 95px; color: #002f34; font-size: 14px; line-height: 1.29; position: relative; font-weight: 100; } .box-message--info:after { content: ""; display: block; width: 36px; height: 36px; position: absolute; transform: translateY(-50%); top: 50%; left: 30px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fd27e1e27996ddcc8e011328f8a885bec.svg) no-repeat center; } .box-message--center { text-align: center; } .box-message ul { margin: 0.5em 0 0; } .box-message ul li { margin: 0 0 0.3em 1em; position: relative; } .box-message ul li:before { position: absolute; content: "•"; left: -1em; height: 100%; vertical-align: baseline; } @media (max-width: 1440px) { .homepage #innerLayout, .homepage #header-container .navi, .offersview #innerLayout, .offersview #header-container .navi, .detailpage #innerLayout, .detailpage #header-container .navi { min-width: 1077px; } .homepage .wrapper, .homepage #header-container #searchMyaccountBox, #header-container .homepage #searchMyaccountBox, .homepage #footer-container .sitepopularbox__wrapper, #footer-container .homepage .sitepopularbox__wrapper, .offersview .wrapper, .offersview #header-container #searchMyaccountBox, #header-container .offersview #searchMyaccountBox, .offersview #footer-container .sitepopularbox__wrapper, #footer-container .offersview .sitepopularbox__wrapper, .detailpage .wrapper, .detailpage #header-container #searchMyaccountBox, #header-container .detailpage #searchMyaccountBox, .detailpage #footer-container .sitepopularbox__wrapper, #footer-container .detailpage .sitepopularbox__wrapper { width: 1029px; } .homepage .favgallerybox > li .card, .offersview .favgallerybox > li .card, .detailpage .favgallerybox > li .card { height: 320px; } .homepage .favgallerybox > li .card .thumb.scale4, .offersview .favgallerybox > li .card .thumb.scale4, .detailpage .favgallerybox > li .card .thumb.scale4 { height: 156px; line-height: 156px; } .homepage .gallerywide > li, .offersview .gallerywide > li, .detailpage .gallerywide > li { height: 320px; } .homepage .gallerywide .thumb, .offersview .gallerywide .thumb, .detailpage .gallerywide .thumb { height: 156px; line-height: 156px; } .homepage .leftBranding, .offersview .leftBranding, .detailpage .leftBranding { right: 1053px; } .homepage .rightBranding, .offersview .rightBranding, .detailpage .rightBranding { left: 869px; } .homepage #footer-container .static.box, .offersview #footer-container .static.box, .detailpage #footer-container .static.box { width: 265px; } .homepage #footer-container .footerexternals, .offersview #footer-container .footerexternals, .detailpage #footer-container .footerexternals { width: 439px; } .homepage .gallerywide .inner .courier-stamp, .offersview .gallerywide .inner .courier-stamp, .detailpage .gallerywide .inner .courier-stamp { top: 130px; } .detailpage form.searchmain input.queryfield { width: 412px; } .detailpage .offercontent { width: 716px; } .detailpage .offer-sidebar, .detailpage .offeractions, .detailpage .offer-sidebar__inner, .detailpage .detailpage .offeractions { width: 297px; } .detailpage .offer-user__photo { flex: 0 0 64px; max-width: 64px; } .detailpage .offer-user__image { width: 64px; height: 64px; } .detailpage .offer-sidebar__buttons { margin: 0; display: block; } .detailpage .offer-sidebar__buttons li { padding: 0; margin-top: 8px; } .detailpage .offer-bottombar__item { padding-left: 13px; padding-right: 13px; } .detailpage .offer-bottombar__item .edit-ad-link { margin-right: 20px; } .detailpage .offer-user__image [data-icon] { margin-top: 15px; font-size: 33px; } .offersview form.search .clearbox #search-text { width: 368px; } .offersview form.search .rootcategory-filter-item, .offersview form.search .multifilters > li .grid-ul > li { width: 193px; } .offersview .observe-search-banner__button, .offersview .not-enough-results-banner__button { margin-top: 15px; } .offersview .listHandler { padding-right: 184px; } .offersview .favsearchbox { margin-right: 184px; } .offersview table.offers .offer .title-cell--jobs { width: 554px; } .homepage form.searchmain input.queryfield { width: 412px; } .homepage .maincategories .subcategories-list .fleft { width: 243px; } .homepage .maincategories .maincategories-list .li { max-width: 110px; flex: 0 0 110px; padding-left: 2px; padding-right: 2px; } .homepage .maincategories .maincategories-list .li .item a { font-size: 14px; } .homepage .maincategories .maincategories-list .li .item .cat-icon { width: 70px; height: 70px; margin-bottom: 19px; } } .resend-code-blocked-modal { padding: 18px 32px 32px; } .resend-code-blocked-modal__title { padding: 18px 32px !important; margin-top: 0; font-size: 18px; color: #313131; } .resend-code-blocked-modal__text { margin-bottom: 26px; font-size: 14px; color: #636363; width: 400px; } .resend-code-blocked-modal__submit { width: 100%; margin-bottom: 15px; display: block; position: relative; border: none; text-align: center; font-size: 14px; cursor: pointer; padding: 15px 20px; -webkit-box-shadow: inset 0 0 0 8px #002f34; -moz-box-shadow: inset 0 0 0 8px #002f34; -ms-box-shadow: inset 0 0 0 8px #002f34; -o-box-shadow: inset 0 0 0 8px #002f34; box-shadow: inset 0 0 0 8px #002f34; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #002f34; color: #fff; margin-top: 8px; } .resend-code-blocked-modal__submit:hover { background: none; color: #002f34; -webkit-box-shadow: inset 0 0 0 5px #002f34; -moz-box-shadow: inset 0 0 0 5px #002f34; -ms-box-shadow: inset 0 0 0 5px #002f34; -o-box-shadow: inset 0 0 0 5px #002f34; box-shadow: inset 0 0 0 5px #002f34; } .resend-code-blocked-modal__submit:before { position: absolute; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } ol.quotes { border: 1px solid #fff; background: url(../img/shadowcontbott.png) no-repeat bottom left; } ol.quotes li { width: 290px; border-left: 1px dashed #bbbbbb; height: 130px; } ol.quotes li:first-child { border-left: none; } ol.quotes li blockquote { margin: 25px 30px 0px 20px; } ol.quotes li blockquote p { margin-left: 34px; } ol.quotes li cite { font-style: normal; } ol.quotes li .icon { margin-top: 5px; } ol.quotes.largetext li { height: 185px; } form.ad-filterForm .fsize6 { width: 210px !important; } #gallery .icon.photoslabel { right: -5px; top: 100%; } table.offers .salary-label { font-size: 16px; } body #tiptip_contentWhite { background: #fff; border: 1px solid #fff; padding: 8px; } body #tiptip_contentWhite img { vertical-align: top; } body #tiptip_holderWhite.tip_right #tiptip_arrowWhite { background: none; } body #tiptip_holderWhite.tip_right #tiptip_arrow_innerWhite { border-right-color: #fff; } .overlay .layer .button { width: 200px; } @media only screen and (max-height: 600px) { .overlay .layer img { height: 150px; } } .adanswers .space { padding: 14px 16px; } .adanswers thead .space { padding: 12px 16px; } .adanswers thead th:first-child .space { padding-left: 69px; } .adanswers tr:hover { background: #ffffdb; } .adanswers .icon { margin: 2px 0px 0px 8px; } .adanswers .clickable { cursor: pointer; } table.adanswersnew tbody .title { max-width: 384px; } #privatebusinesscheck { position: absolute; bottom: 100%; margin-bottom: 8px; margin-left: 0 !important; margin-top: auto !important; } form.searchmain { position: relative; } form.searchmain .wrapper, form.searchmain #header-container #searchMyaccountBox, #header-container form.searchmain #searchMyaccountBox, form.searchmain #footer-container .sitepopularbox__wrapper, #footer-container form.searchmain .sitepopularbox__wrapper { position: relative; } form.searchmain .regions-layer { top: 12px; } form.deactivateform fieldset.hlight { padding: 15px 45px 10px 205px; } div.bonusinfo { min-height: 100px; padding: 15px 40px; border: 1px solid #fb948d; background: #fff8e8; } div.bonusinfo .ribbon { width: 61px; height: 71px; left: -1px; top: -1px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fea482a0e9b167d41663f3334e29e2794.png); } div.bonusinfo h4 { color: #c04b42; font-size: 20px; } div.bonusinfo .bonustext span { color: #367300; } .bonusinfo:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 25px; width: 60%; top: 80%; box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); } .bonusinfo:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 25px; width: 60%; top: 80%; -webkit-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 5px rgba(0, 0, 0, 0.2); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); right: 25px; left: auto; } ul.failreasons { margin-left: 195px; } ul.failreasons .icon.point { width: 22px; height: 18px; background-position: -207px -282px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb58efac0849922ddc971895690de3943.png); } .error h3 { color: #ff0000; } div.favsearchbox { position: relative; } div.gotomail .icon.gotomail { right: -68px; top: -14px; } div.favsearchbox .slash { height: 22px; width: 1px; background: #c8c8c8; } div.pageinfo > div.fright { max-width: 470px; } .gallerywide .inner .label-promoted2 { position: absolute; right: 5px; top: 6px; } .gallerywide .price .salary-label { display: inline; font-size: 16px; } .gallerywide .price .salary-label + .salary-label { margin-left: 3px; }#map_address div.suggest { width: 284px; } div.suggest { padding: 8px 10px 8px 40px; } .label-promoted2 { background: #c83158; color: #fff; padding: 3px 7px; } .label-promoted3 { background: #c83158; color: #fff; padding: 1px 6px; } .label-promoted3 span { border-bottom: 1px dotted #fff; } .label-promoted3:hover { color: #EEFD75; } .label-promoted3:hover span { border-color: #EEFD75; } .label-promoted4 { text-shadow: 0px 1px 0px #a61830; color: #fff; padding: 3px 7px; background-color: #ff7c9e; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7c9e), to(#d44368)); background-image: -webkit-linear-gradient(top, #ff7c9e, #d44368); background-image: -moz-linear-gradient(top, #ff7c9e, #d44368); background-image: -ms-linear-gradient(top, #ff7c9e, #d44368); background-image: -o-linear-gradient(top, #ff7c9e, #d44368); background-image: linear-gradient(top, #ff7c9e, #d44368); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#ff7c9e", end-colourStr="#d44368"); } .label-promoted5 { background-color: #edcb01; background-image: -webkit-gradient(linear, left top, left bottom, from(#edcb01), to(#ddbd01)); background-image: -webkit-linear-gradient(top, #edcb01, #ddbd01); background-image: -moz-linear-gradient(top, #edcb01, #ddbd01); background-image: -ms-linear-gradient(top, #edcb01, #ddbd01); background-image: -o-linear-gradient(top, #edcb01, #ddbd01); background-image: linear-gradient(top, #edcb01, #ddbd01); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#edcb01", end-colourStr="#ddbd01"); color: #fff; padding: 3px 7px; text-shadow: 0px 1px 0px #9c7900; } .label-promoted6 { background: #bcecec; color: #000; padding: 2px 6px; } .label-promoted7 { background: #f5df4a; color: #000; padding: 2px 6px; } .label-promoted8 { background: #c8315a; color: #fff; padding: 2px 6px; } .regions-layer { font-size: 16px; line-height: 20px; border: 1px solid #f2f4f5; -webkit-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -moz-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -ms-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -o-box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); box-shadow: 0 2px 4px 0 rgba(182, 197, 199, 0.34); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 24px; right: 24px; top: 0; z-index: 13; background: #fff; } .regions-layer:before { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; right: 438px; top: -10px; position: absolute; content: " "; } .regions-layer a { color: #707070; } .regions-layer .title { border-bottom: 1px solid #cccccc; padding: 14px 0px; margin: 0px 12px; } .regions-layer .column { display: table-cell; vertical-align: top; padding: 10px 0px; border-left: 1px solid #ccc; } .regions-layer .column:first-child { border-left: none; } .regions-layer .column li a { padding: 6px 28px 6px 12px; display: block; } .regions-layer .column .letter a:first-letter { font-weight: bold; color: #000; } .regions-layer .column li a { position: relative; text-decoration: underline; color: #d8d8d8; } .regions-layer .column li a > * { color: #707070; } .regions-layer .column li a:hover { background: #002f34; color: #fff; text-decoration: none; } .regions-layer .column li a:hover:first-letter, .regions-layer .column li a:hover > * { color: #fff; } .regions-layer .column li a span:after { content: "\e063"; } .regions-layer .column li a span:after { font-size: 14px; right: 8px; top: 8px; position: absolute; color: #002f34; } .regions-layer .column li a:hover span:after { color: #fff; } .regions-layer .subregionslinks .column li a span:after { display: none; } .regions-layer .column li a.highlighted span { background: #ffe091; padding: 2px 7px; margin-left: -7px; text-shadow: 0px 1px 0px #ffffff; color: #000; border-radius: 3px; } .regions-layer .column li a.highlighted:hover { background: #ffe091; } .regions-layer .goback:before { content: "\e04f"; } .regions-layer .goback:before { display: inline-block; vertical-align: top; margin: 3px 8px 0px 0px; color: #002f34; } form.search #withshowboxTable td:first-child { width: 290px; } form.search .regions-layer { top: 104px; left: 0; right: 0; } form.search .regions-layer:before { left: 691px; } table.myoffersnew tbody .suggesttitlebottom.hint { width: 300px; top: 80%; padding-right: 20px; } table.myoffersnew tbody tr.row-elem .title { width: 340px; } table.myoffersnew tbody tr.row-elem .title.active { width: 265px; } table.myoffersnew tbody tr.row-elem.promoted > td { padding-bottom: 34px; } table.myoffersnew tbody tr.row-elem.promoted > td .labels { top: 100%; left: 0px; margin-top: 7px; } .icon.choosecat_ab_3 { width: 408px; } .moreLevels .choosecatPrev .icon { background-position: -276px -809px; } .moreLevels .choosecatNext .icon { background-position: -303px -809px; } .button.type4 { background-color: #43678c; border-color: #43678c; } .button.offertop .icon { margin: -4px 0px 0px 9px; } .button.offertop span { padding-left: 5px; padding-right: 8px; } .button.offerpush .icon { margin: -5px 0px 0px 1px; } .button.offerpush span { padding-left: 5px; padding-right: 8px; } .button.offerurgent .icon { margin: -4px 0px 0px 4px; } .button.offerurgent span { padding-left: 3px; padding-right: 8px; } .button.offerhigh .icon { margin: -7px 0px 0px 0px; } .button.offerhigh span { padding-left: 5px; padding-right: 8px; } .icon.b_offertop { width: 21px; height: 31px; background-position: -347px -198px; } .icon.b_offerpush { width: 26px; height: 32px; background-position: -368px -198px; } .icon.b_offerurgent { width: 38px; height: 24px; background-position: -378px -229px; } .icon.b_offerhigh { width: 22px; height: 31px; background-position: -394px -198px; } a:hover .icon.flag.olxru, .icon.flag.olxru.selected { background-position: -16px -33px; } .icon.flag.tiuru { background-position: 0px -33px; } a:hover .icon.flag.tiuru { background-position: -16px -33px; } .icon.flag.promua { background-position: 0px -55px; } a:hover .icon.flag.promua { background-position: -16px -55px; } .icon.flag.dealby { background-position: 0px -143px; } a:hover .icon.flag.dealby { background-position: -16px -143px; } .icon.flag.olxby { background-position: 0px -143px; } a:hover .icon.flag.olxby, .icon.flag.olxby.selected { background-position: -16px -143px; } .icon.flag.satukz { background-position: 0px -154px; } a:hover .icon.flag.satukz { background-position: -16px -154px; } .icon.flag.olxkz { background-position: 0px -154px; } a:hover .icon.flag.olxkz, .icon.flag.olxkz.selected { background-position: -16px -154px; } form.adding .headlinecontact .contactdatalabel { top: -49px; left: -183px; } form.adding .headlinecontact .contactdatalabel a.abs { width: 74px; height: 16px; top: 59px; left: 98px; text-indent: -1000em; } form.adding .suggest.largesuggest { width: 480px; } form.adding #description .suggest { width: 270px; top: -8px; } form.adding #description .suggest.error { width: 244px; } form.adding #description .suggest.error .suggest-custom { display: none; } form.adding #parameter-div-price .suggest.error { width: 300px; top: -12px; } form.adding #parameter-div-car_option .dynamic-param { width: 600px; } form.adding.business .suggest-photos { width: 285px; } form.adding .locationtype { left: 130px; } form.adding .locationtype .opt1 { padding: 16px 10px 16px 30px; } form.adding .locationtype .opt2 { padding: 16px 10px 16px 20px; } form.adding .fblock#paymentpackets > div.label.fleft { display: none; } form.adding .fblock#paymentpackets > div.label.fleft + div { margin-left: 0px; } form.adding.business #photo .suggest, form.adding.business #photo .suggest-photos { top: 20px; } form.adding.business #photo .suggest .icon.target, form.adding.business #photo .suggest-photos .icon.target { top: 12px; } .accessgrid.module-sms form.access.login .password-sent:before { background: no-repeat 0 0; } #footer-container .siteinfobox .socialsbox { color: #687981; display: inline-block; margin: 40px auto 0; text-align: center; float: none; width: auto; padding: 0; min-height: 0; } #footer-container .siteinfobox .socialsbox .fright { float: none; } #footer-container .siteinfobox .socialsbox .icon.claim { right: -130px; top: -23px; } ul.communities li { margin-left: 30px; } ul.communities li .icon { background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f506cd988428f1ff03f47683203037962.png); } ul.communities li .icon.type1 { width: 80px; height: 25px; background-position: 0px 0px; } ul.communities li .icon.type1:hover { background-position: -90px 0px; } ul.communities li .icon.type2 { width: 79px; height: 25px; background-position: 0px -25px; } ul.communities li .icon.type2:hover { background-position: -90px -25px; } ul.communities li .icon.type3 { width: 60px; height: 25px; background-position: 0px -50px; } ul.communities li .icon.type3:hover { background-position: -90px -50px; } ul.communities li .icon.type4 { width: 81px; height: 25px; background-position: 0px -75px; } ul.communities li .icon.type4:hover { background-position: -90px -75px; } ul.communities li .icon.type5 { width: 72px; height: 25px; background-position: 0px -100px; } ul.communities li .icon.type5:hover { background-position: -90px -100px; } ul.communities li .icon.type6 { width: 60px; height: 25px; background-position: 0px -125px; } ul.communities li .icon.type6:hover { background-position: -90px -125px; } .warningadd { width: 900px; } .warningadd .box { padding: 9px 320px 10px 33px; border-top: 1px solid #d5d5d5; background: url(https://static.olx.uz/static/olxuz/packed/img/2f7e80865e1d52c8121105d0943f8eb4e8.png) no-repeat left top; } .warningadd .box:first-child { border-top: none; background: url(https://static.olx.uz/static/olxuz/packed/img/2fd21a71b999ba3cce85350bfb9abf4d3c.png) no-repeat right bottom; } .warningadd .title { border-bottom: 1px solid #D5D5D5; font-size: 14px; font-weight: bold; height: 56px; line-height: 56px; padding: 0 33px; } .warningadd .hero { width: 312px; height: 326px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f4245af77d0d2b77feba7c9214114caa1.png) no-repeat 0 0; right: 12px; top: 19px; } .detailpage #mobileAppsbadge { top: auto; bottom: 320px; margin-top: 0px; } body.offersview { background-attachment: fixed; } .favgallerybox li .card .label-promoted2 { position: absolute; right: 5px; top: 6px; } .favgallerybox li .card .price .salary-label { display: inline; font-size: 13px; } .favgallerybox li .card .price .salary-label + .salary-label { margin-left: 3px; } .locationrequest a.maplabel { position: absolute; right: 5px; top: 7px; text-decoration: none; font-size: 11px; height: 18px; line-height: 16px; background: #598ede; padding: 0px 7px; color: #fff; text-shadow: none; } form.search .clearbox #search-text { width: 662px; } .locationrequest.smallBox .cityfield, .locationrequest.smallBox .cityfield.bold, .locationrequest.smallBox .cityfield.bold + div.cityfield { width: 224px; } @media (max-width: 1440px) { .offersview form.search .clearbox #search-text { width: 453px; } } .paymentpackets.fouroptions { width: auto; margin-left: -10px; } .paymentpackets.fouroptions li { width: 216px; } .checksms .code:before { width: 200px; height: 99px; background: no-repeat 0 0; position: absolute; left: -202px; top: 9px; content: ""; } .layer-redirect { width: 653px; height: 703px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -327px; margin-top: -352px; -webkit-box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5); z-index: 200; color: #323232; } .layer-redirect .top-box { width: 491px; height: 146px; margin: 30px auto 22px; font-size: 20px; line-height: 24px; background: url(https://static.olx.uz/static/olxuz/packed/img/2fc759329e158b73590a1512a904b559f6.png) no-repeat 0 0; overflow: hidden; } .layer-redirect .top-box p { margin-top: 105px; } .layer-redirect .middle-box { margin: 25px 30px 30px; } .layer-redirect .middle-box a { height: 74px; line-height: 74px; background: #41a110; display: inline-block; font-size: 25px; color: #ffffff; padding: 0 36px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.69); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.69); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.69); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.69); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.69); vertical-align: top; margin-top: 15px; } .layer-redirect .table { display: table; } .layer-redirect .cell { display: table-cell; vertical-align: top; width: 33%; padding: 0 7px; } .layer-redirect .featured-box { margin: 30px 8px; } .layer-redirect .featured-box .icon { display: block; width: 69px; height: 69px; margin: 19px auto; background: no-repeat 0 0; } .layer-redirect .featured-box .icon.featured-1 { background-image: url(https://static.olx.uz/static/olxuz/packed/img/2f1f8c88b636157cef4eb0dfe668159534.png); } .layer-redirect .featured-box .icon.featured-2 { background-image: url(https://static.olx.uz/static/olxuz/packed/img/2ff54ffe06445cceccec85af7dc4b3d7af.png); } .layer-redirect .featured-box .icon.featured-3 { margin: 10px auto; width: 95px; height: 87px; background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fd0871c5dd962ed5fcbe88dc180663bee.png); } .layer-redirect .featured-box .cell { padding: 0 20px; } .layer-redirect .apps-box { margin-bottom: 17px; } .layer-redirect .apps-box p { margin-bottom: 17px; } .layer-redirect .apps-box .table { margin: 0 auto; } .layer-redirect .apps-box [class^=button-] { width: 189px; height: 53px; display: inline-block; margin: 0 auto; background: no-repeat 0 0; vertical-align: top; } .layer-redirect .apps-box .button-appstore { background-image: url(https://static.olx.uz/static/olxuz/packed/img/2fb8d646a4437f88bf8d56fc58483fd70a.png); } .layer-redirect .apps-box .button-gplay { background: url(https://static.olx.uz/static/olxuz/packed/img/2fafbeff811b3b68a7248eeec89404d6a5.png) no-repeat 0 0; } .layer-redirect .apps-box .button-windows { background: url(https://static.olx.uz/static/olxuz/packed/img/2f678e4f375e9eb6decca0303b6884626a.png) no-repeat 0 0; } #refugeesHomeBadge { width: 336px; height: 104px; background: url(https://static.olx.uz/static/olxuz/packed/img/2f9774c9446277294f39fe3439287db0dd.png) no-repeat; } #refugeesBadge { left: 5px; top: 100px; } #refugeesBadge .icon { width: 177px; height: 135px; left: 0; top: 10%; background: url(https://static.olx.uz/static/olxuz/packed/img/2f101a512de89a745e23c976a06f9566a3.png) no-repeat; } @media screen and (max-width: 1240px) { #refugeesBadge { display: none; } } .customfilters .car-body { color: #838383; } .customfilters .car-body .selected { color: #272727; } .customfilters .icon.car-body { height: 20px; margin: 0 auto; background-image: url(../img/core-cars2.png); } .customfilters .icon.car-body.cabriolet { width: 34px; background-position: 0px 0px; } .customfilters .icon.car-body.sedan { width: 40px; background-position: -34px 0px; } .customfilters .icon.car-body.coupe { width: 37px; background-position: -74px 0px; } .customfilters .icon.car-body.pickup { width: 37px; background-position: -111px 0px; } .customfilters .icon.car-body.hatchback { width: 33px; background-position: -148px 0px; } .customfilters .icon.car-body.estate-car { width: 44px; background-position: -181px 0px; } .customfilters .icon.car-body.off-road-vehicle { width: 39px; background-position: -225px 0px; } .customfilters .icon.car-body.minibus { width: 41px; background-position: -264px 0px; } .customfilters .icon.car-body.mvp { width: 39px; background-position: -305px 0px; } .customfilters .icon.car-body.suv { width: 39px; background-position: -344px 0px; } .customfilters .custom.color label { border: 2px solid transparent; } .customfilters .custom.color label.selected { border-color: #000; border-radius: 2px; box-shadow: 0px 1px 0px #fff; } .customfilters .custom.color .colorbox { width: 23px; height: 15px; border: 1px solid #fff; border-color: #858585 #FFFFFF #FFFFFF #858585; } .customfilters .custom.color .colorbox .cover { width: 23px; height: 15px; top: 0; left: 0; background: url(https://static.olx.uz/static/olxuz/packed/img/2f68911e3e8769e27f093131a74fa5e1fd.png) center center no-repeat; } .customfilters .custom.color .colorbox.type-1 { background: #ffffff; } .customfilters .custom.color .colorbox.type-2 { background: #000000; } .customfilters .custom.color .colorbox.type-3, .customfilters .custom.color .colorbox.type-4 { background-color: #dad8d8; background-image: -webkit-gradient(linear, left top, left bottom, from(#dad8d8), to(#bcbcbc)); background-image: -webkit-linear-gradient(top, #dad8d8, #bcbcbc); background-image: -moz-linear-gradient(top, #dad8d8, #bcbcbc); background-image: -ms-linear-gradient(top, #dad8d8, #bcbcbc); background-image: -o-linear-gradient(top, #dad8d8, #bcbcbc); background-image: linear-gradient(top, #dad8d8, #bcbcbc); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#dad8d8", end-colourStr="#bcbcbc"); } .customfilters .custom.color .colorbox.type-5 { background-color: #008cfc; background-image: -webkit-gradient(linear, left top, left bottom, from(#008cfc), to(#0069bf)); background-image: -webkit-linear-gradient(top, #008cfc, #0069bf); background-image: -moz-linear-gradient(top, #008cfc, #0069bf); background-image: -ms-linear-gradient(top, #008cfc, #0069bf); background-image: -o-linear-gradient(top, #008cfc, #0069bf); background-image: linear-gradient(top, #008cfc, #0069bf); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#008cfc", end-colourStr="#0069bf"); } .customfilters .custom.color .colorbox.type-6 { background-color: #ecb852; background-image: -webkit-gradient(linear, left top, left bottom, from(#ecb852), to(#c68d1d)); background-image: -webkit-linear-gradient(top, #ecb852, #c68d1d); background-image: -moz-linear-gradient(top, #ecb852, #c68d1d); background-image: -ms-linear-gradient(top, #ecb852, #c68d1d); background-image: -o-linear-gradient(top, #ecb852, #c68d1d); background-image: linear-gradient(top, #ecb852, #c68d1d); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#ecb852", end-colourStr="#c68d1d"); } .customfilters .custom.color .colorbox.type-7 { background-color: #eb0f0f; background-image: -webkit-gradient(linear, left top, left bottom, from(#eb0f0f), to(#cb1f1f)); background-image: -webkit-linear-gradient(top, #eb0f0f, #cb1f1f); background-image: -moz-linear-gradient(top, #eb0f0f, #cb1f1f); background-image: -ms-linear-gradient(top, #eb0f0f, #cb1f1f); background-image: -o-linear-gradient(top, #eb0f0f, #cb1f1f); background-image: linear-gradient(top, #eb0f0f, #cb1f1f); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#eb0f0f", end-colourStr="#cb1f1f"); } .customfilters .custom.color .colorbox.type-8 { background-color: #0bc910; background-image: -webkit-gradient(linear, left top, left bottom, from(#0bc910), to(#058c09)); background-image: -webkit-linear-gradient(top, #0bc910, #058c09); background-image: -moz-linear-gradient(top, #0bc910, #058c09); background-image: -ms-linear-gradient(top, #0bc910, #058c09); background-image: -o-linear-gradient(top, #0bc910, #058c09); background-image: linear-gradient(top, #0bc910, #058c09); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#0bc910", end-colourStr="#058c09"); } .customfilters .custom.color .colorbox.type-9 { background-color: #fffa5d; background-image: -webkit-gradient(linear, left top, left bottom, from(#fffa5d), to(#ffbe3a)); background-image: -webkit-linear-gradient(top, #fffa5d, #ffbe3a); background-image: -moz-linear-gradient(top, #fffa5d, #ffbe3a); background-image: -ms-linear-gradient(top, #fffa5d, #ffbe3a); background-image: -o-linear-gradient(top, #fffa5d, #ffbe3a); background-image: linear-gradient(top, #fffa5d, #ffbe3a); filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr="#fffa5d", end-colourStr="#ffbe3a"); } .customfilters .custom.color .colorbox.type-10 { background: url(../img/colorbox-type10.png) no-repeat 0 0; } .paid-subbscriptions-notice h3 { font-size: 12px; } .billboardTop { min-height: 90px; padding-bottom: 15px; text-align: center; } .offersview .billboardTop { margin-top: 15px; padding-bottom: 0; } .multipay__coin { font-size: 13px; line-height: 17px; padding-top: 14px; width: 55px; height: 55px; } #feedback { height: 133px; } .paybalance-box { min-width: 260px; } .page-about__img { max-width: 100%; } .page-about__hdl { font-size: 24px; color: #ab0; margin: 35px 0 15px !important; line-height: initial; } .page-about__hdl-small { margin-top: 35px !important; text-decoration: underline; } .page-about__numbers { overflow: hidden; margin-top: -20px; } .page-about__numbers li { float: left; width: 50%; margin-top: 20px; } .page-about__numbers li:nth-child(1) .page-about__number-circle div { color: #5b2b82; border-color: #5b2b82; } .page-about__numbers li:nth-child(2) .page-about__number-circle div { color: #ff7700; border-color: #ff7700; } .page-about__numbers li:nth-child(3) .page-about__number-circle div { color: #aabb00; border-color: #aabb00; } .page-about__numbers li:nth-child(4) .page-about__number-circle div { color: #0098d0; border-color: #0098d0; } .page-about__numbers li:nth-child(5) .page-about__number-circle div { color: #faba20; border-color: #faba20; } .page-about__numbers li:nth-child(6) .page-about__number-circle div { color: #00aba8; border-color: #00aba8; } .page-about__numbers li:nth-child(7) .page-about__number-circle div { color: #e42313; border-color: #e42313; } .page-about__number { font-size: 18px; color: #999; line-height: 20px; display: table; width: 100%; } .page-about__number-circle { display: table-cell; vertical-align: middle; width: 100px; } .page-about__number-circle div { font-size: 34px; border-width: 5px; border-style: solid; border-radius: 100px; padding: 24px 0 0; height: 100px; width: 100px; text-align: center; font-weight: bold; line-height: initial; margin: 0 15px 0 0 !important; box-sizing: border-box; } .page-about__number-text { display: table-cell; vertical-align: middle; padding-right: 15px; } .page-about__numbers-note { font-size: 11px; color: #999999; } .page-about__management { overflow: hidden; margin-top: -20px; } .page-about__management li { float: left; width: 50%; margin-top: 20px; } .page-about__manager { font-size: 18px; line-height: 22px; color: #555555; font-weight: bold; display: table; width: 100%; } .page-about__manager-circle { display: table-cell; vertical-align: middle; width: 100px; } .page-about__manager-circle div { height: 100px; width: 100px; background: no-repeat 50% 50%; background-size: cover; border-radius: 50%; margin: 0 15px 0 0 !important; } .page-about__manager-text { display: table-cell; vertical-align: middle; padding-right: 15px; } .page-about__manager-text span { display: block; font-size: 12px; font-weight: normal; line-height: 16px; margin-top: 5px; } .paynet-confirmation { width: 823px; padding: 16px 22px; margin: 40px auto; background: #fff; border-radius: 4px; } .paynet-confirmation h1 { font-size: 24px; font-weight: 500; line-height: 1.08; color: #003e45; margin: 0 0 15px 0; } .paynet-confirmation h3 { font-size: 14px; font-weight: normal; line-height: 1.29; color: #406367; } .paynet-confirmation p { font-size: 12px; line-height: 1.17; color: #7f9799; } .paynet-confirmation__inner { border-radius: 4px; background: url(https://static.olx.uz/static/olxuz/packed/font/2fb901c50f9e4ac5d2583dbb9c6d84aef4.svg) center 40px #e9fcfb no-repeat; padding: 170px 30px 40px 30px; text-align: center; } .paynet-confirmation__id { display: inline-block; padding: 20px 60px; background: #fff; margin: 32px auto 20px auto; font-size: 32px; font-weight: 500; }.accessgrid.module-sms form.access.login .password-sent:before, .phone-password-sent:before{ background-image:url(https://static.olx.uz/static/olxuz/packed/img/2fe09973652560b6a009111a5a11f101d8.png); } .checksms .code:before{ background-image:url(https://static.olx.uz/static/olxuz/packed/img/2fe92ef300389a016d73cdc464788199ec.png); } .vip-ilu { width: 561px; height: 634px; background:url(https://static.olx.uz/static/olxuz/packed/img/2ff1ca67aeacffac16245c6b06b7cef5aa.jpg) no-repeat; display: inline-block; } .list-ilu { width: 631px; height: 543px; background:url(https://static.olx.uz/static/olxuz/packed/img/2fc7533935e8fa94665fa8734a11d37eec.jpg) no-repeat; display: inline-block; } .cat-icon.cat-cmt-icon{} .cat-icon.cat-cmt-icon-36{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/detskiy-mir-36-2x.png)} .cat-icon.cat-cmt-icon-1{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/nedvizhimost-1-2x.png)} .cat-icon.cat-cmt-icon-3{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/transport-3-2x.png)} .cat-icon.cat-cmt-icon-6{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/rabota-6-2x.png)} .cat-icon.cat-cmt-icon-35{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/zhivotnye-35-2x.png)} .cat-icon.cat-cmt-icon-899{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/dom-i-sad-899-2x.png)} .cat-icon.cat-cmt-icon-37{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/elektronika-37-2x.png)} .cat-icon.cat-cmt-icon-7{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/uslugi-7-2x.png)} .cat-icon.cat-cmt-icon-891{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/moda-i-stil-891-2x.png)} .cat-icon.cat-cmt-icon-903{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/hobbi-otdyh-i-sport-903-2x.png)} .cat-icon.cat-cmt-icon-1151{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/otdam-darom-1151-2x.png)} .cat-icon.cat-cmt-icon-1153{background-image:url(https://categories.olxcdn.com/assets/categories/olxuz/obmen-barter-1153-2x.)}.laq-layout__title{position:relative;margin:16px 0;font-size:20px;font-weight:500}@media screen and (max-width: 768px){.laq-layout__title{margin-top:0;margin-bottom:32px;font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.1}}.laq-layout__subtitle{margin:16px 0;font-size:14px;font-weight:normal}.laq-layout__hint{margin:8px 0;font-size:14px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing:normal;color:#7f9799}.laq-layout__usage{font-size:10px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;color:#7f9799}.laq-layout__usage a{margin:0 4px;text-decoration:underline;color:#7f9799}.laq-layout__usage a:visited{color:#7f9799}.laq-layout__btn-close{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;position:absolute;right:16px;width:17px;height:22px;padding:2px 0 0 0;box-sizing:border-box;border:0;background-color:transparent;color:#002f34;cursor:pointer}.laq-layout__btn-close svg{width:17px;height:17px}.laq-layout__btn-close svg path{stroke:currentColor !important;fill:currentColor !important}.laq-layout__btn-close svg g{transform:translate(1px, 1px)}.laq-layout.laq-layout--default{width:530px;min-height:180px;padding:24px;font-family:"Geomanist",Arial,sans-serif;color:#002f34;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);background-color:#fff;display:flex;flex-direction:column;position:fixed;left:50%;top:50%;width:600px;transform:translate(-50%, -50%);max-height:100vh;overflow:auto}@media screen and (max-width: 768px){.laq-layout.laq-layout--default{width:calc(100vw - 32px);min-height:180px;padding:16px;font-family:"Geomanist",Arial,sans-serif;color:#002f34;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);background-color:#fff;top:0;left:0;width:100vw;height:100%;transform:none;overflow-y:auto}}.laq-layout.laq-layout--thank_you{width:530px;min-height:180px;padding:24px;font-family:"Geomanist",Arial,sans-serif;color:#002f34;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);background-color:#fff;display:flex;flex-direction:column;position:fixed;left:50%;top:50%;width:600px;transform:translate(-50%, -50%);max-height:100vh;overflow:auto}@media screen and (max-width: 768px){.laq-layout.laq-layout--thank_you{width:calc(100vw - 32px);min-height:180px;padding:16px;font-family:"Geomanist",Arial,sans-serif;color:#002f34;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);background-color:#fff;position:fixed;right:16px;top:50%;left:16px;transform:translateY(-50%)}}.laq-top-nav{flex-direction:row-reverse;display:flex;height:24px;margin-bottom:36px}.laq-top-nav__content{flex:1 0;display:flex;align-items:center;padding:0 16px 0 0}.laq-top-nav__content+.layout__btn-close{float:right}.laq-top-nav__step{flex:1 0;height:8px;border-radius:8px;background-color:#23e5db;opacity:.15}.laq-top-nav__step--active{opacity:1}.laq-top-nav__step+.laq-top-nav__step{margin-left:12px}.laq-top-nav .laq-layout__btn-close{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;position:relative;right:0}@media screen and (max-width: 768px){.laq-top-nav{flex-wrap:wrap;height:40px}.laq-top-nav__content{flex-basis:100%;padding:0}.laq-top-nav .laq-layout__btn-close{margin-bottom:16px}}.laq-bottom-nav{margin-top:48px}.laq-bottom-nav__content{display:flex;justify-content:space-between}.laq-bottom-nav__content .btn--survey-back,.laq-bottom-nav__content .btn--survey-next,.laq-bottom-nav__content .btn--survey-submit{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;display:flex;align-items:center;padding:4px;border:0;font-size:20px;font-weight:500;background-color:transparent;cursor:pointer}.laq-bottom-nav__content .btn--survey-back:disabled,.laq-bottom-nav__content .btn--survey-next:disabled,.laq-bottom-nav__content .btn--survey-submit:disabled{filter:opacity(0.5);pointer-events:none}.laq-bottom-nav__content .btn--survey-back{border-radius:50%;color:#002f34 !important}.laq-bottom-nav__content .btn--survey-back svg path{stroke:#002f34 !important;fill:#002f34 !important}.laq-bottom-nav__content .btn--survey-next{color:#002f34 !important}.laq-bottom-nav__content .btn--survey-next svg path{stroke:#002f34 !important;fill:#002f34 !important}.laq-bottom-nav__content .btn--survey-submit{color:#002f34 !important}@media screen and (max-width: 768px){.laq-bottom-nav{margin-top:auto;padding-top:12px}}.laq-layout--default .laq-question--checkbox_group .laq-layout__content{width:100%;overflow:hidden;border-radius:4px;border:1px solid #7f9799}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group{list-style:none;padding:0;margin:0}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item{min-height:53px;font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:normal;cursor:pointer;border-bottom:1px solid #7f9799}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item:last-child{border-bottom:0}@media screen and (min-width: 768px){.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item:not(.checkbox-group__item--active):hover{background:rgba(210,210,210,0.333333)}}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item--active{font-weight:500;background:#c8f8f6}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item .item__content{display:flex;align-items:center;padding:16px}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item .item__content input[type="checkbox"]{flex:0 0 24px;align-self:center;display:inline-block;position:relative;height:24px;width:24px;margin:0 16px 0 0;overflow:hidden;outline:none;background-color:#fff;border:2px solid #000;border-radius:4px;cursor:pointer;-webkit-appearance:none}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item .item__content input[type="checkbox"]:after{content:"";position:relative;display:block;left:50%;top:50%;transform:translate(-50%, -50%);font-size:24px;color:#fff}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item .item__content input[type="checkbox"]:checked{border-color:#000}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item .item__content input[type="checkbox"]:checked:after{content:"";background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAf0lEQVRIx+2SvQmAUAyED3Ebl3AIfwrdw0q0dBNHtFD4bCyCiCgvNvKuTMh3yREpKuqNgOxLeAGswGTriRdc0iwplbR8tTnAEOHhcKAHqpt+beDjW3h+DK5XJkFwA+kOwAY0pl66ZX4yaV3hxmQ0cYXF8uAS/1c8XeK7edS/tAN3POiWK+uHwQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wNi0wM1QxMzoxODowMiswMDowMN2L2rYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDYtMDNUMTM6MTg6MDIrMDA6MDCs1mIKAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==");background-color:#000;background-size:24px;width:43px;height:43px;background-position:center}.laq-layout--default .laq-question--checkbox_group .laq-layout__content .laq-checkbox-group__item input[type="text"]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;width:100%;height:40px;padding:8px;border-radius:4px;border:1px solid #000;font-size:16px;color:#002f34;background:#fff;width:calc(100% - 72px);margin:0 16px 16px 56px}.laq-layout--default .laq-question--single_input .laq-layout__content{width:100%;overflow:hidden}.laq-layout--default .laq-question--single_input .laq-layout__content input[type="text"]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;width:100%;height:40px;padding:8px;border-radius:4px;border:1px solid #000;font-size:16px;color:#002f34;background:#fff}.laq-layout--default .laq-question--multiline_input .laq-layout__content{width:100%;overflow:hidden}.laq-layout--default .laq-question--multiline_input .laq-layout__content textarea{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;width:100%;height:180px;padding:8px;border-radius:4px;border:1px solid #000;resize:vertical;font-size:16px;color:#002f34}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix{display:flex;flex-direction:column}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__header{display:flex;flex-direction:column;font-size:12px}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__header--row{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__header--row__item{flex:1 1 0;text-align:center}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__header--row__item:first-child{flex:0 0 25%}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__header--row__item .row__item--label{font-size:13px;margin-bottom:4px}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row{display:flex;justify-content:space-between;align-items:center;min-height:53px;padding-left:16px;padding-right:16px;font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:normal}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row:nth-child(odd){background:rgba(210,210,210,0.333333)}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item{flex-grow:1;text-align:center;padding:16px 0}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item:first-child{flex:0 0 25%}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content input[type="radio"]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;flex:0 0 24px;align-self:center;display:inline-block;position:relative;height:24px;width:24px;outline:none;background-color:#fff;border-radius:50%;border:2px solid #000;cursor:pointer;-webkit-appearance:none}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content input[type="radio"]:after{content:"";position:relative;display:block;height:12px;width:12px;left:50%;top:50%;transform:translate(-50%, -50%);background-color:transparent;border-radius:50%}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content input[type="radio"]:checked{border-color:#000}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content input[type="radio"]:checked:after{background-color:#000}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content input[type="radio"]+span{display:none}@media screen and (max-width: 768px){.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__header{display:none}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row:not(:last-child){margin-bottom:16px}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row:nth-child(odd){background:none}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item{display:flex;align-items:center;padding:16px;min-height:53px;cursor:pointer;background:none}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item--active{font-weight:500;background:#c8f8f6}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item:first-child{padding-left:0;padding-right:0}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item:not(:first-child){border:1px solid #7f9799;border-bottom:0}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item:nth-child(2){border-radius:4px 4px 0 0}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item:last-child{border-bottom:1px solid #7f9799;border-radius:0 0 4px 4px}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item input[type="radio"]{margin-right:16px}.laq-layout--default .laq-question--matrix .laq-layout__content .laq-matrix__content--row__item input[type="radio"]+span{display:inline-block}}.laq-layout--default .laq-question--radio_group .laq-layout__content{width:100%;overflow:hidden;border-radius:4px;border:1px solid #7f9799}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group{list-style:none;padding:0;margin:0}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item{min-height:53px;font-size:16px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.25;letter-spacing:normal;cursor:pointer;border-bottom:1px solid #7f9799}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item:last-child{border-bottom:0}@media screen and (min-width: 768px){.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item:not(.laq-radio-group__item--active):hover{background:rgba(210,210,210,0.333333)}}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item--active{font-weight:500;background:#c8f8f6}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item .item__content{display:flex;align-items:center;padding:16px}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item .item__content input[type="radio"]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;flex:0 0 24px;align-self:center;display:inline-block;position:relative;height:24px;width:24px;outline:none;background-color:#fff;border-radius:50%;border:2px solid #000;cursor:pointer;-webkit-appearance:none;margin:0 16px 0 0}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item .item__content input[type="radio"]:after{content:"";position:relative;display:block;height:12px;width:12px;left:50%;top:50%;transform:translate(-50%, -50%);background-color:transparent;border-radius:50%}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item .item__content input[type="radio"]:checked{border-color:#000}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item .item__content input[type="radio"]:checked:after{background-color:#000}.laq-layout--default .laq-question--radio_group .laq-layout__content .laq-radio-group__item input[type="text"]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;width:100%;height:40px;padding:8px;border-radius:4px;border:1px solid #000;font-size:16px;color:#002f34;background:#fff;width:calc(100% - 72px);margin:0 16px 16px 56px}.laq-layout--default .laq-question--rating .laq-layout__title{margin-bottom:84px}.laq-layout--default .laq-question--rating .laq-layout__content{width:100%;overflow:hidden;margin-bottom:126px}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar{display:flex;justify-content:space-between;width:100%;padding:0 12px;height:68px;border-radius:34px;background-image:linear-gradient(to right, #ff8686 0%, #ffce85 17%, #fff285 46%, #e7ff85 86%, #b4ff85 99%)}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar__item{display:flex;height:100%;align-self:center;color:#000;font-size:20px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;cursor:pointer;display:flex;flex-basis:45px;justify-content:center}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar__item--active{position:relative;font-size:24px;font-weight:500;text-align:center}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar__item--active::after{content:"";position:absolute;width:56px;height:56px;transform:translate(0, 6px);box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);border-radius:50%;background-color:#fff;z-index:1}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar__item>input{display:none}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar__item>span{align-self:center;z-index:2}@media screen and (max-width: 768px){.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar{height:40px;border-radius:20px;padding:0 5px}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar__item{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;flex-basis:34px;font-size:14px}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar__item--active{font-size:20px}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar__item--active::after{width:34px;height:34px;transform:translate(0, 3px)}}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar--text{display:flex;justify-content:space-between;margin-top:16px}.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar--text>div{font-size:16px;line-height:1.25}@media screen and (max-width: 768px){.laq-layout--default .laq-question--rating .laq-layout__content .laq-rating-bar--text>div{font-size:14px}}.laq-layout--thank_you .laq-layout__title{max-width:calc(100% - 24px)}@media screen and (max-width: 768px){.laq-layout--thank_you .laq-layout__title{margin-top:0}}.laq-layout--welcome{width:530px;min-height:180px;padding:24px;font-family:"Geomanist",Arial,sans-serif;color:#002f34;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);background-color:#fff;position:fixed;right:60px;bottom:60px;z-index:1000;}.laq-layout--welcome .laq-layout__usage{margin-top:28px}.laq-layout--welcome .laq-layout__actions{display:flex;justify-content:space-between;margin-top:36px}.laq-layout--welcome .laq-layout__actions--decline,.laq-layout--welcome .laq-layout__actions--accept{font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.29;cursor:pointer;border:2px solid}.laq-layout--welcome .laq-layout__actions--decline{float:left;width:152px;height:40px;margin-right:8px;border-radius:4px;color:#002f34;background-color:#fff;border-color:#002f34}.laq-layout--welcome .laq-layout__actions--accept{float:right;width:152px;height:40px;margin-left:8px;border-radius:4px;color:#fff;background-color:#002f34;border-color:#002f34}@media screen and (max-width: 768px){.laq-layout--welcome{width:calc(100vw - 32px);min-height:180px;padding:16px;font-family:"Geomanist",Arial,sans-serif;color:#002f34;border-radius:4px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);background-color:#fff;position:fixed;right:16px;bottom:16px;left:16px}.laq-layout--welcome__title{font-size:16px}.laq-layout--welcome__subtitle{font-size:12px}}.laq-survey{font-family:"Geomanist",Arial,sans-serif !important;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#002f34 !important}.laq-survey *{box-sizing:border-box;font-family:"Geomanist",Arial,sans-serif !important}.laq-survey *:after,.laq-survey *:after{font-family:"Geomanist",Arial,sans-serif !important}.laq-survey--overlay{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4);z-index:999}