%PDF- %PDF-
Server IP : 37.220.80.31 / Your IP : 18.227.161.173 Web Server : Apache/2.4.52 (Ubuntu) System : Linux 3051455-guretool.twc1.net 5.15.0-107-generic #117-Ubuntu SMP Fri Apr 26 12:26:49 UTC 2024 x86_64 User : www-root ( 1010) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/dev.artlot24.ru/bitrix/templates/artlot24/assets/css/ |
Upload File : |
@font-face { font-family: 'ProximaNova'; src: url(fonts/ProximaNova-Regular.eot); src: url(fonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/ProximaNova-Regular.woff2) format("woff2"), url(fonts/ProximaNova-Regular.woff) format("woff"), url(fonts/ProximaNova-Regular.ttf) format("truetype"), url(fonts/ProximaNova-Regular.svg#ProximaNova-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'UniSansThinCaps'; src: url(fonts/UniSansThinCaps.eot); src: url(fonts/UniSansThinCaps.eot?#iefix) format("embedded-opentype"), url(fonts/UniSansThinCaps.woff2) format("woff2"), url(fonts/UniSansThinCaps.woff) format("woff"), url(fonts/UniSansThinCaps.ttf) format("truetype"), url(fonts/UniSansThinCaps.svg#UniSansThinCaps) format("svg"); font-weight: 100; font-style: normal } @font-face { font-family: 'UniSansHeavyCaps'; src: url('fonts/uniSans/Uni Sans Heavy.otf') format("truetype"); font-weight: 700; font-style: normal } @font-face { font-family: 'UniSansThin'; src: url(fonts/UniSansThin.otf); font-weight: 100; font-style: normal } @font-face { font-family: 'wella'; src: url(fonts/WellaGillCyril-Light.otf); font-weight: 400; font-style: normal } @font-face { font-family: 'grotesk_db'; src: url(fonts/grotesk_db.otf); font-weight: 400; font-style: normal } a:focus { outline-offset: initial !important; } input.error { border-color: red !important; color: red !important; font-weight: 700 } section { width: 100%; color: #000 } section.form { padding-top: 50px; padding-bottom: 50px; background-image: url(img/background.png); background-size: cover } section.form .title { width: 100%; text-align: center; font-family: 'UniSansThinCaps'; font-size: 48px; padding-bottom: 25px; line-height: 50px; color: #fff } section.form .subtitle { width: 100%; text-align: center; font-family: 'UniSansThinCaps'; font-size: 24px; padding-bottom: 25px; line-height: 30px; color: #fff } section.form .submit { text-align: center } section.form .submit button { color: #a6905d; border: 1px solid #a6905d; background: none; padding: 15px; padding-left: 35px; padding-right: 35px; border-radius: 5px; font-family: 'UniSansThinCaps'; font-size: 24px } section.form .submit button:hover { cursor: pointer; color: #fff; background: #a6905d } section.content { padding-top: 50px; padding-bottom: 50px; background-image: url(img/background-white.png); /*background: #232323;*/ background-repeat: repeat; } section.dark { background-image: url(img/background.png); background-size: cover; color: #fff } section .title { font-family: 'UniSansThinCaps'; font-size: 48px; z-index: 9; position: relative; } section .title h1 { font-family: 'UniSansThinCaps'; font-size: 48px; padding-bottom: 25px; line-height: 50px } section .title img { height: 35px; margin-left: 15px; margin-top: -20px } section .title.center { text-align: center } section.content p.lead { padding: 0; margin: 0; width: 100%; margin-top: 25px; margin-bottom: 25px; font-family: 'ProximaNova'; font-weight: 700; color: #4b4b4b; font-size: 16px } .container-fluid.wrap { padding-left: 150px; padding-right: 150px } section .owl-dots { width: 100%; text-align: center; margin-top: 15px } section .owl-dots .owl-dot { display: inline-block; width: 16px; height: 16px; border: 1px solid #878787; background: transparent; cursor: pointer; margin-left: 2px; margin-right: 2px } section .owl-dots .owl-dot.active { border: 1px solid #a6905d; background: #a6905d } .btn.btn-primary { color: #fff; background-color: #a68f5d; border-color: #a68f5d; text-decoration: none } .btn.btn-primary:hover { color: #fff; background-color: #cab27e; border-color: #a68f5d; text-decoration: none } a { color: #a6905d; text-decoration: underline; } a:hover { color: #d0b372; text-decoration: underline } .font-serif { font-family: 'Georgia', serif !important } .btn.btn-sm { padding: 4px .5rem; font-size: .875rem; line-height: 1.1; border-radius: .2rem } .range-input { min-width: 300px } .irs-line { height: 3px } .irs-bar { height: 3px; background: #a68f5d } .irs-bar-edge { height: 3px; background: #a68e5d; border-radius: 3px } .irs-slider { background: transparent } .irs-slider:before { content: ' '; display: block; position: absolute; left: calc(50% - 2px); width: 4px; height: 10px; border-radius: 4px; background-color: #695a3c; border: 1px solid #1a1a1a1c; cursor: pointer } .irs-from, .irs-to, .irs-single { background: #a68e5d } .irs-from:after, .irs-to:after, .irs-single:after { border-top-color: #806d4b } .top-menu__item { position: relative; } .top-menu__item.active:after { content: ""; display: block; height: 2px; background: #a6905d; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } .top-menu__item:hover { color: #caaf72; } .top-menu__item:hover:after { content: ""; display: block; height: 2px; background: #a6905d; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } .top-nav { position: relative; } li .dropdwn { display: none; background: #000; color: #fff; position: absolute; left: -2px; padding: 10px; opacity: 0.9; width: 740px; top: 100px; z-index: 9999; } li:hover .dropdwn { column-count: 4; display: block; } li .dropdwn a { display: block; float: none !important; text-decoration: none; padding: 5px 5px !important; } li .dropdwn a:hover { text-decoration: underline; color: #a6905d; } li .dropdwn a { flex-basis: 25%; } header { width: 100%; font-family: 'ProximaNova'; font-size: 16px } header .up { width: 100%; background: #0c0c0c } header .up .flex { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between } header .up .left { display: flex; flex-direction: row; flex-wrap: nowrap } header .up .left .toggle { display: none } header .up .left .logo { float: left; width: 140px; margin: auto; position: relative; top: 39px; margin-right: 50px; } header .up .left .catalog-link { float: left; min-width: 144px; font-size: 16px; line-height: 20px; color: #eee; padding: 15px; font-size: 14px; padding-top: 40px; padding-bottom: 40px } header .up .left .catalog-link.active { color: #a6905d; border-right: 1px solid #333; background: #1a1a1a } header .up .left .nav { float: left; height: 100px } header .up .left .nav li a { float: left; font-size: 16px; line-height: 20px; color: #fff; padding: 40px 10px; transition: 0.2s; } header .up .left .nav li a:hover { color: #a6905d; } header .up .left .nav li a.dropdwn-link:hover { color: #a6905d; } header .up .left .nav li a.active { color: #a6905d; } header .up .right { display: flex; flex-direction: row; flex-wrap: nowrap } header .up .right .account { float: left; height: 50px; margin-top: 20px; text-align: center } header .up .right .account a { text-decoration: none } header .up .right .account img { display: block; margin: 0 auto; width: 21px } header .up .right .account span { font-size: 14px; line-height: 1.2; color: #a6905d; display: block } header .up .right .message { float: left; height: 30px; margin-top: 35px; margin-bottom: 35px; margin-left: 35px } header .up .right .phone-mobile { display: none } header .up .right .contact { float: left; min-width: 125px; font-size: 16px; line-height: 20px; margin-top: 20px; margin-bottom: 20px; margin-left: 15px; display: flex; flex-direction: column } header .up .right .contact a { color: #a6905d } header .down { width: 100%; background: #1a1a1a } header.hover:hover .down { opacity: 1 } header .down .flex { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center } header .down .nav { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; align-items: center; padding-top: 11px; padding-bottom: 10px; height: 100px } header .down .nav li { margin-right: 15px } header .down .nav li a { color: #a6905d; text-decoration: underline } header .down .nav li a:hover { text-decoration: none } header .down .search { display: flex; flex-wrap: nowrap; flex-direction: row; color: #878787; position: relative } header .down .search .input input:focus, header .down .search .input input.focus { min-width: 300px } header .down .search .input-autocomplete { position: absolute; left: 0; right: 0; top: 37px; background-color: #1a1a1a; padding: 15px; z-index: 2; border: 1px solid #343434; border-top: none } .input-autocomplete .input-autocomplete__wrapper { margin-bottom: 15px } .input-autocomplete .input-autocomplete__link { margin: -15px; padding: 15px; text-decoration: none } .input-autocomplete .input-autocomplete__link:hover { text-decoration: none; background-color: #2b2b2b } .input-autocomplete .input-autocomplete__heading { font-size: 12px; line-height: 14px; color: #a6905d } .input-autocomplete .input-autocomplete__text { font-size: 12px; line-height: 12px; color: #878787; margin-bottom: 0 } header .down .search .input { border: 1px solid #343434; font-size: 16px; line-height: 20px; font-family: 'ProximaNova'; padding-left: 10px; padding-right: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center } header .down .search .input input { color: #878787; height: 35px; border: none; font-size: 16px; line-height: 20px; font-family: 'ProximaNova'; outline: none; background: none; min-width: 200px } header .down .search .input button { outline: none; border: none; background: transparent } header .down .search .input img { height: 28px; margin-top: 2px; cursor: pointer } header .down .search .filter { border: 1px solid #343434; border-left: none; min-width: 200px; font-size: 16px; line-height: 20px; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 8px 20px } header .down .search .filter img { height: 16px; margin-left: 10px } header .down .search .filter .switch { margin-left: 10px; width: 32px; height: 16px; background: transparent; border: 1px solid #878787; border-radius: 25px } header .down .search .filter .switch .pin { float: left; width: 14px; height: 14px; border: 1px solid #878787; border-radius: 25px } header .down .search .filter .switch.on { border: 1px solid #a6905d } header .down .search .filter .switch.on .pin { margin-left: 16px; background: #a6905d; border: 1px solid #a6905d } .dropdown-header { float: left; height: 50px; margin-top: 20px; margin-bottom: 0; padding: 0; line-height: 1.2 } .dropdown-header .dropdown-header__toggle { background: none; border: none; color: #a6905d; padding: 0; line-height: 1.2; cursor: pointer } .dropdown-header .dropdown-header__toggle:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; position: absolute; left: 50%; bottom: -13px; margin-left: -5px } .dropdown-header .dropdown-header__toggle:focus { outline: none } .dropdown-header .dropdown-header__toggle img { display: block; margin: 0 auto; width: 27px } .dropdown-header .dropdown-menu { background: #0c0c0c; color: #a6905d } .dropdown-header .dropdown-item { color: #a6905d; display: block; text-decoration: none; cursor: default } .dropdown-header a.dropdown-item { cursor: pointer } .dropdown-header .dropdown-item:focus, .dropdown-header .dropdown-item:hover { background: #000; color: #a6905d; outline: none } .dropdown-menu-center { right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) } .mob-searchBlock { position: relative; align-items: center; margin-top: 15px; margin-bottom: 15px; margin-right: 14px } .mob-searchBlock a img { height: 30px; margin-top: 10px } .mob-search-btn { display: none } .mob-searchBlock { display: none } .words { background: #333; color: #fff; width: 100%; margin: 0 28px; font-size: 18px; padding: 11px; font-family: 'UniSansThinCaps' } .words a { font-family: 'ProximaNova'; float: right } #mob-search { position: absolute; left: -237px; background: #333; padding: 10px; width: 320px; bottom: -9px; z-index: 20; height: 60px; display: none; float: left } #mob-search input[type="text"] { color: #878787 } #mob-search button { background: #333; border: none; float: right; position: absolute } header .down .row.menu, header .down .label { display: none } .pagination { text-align: center } .pagination .wr { width: 100% } .pagination span { font-size: 20px; padding: 4px; text-decoration: none } .pagination span a { text-decoration: none } .pagination span.current { font-size: 28px } section.slider .wrap { width: 100% } section.slider .scroll-for-more { position: absolute; z-index: 10; height: 32px; margin-top: -200px; margin-left: 50px } section.slider .owl-dots { position: absolute; width: 100%; padding-right: 100px; z-index: 10; margin-top: -80px; text-align: right } section.slider .owl-dots .owl-dot { display: inline-block; width: 16px; height: 16px; background: transparent; border: 1px solid #a6905d; cursor: pointer; margin-right: 5px } section.slider .owl-dots .owl-dot.active { background: #a6905d } section.slider .item { width: 100%; padding: 0; z-index: 1; font-family: 'UniSansThinCaps'; color: #fff } section.slider .item img { z-index: 2 } section.slider .item .content { position: absolute; z-index: 5; width: 100%; height: 100%; padding-left: 200px; padding-right: 200px; display: flex; flex-direction: column; justify-content: center; align-items: left } section.slider .item .small { background: #fff; font-size: 64px; line-height: 60px; padding: 10px; border-radius: 5px } section.slider .item .big { background: #fff; font-size: 96px; line-height: 90px; padding: 10px; margin-bottom: 100px; border-radius: 5px } section.slider .item a { background: #fff; font-size: 24px; border: 1px solid #fff; border-radius: 5px; padding: 10px; color: #a6905d; padding-left: 50px; padding-right: 50px; text-decoration: none } section.slider .item a:hover { cursor: pointer; background: transparent; font-weight: 700; color: #a6905d } section .pins { width: 100%; text-align: center } section .pins .pin { cursor: pointer; display: inline-block; width: 16px; height: 16px; border: 1px solid #878787; background: transparent } section .pins .pin.actitve { border: 1px solid #a6905d; background: #a6905d } section.minute .heading { width: 100%; background: #a6905d; font-family: 'UniSansThinCaps'; font-size: 48px; padding-top: 15px; padding-bottom: 15px; color: #fff } section.minute .heading a { font-family: 'UniSansThinCaps'; font-size: 48px; color: #fff; text-decoration: none; } section.minute .content { width: 100%; background-image: url(img/background.png); background-size: cover; padding-bottom: 50px; /* font-family: 'wella';*/ color: #a6905d; font-size: 18px; } section.minute .content .picture { width: 100%; margin-top: -80px; padding: 25px; border: 2px solid rgba(255, 255, 255, .25) } section.minute .content .picture .img { width: 100%; cursor: pointer } section.minute .content .picture .refresh { position: absolute; z-index: 10; height: 40px; margin-top: -50px; margin-left: 10px; font-family: 'UniSansThinCaps'; font-weight: 700; color: #000 } section.minute .content .picture .refresh img { float: left; height: 100%; margin-right: 10px } section.minute .content .picture .refresh span { float: left; font-size: 24px; border-bottom: 1px dashed #878787 } section.minute .content hr { height: 1px; border: none; margin-top: 50px; background: rgba(255, 255, 255, .25) } section.minute .content p.label { margin: 0; padding: 0; margin-top: 50px; font-size: 24px; line-height: 30px } section.minute .content .time { width: 100%; padding-top: 50px; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start } section.minute .content .time .clock { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start } section.minute .content .time .clock .separator { color: #fff; font-size: 140px; line-height: 140px; padding-left: 50px; padding-right: 50px } section.minute .content .time .clock .group { display: flex; flex-direction: column } section.minute .content .time .clock .group .num { color: #fff; font-size: 140px; line-height: 140px; margin-right: 20px } section.minute .content .time .clock .group .text { font-size: 18px; text-align: center; margin-right: 40px } section.minute .content .time .clock .group .num.d-none, section.minute .content .time .clock .group .text.d-none { margin-right: 0 } section.minute .content .price .group { margin-top: 15px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between } section.minute .content .price .group .num { color: #fff; font-size: 100px; line-height: 100px } section.minute .content .price .group .num:after { display: inline-block; content: "\20BD"; margin-left: 20px; font-weight: 100; font-family: system-ui; font-size: 74px; } section.minute .content .price .group .currency { font-size: 24px; display: flex; flex-wrap: nowrap; flex-direction: row } section.minute .content .price .group .currency .separator { background: #a6905d; width: 1px; margin-left: 10px; margin-right: 10px } section.minute .content .price .group .currency .item { padding-left: 10px; padding-right: 10px; cursor: pointer; background: transparent; border: none; color: inherit; outline: none } section.minute .content .price .group .currency .item.active { color: #fff } section.minute .content .actions { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center } section.minute .content .actions .label { margin-top: 0 } section.minute .content .actions button { background: none; border: 1px solid #a6905d; padding: 15px; padding-left: 50px; padding-right: 50px; color: #a6905d; border-radius: 5px; font-size: 24px } section.minute .content .actions button:hover { background: #a6905d; color: #fff; cursor: pointer } section.lots .filter { width: 100%; margin-top: 35px; margin-bottom: 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #282828; font-family: 'ProximaNova' } section.lots .filter .group { display: flex; flex-direction: row } section.lots .filter .group div { line-height: 20px; font-size: 18px; padding: 10px } section.lots .filter .group .separator { width: 1px; padding-left: 0; padding-right: 0; margin-left: 5px; margin-right: 5px; background: #878787 } section.lots .filter .group .select, section.lots .filter .group .input { cursor: pointer } section.lots .filter .group .input input { width: 35px; text-align: center; border: none; background: transparent; outline: none; color: inherit } section.lots .filter .group .select { background: url(img/filter-select.png) no-repeat 95% 50%; overflow: hidden } section.lots .filter .group .select select { width: 120px; border: none; background: transparent; color: inherit; cursor: pointer; -webkit-appearance: none; outline: none } section.lots .filter .group .select select::-ms-expand, section.lots .filter .group .select select::expand { display: none } .enc-lots-thumb .owl-nav { position: absolute; top: 50%; left: -37px; right: -37px } .enc-lots-thumb .owl-nav .owl-prev, .enc-lots-thumb .owl-nav .owl-next { position: absolute } .enc-lots-thumb .owl-nav .owl-prev { left: 0 } .enc-lots-thumb .owl-nav .owl-next { right: 0 } section.lots .feed { display: flex; flex-direction: row; flex-wrap: wrap; margin: 15px 0 } section.lots .feed .item { background-size: cover; text-decoration: none; font-size: 12px; outline: 1px solid #a6905d; position: relative; display: block; padding-top: 100% } section.lots .feed .item .overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; padding: 15px; background: rgba(0, 0, 0, .0); display: flex; align-self: center } section.lots .feed .item:hover .overlay { cursor: pointer; background: rgba(0, 0, 0, .75) } section.lots .feed .item .overlay .top { font-family: 'ProximaNova'; display: flex; flex-direction: row; justify-content: space-between; font-weight: 700; color: #fff; position: absolute; left: 15px; right: 15px; top: 15px } section.lots .feed .item .overlay .top .index { opacity: 0 } section.lots .feed .item:hover .overlay .top .index { opacity: 1 } section.lots .feed .item .overlay .top .timer { background: #a6905d; padding-left: 5px; padding-right: 5px } section.lots .feed .item:hover .overlay .top .timer { background: none } section.lots .feed .item .overlay .middle { display: flex; height: 100%; width: 100%; justify-content: center; flex-direction: column; align-items: center; align-content: center; font-family: 'UniSansThinCaps'; color: #fff; opacity: 0 } section.lots .feed .item:hover .overlay .middle { opacity: 1 } section.lots .feed .item .overlay .middle hr { width: 100%; border: none; border-top: 1px solid #878787 } section.lots .feed .item .overlay .middle .descr { padding: 0; margin: 0; text-align: center; font-size: 16px } section.lots .feed .item .overlay .middle .label { padding: 0; margin: 0; text-align: center; font-size: 14px; font-weight: 700; font-family: 'ProximaNova' } section.lots .feed .item .overlay .middle .price { padding: 0; margin: 0; text-align: center; font-size: 28px } section.lots .feed .item .overlay .bottom { margin-top: 15px; text-align: right; opacity: 0; position: absolute; left: 15px; right: 15px; bottom: 15px } section.lots .feed .item:hover .overlay .bottom { opacity: 1 } section.lots .feed .item .overlay .bottom img { float: right; height: 29px; width: auto } section.enter { width: 100%; background-image: url(img/background-enter-min.png); background-size: cover; padding-top: 100px; padding-bottom: 100px; font-family: 'UniSansThinCaps'; text-align: center } section.enter a { max-width: 100%; color: #a6905d; font-size: 72px; border: 2px solid #878787; text-decoration: none; padding: 25px; padding-left: 150px; padding-right: 150px } section.enter a:hover { background: #878787; color: #000; font-weight: 700 } section.news { background: #232323; padding-top: 75px; padding-bottom: 75px } section.news .item { width: 100%; display: flex; flex-direction: row; justify-content: space-between } section.news .item .cover { width: 50%; padding: 25px; padding-left: 0; } section.news .item .cover img { width: 100% } section.news .item .content { width: 50%; padding: 25px; font-family: 'ProximaNova'; font-size: 16px; color: #949494; text-align: left } section.news .item .content hr { width: 20%; height: 1px; border: none; background: #a6905d; margin: 0; margin-left: 25px; margin-top: 25px; margin-bottom: 25px } section.news .item .content .title { font-family: 'UniSansThinCaps'; font-size: 48px; color: #a6905d; line-height: 50px; padding: 25px; padding-top: 50px } section.news .item .content .date { padding: 25px } section.news .item .content .date span { padding-left: 5px; padding-right: 5px; background: #a6905d; color: #fff } section.news .item .content .descr { text-align: left; padding-left: 25px; padding-right: 25px; font-size: 24px; font-weight: 400 !important; font-family: 'ProximaNova' !important; text-align: left !important; } section.news .item .content .descr * { text-align: left; font-size: 18px; font-weight: 400 !important; font-family: 'ProximaNova' !important; text-align: left !important; } section.news .item .content .descr a { color: #a6905d; text-decoration: underline } section.news .item .content .descr a:hover { text-decoration: none } section.news .pins { width: 100%; margin-top: 25px; margin-bottom: 25px; text-align: center } section.news .pins .pin { cursor: pointer; display: inline-block; width: 16px; height: 16px; border: 1px solid #878787; background: transparent } section.news .pins .pin.active { border: 1px solid #a6905d; background: #a6905d } section.news .cta { margin-top: 50px; text-align: center; font-family: 'UniSansThinCaps'; font-size: 24px } section.news .cta a { color: #a6905d; border: 1px solid #a6905d; border-radius: 5px; padding: 15px; padding-left: 50px; padding-right: 50px; text-decoration: none } section.news .cta a:hover { color: #fff; font-weight: 700; background: #a6905d } footer { width: 100%; background-image: url(img/background-footer-min.png); background-size: cover } footer .contact { width: 100%; padding-top: 50px; padding-bottom: 50px; background: rgba(0, 0, 0, .25) } footer .contact .flex { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around } footer .contact .block { margin-top: 100px; margin-bottom: 100px; width: 22%; height: 18vw; padding: 15px; text-align: center; font-family: 'ProximaNova'; font-size: 16px; color: #fff; line-height: 25px; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: center } footer .contact .block p { margin: 0; padding: 0 } footer .contact .block a { color: inherit; text-decoration: none } footer .contact .block a:hover { text-decoration: underline } footer .contact .block p.label { color: #a6905d; font-weight: 700; margin: 10px 0; } footer .contact .block hr { width: 35%; height: 1px; background: #a6905d; border: none; margin-top: 25px; margin-bottom: 25px } footer .contact .block button { border: 1px solid #a6905d; color: #a6905d; font-family: 'UniSansThinCaps'; border-radius: 5px; padding: 5px; padding-left: 25px; padding-right: 25px; margin-top: 25px; font-weight: 700; background: none } input[type='submit'].notif-btn { border: 1px solid #a6905d; color: #a6905d; font-family: 'UniSansThinCaps'; border-radius: 5px; padding: 9px; padding-left: 25px; padding-right: 25px; margin-top: 25px; font-weight: 700; background: none; width: auto; float: left; margin-top: 60px; font-size: 14px } button.notif-btn { border: 1px solid #a6905d; color: #a6905d; font-family: 'UniSansThinCaps'; border-radius: 5px; padding: 9px; padding-left: 25px; padding-right: 25px; margin-top: 25px; font-weight: 700; background: none; width: auto; font-size: 14px } button.notif-btn:hover { cursor: pointer; border: 1px solid #a6905d; color: #fff; background: #a6905d } footer .contact .block button:hover, input[type='submit'].notif-btn:hover, button.notif-btn:hover { cursor: pointer; border: 1px solid #a6905d; color: #fff; background: #a6905d } footer .contact .block .social { width: 80%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 25px } footer .contact .block .social img { height: 32px } footer .contact .logo { text-align: center; margin-bottom: 35px } footer .contact .logo img { height: 74px } footer .categories { width: 100%; background: rgba(0, 0, 0, .75) } footer .categories .flex { width: 100%; padding-top: 50px; padding-bottom: 40px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; text-align: center; align-content: stretch } footer .flex .column { width: 25%; text-align: center; border-right: 1px solid #878787 } footer .flex .column:last-child { border: none } footer .categories p { margin: 0; padding: 0; line-height: 30px; font-size: 16px } footer .categories a { color: #878787 } footer .info { background: rgba(0, 0, 0, .75); display: flex; justify-content: space-between } footer .info .info__item { color: #515151; margin: 0 } footer .copyright { width: 100%; background: #000000; padding-top: 10px; padding-bottom: 10px; font-size: 12px; font-weight: 700; color: #515151; font-family: 'ProximaNova' } section .tabs { float: right; display: flex; flex-direction: row; font-family: 'ProximaNova'; font-size: 18px } section .tabs .separator { width: 1px; background: #878787; margin-left: 15px; margin-right: 15px; height: 22px; margin: auto; } section .tabs .tab { padding: 11px; border: none; background: none; outline: none; color: #a6905d; font-size: 16px; } section .tabs .tab.active { } section.lots .seo-text { width: 100%; padding: 25px } section.lots .seo-text h1 { font-family: 'UniSansThinCaps'; font-size: 30px; color: #282828; font-weight: 700; margin: 25px } section.lots .seo-text .text-columns { width: 100%; display: flex; flex-direction: row; justify-content: space-between } section.lots .seo-text .text-columns p { width: 50%; padding: 25px; text-align: justify } section.subheader .heading { width: 100%; padding-top: 35px; padding-bottom: 35px; background-image: url(img/background-subheader.png); background-size: cover; border-bottom: 10px solid #a6905d; color: #fff; margin: 0 } section.subheader .heading .h1 { margin: 0; padding: 0; font-family: 'UniSansThinCaps'; font-size: 60px; line-height: 60px } section.subheader .menu { width: 100%; background: #333; font-family: 'ProximaNova'; font-size: 16px; color: #878787 } section.subheader .menu li { padding-top: 15px; padding-bottom: 15px; margin-right: 25px } section.subheader .menu a { color: #878787 } section.subheader .menu li.active a { color: #a6905d } section.news-full .filter { width: 100%; font-size: 18px; font-family: 'ProximaNova'; display: flex; flex-direction: row; justify-content: flex-start; padding-left: 5px } section.news-full .filter .item { padding-top: 8px; padding-bottom: 8px; cursor: pointer; outline: none; border: none; background: none } section.news-full .filter .item.active { color: #a6905d } section.news-full .filter .separator { width: 1px; background: #878787; margin-left: 25px; margin-right: 25px } section.news-full .feed { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start } section.news-full .feed .item { margin-top: 25px; width: calc(25% - 25px); background-size: cover; outline: 1px solid #a6905d; text-decoration: none; margin-left: 10px; margin-right: 10px } section.news-full .feed .item .overlay { padding: 15px; background: rgba(0, 0, 0, .5) } section.news-full .feed .item:hover .overlay { background: rgba(0, 0, 0, .75) } section.news-full .feed .item .overlay .content { display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center; width: 100%; height: 300px } section.news-full .feed .item .overlay .content p { margin: 0; padding: 0; color: #fff; font-family: 'UniSansThinCaps'; font-size: 16px; text-align: center } section.news-full .feed .item:hover .overlay .content p { font-weight: 700 } section.news-full .feed .item .overlay .bottom { width: 100%; font-size: 16px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end } section.news-full .feed .item .overlay .bottom img { height: 29px; opacity: 0 } section.news-full .feed .item:hover .overlay .bottom img { opacity: 1 } section.news-full .feed .item .overlay .bottom span { padding-left: 5px; padding-right: 5px; background: #a6905d; color: #fff; font-family: 'ProximaNova'; font-weight: 700 } section.news-full .feed .item:hover .overlay .bottom span { background: transparent } section.form .twocolumn-input { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center } section.form .twocolumn-input input { margin: 50px; padding: 15px; width: 30%; text-align: center; background: none; border: none; border-bottom: 1px solid #a6905d; font-family: 'ProximaNova'; color: #fff; font-size: 16px; outline: none } section.form .threecolumn-input { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center } section.form .threecolumn-input input, section.form .threecolumn-input select { margin: 50px; width: 18%; text-align: center; background: none; border: none; border-bottom: 1px solid #a6905d; font-family: 'ProximaNova'; color: #fff; font-size: 16px; outline: none } section.form .threecolumn-input select { color: #757575 } section.form .threecolumn-input select option { background-color: #232323 } section.reviews .reviews .item { width: 100%; margin-top: 25px; margin-bottom: 25px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around } section.reviews .reviews .item .card { width: calc(50% - 50px); margin-bottom: 35px; border: none; background: none } section.reviews .reviews .item .card .title { font-family: 'UniSansThinCaps'; font-size: 24px; font-weight: 700; line-height: 30px } section.reviews .reviews .item .card .content { width: 100%; background: #a6905d; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; text-decoration: none } section.reviews .reviews .item .card .content .cover { width: 100%; background-size: cover } section.reviews .reviews .item .card .content .descr { width: 100%; padding: 25px; font-family: 'ProximaNova'; color: #fff; font-size: 14px } section.reviews .reviews .item .card .content .descr .heading { font-family: 'UniSansThinCaps'; font-size: 24px } section.partners .flex { width: 100%; margin-top: 25px; margin-bottom: 50px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between } section.partners .flex .item { width: 16%; text-align: center; font-family: 'ProximaNova'; font-size: 16px; color: #333 } section.partners .flex .item .image { width: 100%; height: 11vw; display: flex; flex-direction: column; justify-content: center } section.partners .flex .item .image img { max-width: 100% } section.partners .flex .item a { color: inherit; text-decoration: none } section.about .flex { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between } section.about .descr { padding-right: 50px; width: calc(70% - 50px); font-size: 16px; font-family: 'ProximaNova' } section.about .descr .big { font-weight: 700; color: #4b4b4b } section.about .descr .color { color: #a6905d } section.about .descr ul { width: 100%; color: #949494; list-style-image: url(img/list.png); line-height: 25px; margin: 0; padding: 0; padding-left: 20px } section.about .descr ul li { padding-left: 15px } section.about .image { width: 30% } section.about .image img { width: 100% } section.about hr { width: 30%; height: 5px; border: none; background: #a6905d; margin-top: 100px; margin-bottom: 100px } section.about .feature { width: 30%; text-align: center; color: #616161; font-family: 'ProximaNova' } section.about .feature .icon { height: 8vw } section.about .column { width: 50%; padding: 25px; color: #4b4b4b; font-family: 'ProximaNova' } section.about p.video { border: 2px solid #878787; padding: 15px } section.about p.video iframe { width: 100%; height: 42vw } section.quote { background: #a6905d; color: #fff; font-family: 'UniSansThinCaps'; text-align: center; padding-top: 50px; padding-bottom: 50px; font-size: 18px } section.quote p { margin-top: 25px } section.about-slider { background-image: url(img/background.png); background-size: cover; padding-top: 50px; padding-bottom: 50px } section.about-slider .item { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between } section.about-slider .item .picture { width: 40%; margin-right: 5%; margin-left: 5%; border: 2px solid #878787; padding: 15px } section.about-slider .item .picture img { width: 100% } section.about-slider .item .content { width: 55%; margin-right: 5%; font-family: 'ProximaNova'; font-size: 16px; color: #949494 } section.about-slider .item .content .title { color: #a6905d; font-family: 'UniSansThinCaps'; font-size: 44px; line-height: 45px; margin-top: 25px } section.about-slider .item .content a { color: #a6905d; text-decoration: underline } section.about-slider .item .content a:hover { text-decoration: none } section.about-slider .item .content span { color: #fff; font-weight: 700 } section.about-slider .pins { text-align: center; margin-top: 50px } section.about-slider .pins img { cursor: pointer } section.crew-desktop { padding-top: 50px; padding-bottom: 50px; background-image: url(img/background-crew.png); background-size: cover } section.crew-desktop p.title { font-size: 16px; font-family: 'ProximaNova'; font-weight: 700 } section.crew-desktop .person { font-family: 'ProximaNova'; cursor: pointer; padding: 10px; border: 1px solid transparent } section.crew-desktop .person:hover { border: 1px solid #878787 } section.crew-desktop .person img { width: 100%; opacity: 0 } section.crew-desktop .person:hover img { opacity: 1 } section.crew-desktop .person .descr { background: none; padding: 15px; color: #fff; font-size: 14px } section.crew-desktop .person:hover .descr { background: #a6905d } section.crew-desktop .person .name span { background: #a6905d; font-weight: 700; } section.crew-desktop .person .title { opacity: 0 } section.crew-desktop .person:hover .title { opacity: 1 } section.crew-desktop .person .bio { opacity: 0 } section.crew-desktop .person:hover .bio { opacity: 1 } section.crew-desktop .person1 { margin-left: 10% } section.crew-desktop .person2 { margin-left: 10% } section.crew-desktop .person3 { margin-left: 20% } section.crew-mobile { display: none; padding-top: 50px; padding-bottom: 50px; background-image: url(img/background.png); background-size: cover; font-family: 'ProximaNova'; font-size: 16px; color: #fff } section.crew-mobile .item { width: 80%; margin-left: 10%; background: #a6905d } section.crew-mobile .item img { width: 100% } section.crew-mobile .item .descr { padding: 15px } section.crew-mobile .item .name { font-size: 18px; font-weight: 700 } section.crew-mobile .pins { margin-top: 50px; margin-bottom: 35px; text-align: center } section.crew-mobile .pins img { cursor: pointer } section.text .flex { width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap } section.text .col-side { width: 20%; text-align: center } section.text .col-center { width: 60%; font-size: 16px; font-family: 'ProximaNova'; color: #616161 } section.text .side { float: left; width: 20%; text-align: center } section.text .column { width: 60%; font-size: 16px; font-family: 'ProximaNova'; color: #616161; margin: 0 auto } section.text .right { text-align: right } section.text span.date { color: #fff; background: #a6905d; padding-left: 5px; padding-right: 5px; padding-bottom: 3px } section.text .text blockquote { font-style: italic } section.text .text img { max-width: 100%; height: auto } section.text .big { color: #4b4b4b; font-size: 18px; font-weight: 700 } section.text hr { width: 30%; height: 2px; border: none; background: #a6905d; margin-top: 50px; margin-bottom: 50px } section.text .social { margin-top: 50px; padding-top: 15px; border-top: 1px solid #a6905d; font-size: 16px; font-family: 'ProximaNova'; color: #333 } section.text .social span { margin-left: 25px; cursor: pointer } .serif_content * { font-family: 'Georgia', serif !important } section.about-gallery { background-image: url(img/background.png); background-size: cover; padding-bottom: 75px } section.about-gallery .current { background: #a6905d; color: #282828; font-family: 'UniSansThinCaps'; font-size: 60px; text-align: center; letter-spacing: 10px } section.about-gallery .current span { font-weight: 700; color: #fff } section.about-gallery .item { height: 30vw; background-size: cover; opacity: .5 } section.about-gallery .active.center .item { opacity: 1 } section.about-gallery .pins { margin-top: 50px } section.lot { padding-bottom: 0 } section.lot .flex { width: 100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between } section.lot .info { width: 22%; margin-right: 3%; color: #878787; font-family: 'ProximaNova'; } section.lot .info label { color: #000; font-weight: 700 } section.lot .info h1 { color: #a6905d; font-weight: 700; margin-top: 25px; margin-bottom: 25px; font-size: 1.7rem; font-family: 'ProximaNova'; font-weight: 200; } section.lot .info strong { color: #a6905d; font-weight: 700 } section.lot .info a { text-decoration: underline; color: inherit } section.lot .info a:hover { text-decoration: none } section.lot .info hr { width: 100%; height: 1px; border: none; background: #a6905d; margin-top: 35px; margin-bottom: 35px } section.lot .pics { width: 50% } section.lot .pics .selected { width: 100%; margin-bottom: 25px } section.lot .pics .selected img { width: 100% } section.lot .pics .control { width: 100% } section.lot .pics .control .line { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: stretch; flex-wrap: nowrap } section.lot .pics .control .line .arrow { cursor: pointer } section.lot .pics .control .line .imgs { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center } section.lot .pics .control .line .imgs img { width: 30%; cursor: pointer } section.lot .pics .control .line .imgs img.active { outline: 1px solid #a6905d } section.lot .pics .control .line .imgs img.hide { display: none } section.lot .controls { width: 22%; margin-left: 3% } section.lot .controls .buy { width: 100%; padding: 15px; background: #a6905d; color: #fff; font-family: 'UniSansThinCaps'; font-size: 16px; text-align: center } section.lot .controls .buy .label { margin: 0; padding: 0 } section.lot .controls .buy .label span { font-weight: 700 } section.lot .controls .buy .lot-close { font-size: 24px; margin: 0; padding: 0; margin-bottom: 15px } section.lot .controls .buy .timer { font-size: 18px; margin-bottom: 15px; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-around; align-items: center } section.lot .controls .buy .timer .number { font-size: 46px } section.lot .controls .buy .timer .text { margin-top: 15px } section.lot .controls .buy .currency { width: 100%; padding: 5px; border: 1px solid #fff; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between } section.lot .controls .buy .currency+.after-sale__price { margin-top: 23px !important } section.lot .controls .buy .currency button { width: 33%; text-align: center; cursor: pointer; font-weight: 700; border: none; outline: none; background: transparent; color: inherit } section.lot .controls .buy .currency button.active { background: #fff; color: #a6905d } .golden { color: #a6905d !important } .old-price-block { text-align: right } section.lot .controls .buy .price { text-align: right; padding: 0; line-height: 70px; margin: 0; white-space: nowrap; position: relative; font-size: 60px; letter-spacing: -1px; margin-top: 23px } section.lot .controls .buy .price.old-price { max-width: fit-content; margin: auto; font-style: inherit; font-size: 39px } section.lot .controls .buy .price.old-price:after { content: ""; position: absolute; background: #000; height: 1px; width: 100%; right: 0; top: 44% } section.lot .controls .buy .price.after-sale__price { line-height: 55px; text-align: center; margin: 0; font-size: 55px; width: auto; font-style: normal; letter-spacing: 0 } .not-req { color: #c3c3c3; display: block; font-size: 13px; margin-bottom: 20px } section.lot .controls .buy .price span { font-size: 18px } section.lot .controls .buy .label, section.lot .controls .buy .autobroker { position: relative; padding-right: 35px } section.lot .controls .buy .label.top-label { font-size: 22px; margin-bottom: 20px; padding-right: 0 } .radio input { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 7px } .radio__text { position: relative; padding: 0 0 0 35px; cursor: pointer } .radio__text:before { content: ''; position: absolute; top: 0; left: 6px; width: 19px; height: 19px; border: 1px solid #CDD1DA; border-radius: 50%; background: #0b0b0b } .radio__text:after { content: ''; position: absolute; top: 4px; left: 10px; width: 10px; height: 10px; border-radius: 50%; background: #a98c57; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5); opacity: 0; } .radio input:checked+.radio__text:after { opacity: 1 } .your-price { margin-top: 30px } .your-price .input input { width: 100% !important } .your-price button { background: #303030; color: #fff; font-weight: 600 } section.lot .controls .buy .label .btn-info, section.lot .controls .buy .autobroker .btn-info { position: absolute; right: 0; top: -4px } .btn-info { background: #fff; border: 3px solid #a6905d; display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 26px; font-weight: 700; font-size: 23px; font-family: 'ProximaNova'; color: #a6905d; text-decoration: none; border-radius: 30px } .btn-info:hover, .btn-info:focus { background: #a6905d !important; border: 3px solid #fff !important; color: #fff; text-decoration: none; outline: none !important; box-shadow: none !important } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { background-color: rgba(26, 26, 26, .9); position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; outline: 0; z-index: 1050 } .modal-dialog { position: relative; width: auto; pointer-events: none } .modal.show .modal-dialog { transform: translate(0, 0) } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)) } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: "" } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background: #fff url(img/background-white.png) repeat; background-clip: padding-box; border: 0; outline: 0; border-radius: 0 } .modal-header { border-bottom: 1px solid #282828; display: flex; align-items: flex-start; justify-content: space-between; margin: 0 60px; padding: 40px 0 27px } .modal-header .close { border: 0; background: transparent; position: absolute; width: 20px; height: 20px; cursor: pointer; outline: none; margin: 0; padding: 0; right: 20px; top: 20px } .modal-header .close:focus { outline: none } .modal-header .close:before, .modal-header .close:after { background: #353535; content: ''; width: 1px; height: 130%; position: absolute; left: 50%; top: 50% } .modal-header .close:before { transform: translate(-50%, -50%) rotate(-45deg) } .modal-header .close:after { transform: translate(-50%, -50%) rotate(45deg) } .modal-title { margin: 0; font-size: 28px; font-family: 'UniSansThinCaps' } .modal-body { position: relative; flex: 1 1 auto; padding: 40px 60px } .modal-body .form-group { margin-bottom: 13px } .modal-footer { display: flex; align-items: center; justify-content: center; padding: 15px 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } .modal-body .wysiwyg h5 { font-size: 18px; font-family: 'ProximaNova'; font-weight: 700; color: #282828; margin: 0 0 17px } .modal-body .wysiwyg p { font-size: 16px; font-family: 'ProximaNova'; color: #616161; line-height: 1.7; margin-bottom: 27px } .modal-body .wysiwyg p.text-danger { color: #ca0000 !important } .modal-body .wysiwyg a { color: #282828 } .modal-body .wysiwyg ol { list-style-position: outside; margin: 0 0 27px 15px; padding: 0 } .modal-body .wysiwyg ol li { font-size: 16px; font-family: 'ProximaNova'; color: #616161; line-height: 1.7; padding: 0 0 0 15px } @media (min-width: 576px) { .modal-dialog { max-width: 470px; margin: 1.75rem auto } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)) } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)) } .modal-sm { max-width: 450px } } @media (min-width: 992px) { .modal-lg { max-width: 800px } .modal-xl { max-width: 1150px } } section.lot .controls .buy .heading { width: 100%; font-weight: 700; font-size: 24px; margin: 0; padding: 0 } section.lot .controls .buy .input { width: 100%; border: 1px solid #fff; margin-top: 5px; padding: 5px; text-align: right; margin-bottom: 15px } section.lot .controls .buy .input input { border: none; background: none; outline: none; color: #fff; width: calc(100% - 35px) } section.lot .controls .buy .input span { width: 50px } section.lot .controls .buy .add_to_basket { width: 100%; margin-top: 15px; background-image: url(img/lot-button.png); background-size: cover; border-radius: 5px; font-size: 36px; font-family: 'ProximaNova'; font-weight: 700; line-height: 36px; text-align: center; padding: 15px; color: #fff; border: 1px solid #fff; cursor: pointer } section.lot .controls .history { width: 100%; padding: 25px; background: #333; color: #fff } section.lot .controls .history .heading { font-size: 24px; font-family: 'ProximaNova'; font-weight: 700; } section.lot .controls .history .more { font-size: 16px; text-align: center; color: #fff; font-family: 'UniSansThinCaps'; padding-top: 15px } section.lot .controls .history .more a { color: inherit; text-decoration: underline } section.lot .controls .history .bid { width: 100%; margin-bottom: 10px; font-family: 'UniSansThinCaps'; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; position: relative } section.lot .controls .history .bid span { display: inline-block } section.lot .controls .history .bid span:last-child { float: right; width: 40%; text-align: right } section.lot .controls .history .bid span.date { width: 34%; text-align: center } section.lot .controls .history .bid.hidden { display: none } section.lot .controls .history .bid .icon { background: #fff; width: 22px; height: 22px; text-align: center; font-weight: 700; color: #000; border-radius: 50px; margin-right: 30px } section.lot .controls .history .bid .icon.color { background: #a6905d; color: #fff } section.lot .controls .history .bid .letter { position: absolute; left: 30px } section.lot .down { background: #ebebeb; padding-top: 25px; padding-bottom: 25px; margin-top: 50px } section.lot .down .flex { align-items: center } section.lot .down button { font-size: 24px; font-family: 'UniSansThinCaps'; color: #a6905d; border: 1px solid #a6905d; background: none; font-weight: 700; padding: 10px; padding-left: 25px; padding-right: 25px; border-radius: 5px } section.lot .down button:hover { background: #a6905d; color: #fff; cursor: pointer } section.lot .down .stats { display: flex; flex-wrap: nowrap; justify-content: space-around; display: none; } section.lot .down .stats .separator { background: #878787; width: 1px; margin-left: 25px; margin-right: 25px } section.contacts .heading { font-family: 'grotesk_db'; font-size: 28px; color: #424242; padding-top: 50px } section.contacts .info.text .heading { padding-top: 0 } section.contacts .info p { font-family: 'ProximaNova'; font-size: 16px; color: #454545; line-height: 20px; margin-top: 15px } section.contacts .info.text p { text-align: justify } section.contacts .info.text p span { display: inline-block; width: 50%; padding-right: 25px; max-width: 500px } section.contacts .info p a { color: inherit } section.contacts iframe { width: 100%; height: 450px; margin-top: 50px } section.contacts-gallery { padding-top: 50px; padding-bottom: 50px } section.contacts-gallery .item { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around } section.contacts-gallery .item img { width: 100%; border: 1px solid #a6905d } section.contacts-gallery .pins { margin-top: 50px } section.form.feedback { font-family: 'ProximaNova' } section.form input[type=file] { display: none } section.form .col-md-12.input { display: flex; justify-content: center } section.form .col-md-12.input textarea { background: transparent; border: 1px solid #a6905d; color: #878787; padding: 15px; border-radius: 5px; width: calc(60% + 100px); height: 250px; outline: none; margin-bottom: 30px } section.form .info { width: calc(60% + 100px); margin: 15px auto; text-align: right } section.form .info a { color: #878787; text-decoration: none; border-bottom: 1px dotted #878787 } section.form .info a:hover { border-bottom: 1px solid #878787 } section.form .file-input { width: calc(60% + 100px); margin: 15px auto; color: #454545; margin-bottom: 75px } section.form .file-input .file { width: 100%; margin-top: 15px } section.form .file-input .file a { float: left; height: 30px; text-decoration: none; color: #878787 } section.form .file-input .file img { float: left; height: 30px; margin-right: 10px } section.form .file-input .file span { float: left; padding-top: 5px } section.form .agreement { width: 100%; margin-top: 25px; color: #878787; text-align: center } section.form [type="checkbox"]:not(:checked), section.form [type="checkbox"]:checked { position: absolute; left: -9999px } section.form [type="checkbox"]:not(:checked)+label, section.form [type="checkbox"]:checked+label { position: relative; padding-left: 1.95em; cursor: pointer } section.form [type="checkbox"]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #a6905d; background: transparent; border-radius: 4px } section.form [type="checkbox"]:checked+label:after { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #a6905d; background: #a6905d; border-radius: 4px } section.form .text { font-family: 'ProximaNova'; font-size: 14px; color: #878787 } section.form .text .heading { font-family: 'UniSansThinCaps'; font-size: 28px; margin-bottom: 15px; margin-top: 50px; color: #878787 } section.account .menu { text-align: center; margin-top: 50px; margin-bottom: 50px } section.account .menu a { color: #000; padding: 15px; padding-right: 18px; border-right: 1px solid #878787 } section.account .menu a:last-child { border-right: none } section.account .menu a.active { color: #a6905d } section.account .menu a.logout { color: #878787 } section.account .data { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-content: center; align-items: center } section.account .data .block { width: 30%; margin: 20px; text-align: center; font-family: 'ProximaNova'; font-size: 16px; color: #454545 } section.account .data .block .value { width: 100%; font-size: 32px; margin-bottom: 5px; border-bottom: 1px solid #a6905d } .lot-recommended .owl-prev i, .lot-recommended .owl-next i, .enc-lots .owl-prev i, .enc-lots .owl-next i { color: #a6905d; font-size: 48px } .lot-recommended .owl-prev, .enc-lots .owl-prev { position: absolute; top: 42%; left: -19px } .lot-recommended .owl-next, .enc-lots .owl-next { position: absolute; top: 42%; right: -19px } .popup.success { top: 30%; position: fixed; display: block; z-index: 999; margin: auto; left: 0; right: 0; padding: 30px; width: 500px; background: #333; color: #fff; box-shadow: 4px 4px 17px 2px #00000087 } .popup.success .close { background: #000; height: 40px; width: 40px; background: url(/theme/kvadrate/img/modal-close.png); background-size: contain; margin-bottom: 30px; margin-left: 10px } .popup.success p.hd { text-align: center; font-family: 'UniSansThinCaps'; margin-bottom: 30px; font-size: 28px } section.account .my_lots { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; font-family: 'UniSansThinCaps'; font-weight: 700 } section.account .my_lots .title { font-weight: 700; font-size: 28px; color: #a6905d } section.account .my_lots .filter button { float: left; margin-left: 15px; height: 100%; padding-left: 15px; padding-right: 15px; background: transparent; border: 1px solid #a6905d; outline: none; cursor: pointer; border-radius: 5px; color: #a6905d; font-weight: 700 } section.account .my_lots .filter button.active { background: #a6905d; color: #fff } section.content.account.my_lots { padding-bottom: 0 } section.account.notifications form { width: 100% } section.account.notifications form .heading { font-family: 'UniSansThinCaps'; color: #a6905d; font-size: 32px; margin-top: 50px; margin-bottom: 25px } section.account.notifications form .input { margin-top: 5px; margin-bottom: 5px; padding: 0; color: #878787 } section.account.notifications form .input [type="checkbox"]:not(:checked), section.account.notifications form .input [type="checkbox"]:checked { position: absolute; left: -9999px } section.account.notifications form .input [type="checkbox"]:not(:checked)+label, section.account.notifications form .input [type="checkbox"]:checked+label { position: relative; padding-left: 1.95em; cursor: pointer } section.account.notifications form .input [type="checkbox"]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #a6905d; background: transparent; margin-top: 2px } section.account.notifications form .input [type="checkbox"]:checked+label:after { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; outline: 1px solid #a6905d; border: 2px solid #fff; background: #a6905d; margin-top: 2px } section.account.notifications .submit { width: 100%; margin-top: 100px; text-align: center } section.account.notifications .submit button { font-family: 'UniSansThinCaps'; color: #878787; font-size: 24px; padding: 10px; padding-left: 25px; padding-right: 25px; outline: none; background: none; border: 1px solid #a6905d; border-radius: 5px } section.account.notifications .submit button:hover { cursor: pointer; color: #fff; background: #a6905d } section.account .delivery { width: 100%; display: flex; flex-direction: row; justify-content: space-around; align-items: center } section.account .delivery .block { width: 25%; margin: 25px; text-align: center; font-family: 'ProximaNova' } section.account .delivery .block.wide { width: 50% } section.account .delivery .block input { width: 100%; border: none; font-size: 32px; color: #454545; text-align: center; outline: none; background: transparent } section.account .delivery .block div { width: 100%; border-top: 1px solid #a6905d; font-size: 16px; color: #878787; padding-top: 5px } section.account .delivery button { font-family: 'UniSansThinCaps'; font-size: 24px; padding: 8px; background: transparent; border: 1px solid #a6905d; color: #878787; outline: none; padding-left: 15px; padding-right: 15px; border-radius: 5px; margin: 25px } section.account .delivery button:hover { cursor: pointer; background: #a6905d; color: #fff } section.account .delivery p { width: 50%; font-family: 'ProximaNova'; color: #878787; font-size: 14px; line-height: 20px; margin-bottom: 0 } section.account .delivery.submit { justify-content: center; align-items: center; align-content: center; margin-top: 50px } section.account .faq .heading { font-family: 'UniSansThinCaps'; font-size: 32px; color: #a6905d; margin-top: 50px; margin-bottom: 25px } section.account .faq ul { width: 100%; font-size: 18px; color: #454545; margin: 0; padding: 0; padding-left: 20px; font-family: 'ProximaNova'; list-style-image: url(img/mobile-list.png) } section.account .faq ul li { padding-left: 15px; margin-top: 10px; cursor: pointer } section.account .faq ul li .answer { width: 100%; font-size: 14px; color: #878787; padding-left: 50px; padding-right: 35%; display: none } section.account .faq ul li .answer.show { display: block } section.enc .alphabet { width: 100%; margin-top: 50px; background: #333; padding-top: 15px; padding-bottom: 15px; color: #fff } section.enc .alphabet .flex { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: center } section.enc .alphabet button { border: none; background: none; color: #a6905d; font-family: 'UniSansThinCaps'; font-size: 18px; cursor: pointer; outline: none; white-space: nowrap } section.enc .alphabet button img { margin-right: 15px } section.enc .alphabet .list { display: none } section.enc .alphabet .list.show { display: block } section.enc .alphabet .list a { color: #fff; text-decoration: none; padding: 5px; display: inline-block; padding-left: 10px; padding-right: 10px; font-size: 18px } section.enc .alphabet .list a:hover { background: rgba(0, 0, 0, .25) } section.enc .alphabet .list a.active { background: #a6905d; border-radius: 5px } section.enc .letter { font-family: 'UniSansThinCaps'; font-size: 64px; color: #a6905d; margin-bottom: 50px; margin-top: 50px; text-align: center } section.enc .list { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center } section.enc .list .item { width: 30%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; align-content: center; background: #a6905d; color: #fff; text-decoration: none; margin-bottom: 15px } section.enc .list .item img { width: 40%; height: auto } section.enc .list .item .content { padding: 15px; width: 100%; height: 100% } section.enc .list .item .content p { line-height: 20px; font-size: 14px; margin: 0; padding: 0; font-family: 'ProximaNova' } section.enc .list .item .content p.label { font-family: 'UniSansThinCaps'; font-size: 18px; margin-bottom: 10px } section.enc .entry { margin-top: 50px; margin-bottom: 50px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start } section.enc .entry img { width: 40%; height: auto } section.enc .entry .text { padding-left: 50px; font-family: 'ProximaNova'; font-size: 16px; color: #454545 } section.enc .entry .text .heading { color: #a6905d; font-family: 'UniSansThinCaps'; font-size: 42px; line-height: 45px } section.enc .entry .text .descr { font-size: 24px; font-weight: 100; color: #a6905d; margin-bottom: 25px } section.enc .pins { margin-bottom: 50px } section.enc .col-md-12.text { color: #454545; margin-top: 50px } .modal-overlay { display: none; position: fixed; z-index: 999; width: 100%; height: 100%; overflow-y: auto; background: rgba(0, 0, 0, .95); top: 0; } .modal-overlay.show { display: block } .modal-overlay.form .wrap { width: 1200px; margin: 50px auto; text-align: right } .modal-overlay.form .wrap .body { width: 100%; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: nowrap } .modal-overlay.form .wrap form { width: 50%; text-align: center } .modal-overlay.form .wrap form .heading { width: 100%; text-align: center; font-family: 'UniSansThinCaps'; font-size: 28px; margin-bottom: 25px; color: #fff } .modal-overlay.form .wrap form input { width: 60%; margin-left: 20%; margin-right: 20%; clear: both; padding-bottom: 10px; text-align: center; font-family: 'ProximaNova'; font-size: 14px; outline: none; background: none; border: none; border-bottom: 1px solid #878787; color: #fff; margin-top: 35px } .modal-overlay.form .wrap form textarea { width: 80%; height: 150px; margin-left: 10%; margin-right: 10%; clear: both; padding: 10px; font-family: 'ProximaNova'; font-size: 14px; outline: none; background: none; border: 1px solid #878787; border-radius: 5px; color: #fff; margin-top: 35px } .modal-overlay.form .wrap form button { font-family: 'UniSansThinCaps'; font-size: 18px; color: #a6905d; border: 1px solid #a6905d; background: none; outline: none; padding: 5px; padding-left: 25px; padding-right: 25px; border-radius: 5px; margin-top: 50px } .modal-overlay.form .wrap form button:hover { cursor: pointer; background: #a6905d; color: #fff } .modal-overlay.form .wrap form .agreement { width: 100%; margin: 0; padding: 0; color: #878787; font-size: 14px; margin-top: 35px } .modal-overlay.form .wrap form .agreement [type="checkbox"]:not(:checked), .modal-overlay.form .wrap form .agreement [type="checkbox"]:checked { position: absolute; left: -9999px } .modal-overlay.form .wrap form .agreement [type="checkbox"]:not(:checked)+label, .modal-overlay.form .wrap form .agreement [type="checkbox"]:checked+label { position: relative; padding-left: 1.95em; cursor: pointer } .modal-overlay.form .wrap form .agreement [type="checkbox"]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 1px solid #a6905d; background: transparent; margin-top: 2px; border-radius: 5px } .modal-overlay.form .wrap form .agreement [type="checkbox"]:checked+label:after { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 2px solid transparent; background: #a6905d; margin-top: 2px; border-radius: 5px } .modal-overlay.form .wrap form p { width: 100%; text-align: center; padding: 10px; font-size: 14px; color: #878787; margin-bottom: 25px } .modal-overlay.form .wrap form p a { color: inherit } .modal-overlay.form.buy form { text-align: left } .modal-overlay.form.buy li { font-family: 'ProximaNova'; font-size: 18px; line-height: 24px; font-weight: 700; color: #fff; margin-bottom: 10px } .modal-overlay.form.buy .main-btn { background: #a6905d; color: #fff; padding: 3px 13px; cursor: pointer; margin-bottom: 30px; margin-top: 15px; font-size: 12px; display: inline-block; text-decoration: none } .modal-overlay.form.buy .wrap form .heading { margin-bottom: 50px } .modal-overlay.text .wrap { width: 980px; background: #fff; padding: 25px; margin: 50px auto; text-align: right; border-radius: 5px } .modal-overlay.text .body { width: 100%; text-align: left; font-family: 'ProximaNova'; font-size: 16px; color: #454545 } .modal-overlay.text .body .title { width: 100%; text-align: center; font-family: 'UniSansThinCaps'; font-size: 38px; color: #a6905d; font-weight: 700 } .modal-overlay.text .body .heading { font-family: 'UniSansThinCaps'; font-size: 28px; margin-top: 25px; margin-bottom: 5px; color: #a6905d } .modal-overlay.text .body ul { padding: 10px; padding-left: 15px; list-style-image: url(img/mobile-list.png) } .modal-overlay.text .body ul li { padding-left: 10px } .modal-overlay.text .body p a { color: inherit } section.steps .content .heading { font-family: 'UniSansThinCaps'; font-size: 48px; color: #a6905d; margin-top: 25px; margin-bottom: 25px; text-align: center } section.steps .content .hd1 { font-family: 'UniSansThinCaps'; color: #454545; font-size: 32px; margin-top: 50px; text-align: center } section.steps .content .hd2 { font-family: 'UniSansThinCaps'; color: #878787; font-size: 18px; text-align: center } section.steps .content .hd2 a { color: inherit; text-decoration: underline } section.steps .content .hd2 a:hover { text-decoration: none } section.steps .content .timeline_wrap { width: 100%; margin-top: 50px } section.steps .content .timeline { position: relative; padding-bottom: 100px } section.steps .content .timeline:after { background: #a6905d; content: ''; display: block; width: 6px; top: 0; bottom: 0; left: 50%; position: absolute; z-index: 1; margin: 0 0 0 -3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } section.steps .content .timeline .dot-top { position: absolute; left: 50%; margin-left: -30px; z-index: 5; top: 0; width: 60px; height: 60px; border-radius: 50px; background: #a6905d; display: flex; justify-content: center; align-items: center } section.steps .content .timeline .dot-bottom { position: absolute; left: 50%; margin-left: -30px; z-index: 5; bottom: 0; width: 60px; height: 60px; border-radius: 50px; background: #a6905d; display: flex; justify-content: center; align-items: center } section.steps .content .timeline .dot-top img, section.steps .content .timeline .dot-bottom img { height: 60% } section.steps .content .timeline .body { width: 100% } section.steps .content .timeline .body .indicator { width: 30px; height: 30px; margin-left: -15px; position: absolute; z-index: 3; left: 50% } section.steps .content .timeline .body .step-block { position: relative; width: 100% } section.steps .content .timeline .body .step-block .icon { position: absolute; z-index: 5; width: 60px; height: 60px; border-radius: 50px; background: #a6905d; color: #fff; font-family: 'ProximaNova'; font-size: 32px; left: 50%; top: 50%; margin-top: -30px; margin-left: -30px; display: flex; justify-content: center; align-items: center } section.steps .content .timeline .body .step-block .icon img { display: none } section.steps .content .timeline .body .step-block .icon.done img { display: block; width: 50% } section.steps .content .timeline .body .step-block .icon.done span { display: none } section.steps .content .timeline .body .step-block .line { position: absolute; z-index: 1; width: 150px; top: 50%; left: 50%; margin-top: -15px } section.steps .content .timeline .body .step-block .line.mobile { display: none } section.steps .content .timeline .body .step-block .line.left { margin-left: -150px } section.steps .content .timeline .body .step-block .block { position: relative; width: 35%; padding: 25px; font-family: 'ProximaNova'; font-size: 14px } section.steps .content .timeline .body .step-block .block.left { text-align: left } section.steps .content .timeline .body .step-block .block.right { text-align: right; margin-left: 65% } section.steps .content .timeline .body .step-block .block img { width: 100% } section.steps .content .timeline .body .step-block .block .title { font-family: 'UniSansThinCaps'; font-size: 28px; color: #a6905d; margin-top: 25px; margin-bottom: 15px } section.steps .content .timeline .body .step-block .block p { color: #878787 } section.steps .content .timeline .body .step-block .block p span { color: #a6905d } section.steps .content .timeline .body .step-block .block .subheading { color: #454545; margin-bottom: 15px } .ui-menu { position: absolute; background: #eee; z-index: 1000; list-style-type: none; padding: 0; margin: 0; padding-top: 10px; padding-bottom: 10px } .ui-menu .ui-menu-item { margin: 0; padding: 5px; padding-left: 10px; padding-right: 10px } .ui-menu .ui-menu-item:hover { background: #ccc; cursor: pointer } .ui-menu .ui-menu-item a { margin: 0; padding: 0 } section.lots .feed .item-new { width: calc(25% - 20px); margin: 10px; margin-bottom: 30px; text-decoration: none; font-size: 12px; color: #000; position: relative } section.lots .feed .item-new i.buy_now { background: #a6905d url(img/ic_buy.png) no-repeat center; width: 50px; height: 50px; display: block; border-radius: 50%; position: absolute; right: 12px; bottom: 12px; z-index: 30; } section.lots .feed .item-new:hover i.buy_now { right: -8px; opacity: 0 } section.lots .feed .item-new .hit { width: 50px; height: 50px; display: block; border-radius: 50%; position: absolute; bottom: 12px; left: 12px; background-image: url(img/flag_star.png); background-repeat: no-repeat; background-position: 50% 50%; z-index: 30; } section.lots .feed .item-new .hammer { content: ""; width: 50px; height: 50px; display: block; border-radius: 50%; position: absolute; bottom: 12px; right: 12px; background-color: #a6905d; background-image: url(img/flag1.png); background-repeat: no-repeat; background-position: 50% 50%; z-index: 30; } section.lots .feed .item-new:hover .hit { left: -8px; opacity: 0 } section.lots .feed .item-new:hover .hammer { right: -8px; opacity: 0 } section.lots .feed .item-new:hover .picture { outline: none } section.lots .feed .item-new .picture { width: 100%; position: relative; outline: 1px solid #a6905d; min-height: 180px; } section.lots .feed .item-new .picture .wrap { /* position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center*/ } section.lots .feed .item-new .picture .wrap > img { object-fit: cover; object-position: 0 0 } section.lots .feed .item-new .picture .wrap .text { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-direction: column; justify-content: space-between; } section.lots .feed .item-new:hover .picture .wrap .text { background: #00000020; } section.lots .feed .item-new .picture .wrap .text .top { padding: 15px } section.lots .feed .item-new .picture .wrap .text .top .timer { display: inline-block; background: #a6905d; padding-left: 5px; padding-right: 5px; color: #fff; font-weight: 700; } section.lots .feed .item-new:hover .picture .wrap .text .top .timer { background: none } section.lots .feed .item-new .picture .wrap .text .bottom { padding: 15px; text-align: right; opacity: 0; } section.lots .feed .item-new:hover .picture .wrap .text .bottom { opacity: 1 } section.lots .feed .item-new .index { padding: 0; margin: 0; margin-top: 15px; font-weight: 700; color: #565656; font-family: 'ProximaNova'; } section.lots .feed .item-new .title { font-weight: 400; margin-bottom: 10px; line-height: 25px; color: #000; overflow: hidden; font-family: 'UniSansThinCaps'; font-size: 22px; font-weight: 400; margin-top: 15px; text-align: center; } section.lots .feed .item-new .elements-wr .title { font-family: 'ProximaNova'; font-size: 20px; font-weight: 200; height: 54px; margin-bottom: 10px; line-height: 26px; margin-top: 7px; color: #3e3e3e; overflow: hidden; text-align: left; } .container-fluid.elements-wr { outline: 1px solid #a6905d; } section.lots .feed .item-new .color { color: #a6905d } section.lots .feed .item-new .label { padding: 0; margin: 0; font-weight: 700; font-size: 14px } section.lots .feed .item-new .price { font-weight: 700; font-size: 22px; margin-top: 0; padding-top: 0; font-family: 'ProximaNova'; } a[data-toggle="collapse"] { text-decoration: none } a[data-toggle="collapse"]:hover { text-decoration: none } .views > .fa-share-alt-square { margin-left: 15px; color: #3f3e40 } section.content.help { padding-top: 78px; padding-bottom: 40px } .help .subtitle { font-family: 'ProximaNova'; font-size: 28px; color: #282828; margin-bottom: 29px; margin-top: 25px } .help-list { padding: 0; margin-bottom: 55px } .help-list li { font-size: 16px; font-family: 'ProximaNova'; color: #282828; font-weight: 700; position: relative; padding-left: 43px; margin-bottom: 16px; list-style-type: none; cursor: pointer } .help-list li:hover { color: #666 } .help-list li.active .plus { background: url(img/minus.png) no-repeat center } .help-list li .plus { position: absolute; left: 0; display: block; width: 12px; height: 12px; top: 6px; background: url(img/plus.png) no-repeat center } .help-list__hide { font-weight: 400; display: none; margin-top: 5px; margin-bottom: 28px } .help-list__hide p { color: #616161; font-size: 16px; margin: 0; font-family: 'ProximaNova' } section.content.exhibition { background: url(img/ex_bg_left.png) no-repeat, url(img/ex_bg_right.png) no-repeat; background-position: left top, right top; padding-bottom: 150px } .tour_3d .txt { background: rgba(35, 31, 32, 0.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block } .tour_3d { display: block; position: relative } .tour_block { padding: 26px 10px 0; max-width: 1190px; margin: 0 auto } .tour_block a { overflow: hidden } .tour_3d .txt p { font: 30px/45px ProximaNova; color: #a6905d; font-weight: 700; text-align: center; margin-top: 182px; letter-spacing: 6px } .tour_3d .txt p i { display: block; width: 50px; height: 50px; background: url(img/icon_cube.png); margin: 36px auto } section.content.comment-section { position: relative; background: linear-gradient(#a6905d2e, #a6905d2e), url(img/background-white.png) } .comment-title { font: 30px/45px ProximaNova } .comment-author { font: 13px/25px ProximaNova; margin: 0 } section.lots .feed .item .background { z-index: 5; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; } .comment-text { font: 16px/25px ProximaNova; margin-bottom: 6px } .comment-time { font: 13px/25px ProximaNova; color: #a6905d } .comment { position: relative; border-top: 1px solid #fff; padding: 27px 0 12px 71px } .comment:last-child { border-bottom: 1px solid #fff } .comment-img { border-radius: 50px; position: absolute; left: 0; top: 31px; width: 50px } .comment-auth { font: 16px/25px ProximaNova; margin-top: 25px } .comment-auth a { font: 16px/25px ProximaNova; color: #282828; text-decoration: underline; font-weight: 700 } .comment textarea { background: #f2efe9; border-color: #bead88; width: 100%; height: 110px; padding-left: 10px } .comment:after { clear: both; display: block; content: '' } input[type='submit'] { background: #a6905d; color: #fff; padding: 7px 20px; border: none; border-radius: 5px; margin-top: 21px; cursor: pointer; margin-bottom: 30px; float: right } .alert-block { padding: 15px; background: #a6905d; color: #fff; font-family: 'UniSansThinCaps'; font-size: 16px; text-align: center; } .alert-block span { font-family: 'ProximaNova' } .profile__form textarea { display: block; border-color: #a6905d; background-color: transparent; width: 100%; min-height: 150px; margin-left: 15px; margin-right: 15px; border-radius: 5px; padding: 15px } .profile__form input.profile-btn { display: block; margin-left: 15px } @media (max-width: 768px) { .profile__form input.profile-btn { display: block; width: 100%; margin-left: 15px; margin-right: 15px } } input[type="text"], input[type="password"] { background: transparent; border: none; border-bottom: 2px solid #a6905d; font: 20px/25px ProximaNova; outline: none; padding: 10px 0 } section.content input[type="text"], section.content input[type="password"] { padding: 0; color: #a6905d } section.content.profile input[type="text"], section.content.profile input[type="password"] { color: #0c0c0c } .profile__form-title { border-bottom: 2px solid #bebebe; font-size: 24px; font-family: 'UniSansThinCaps'; margin: 0 0 51px; padding: 0 0 15px } .profile__form-pass { padding: 95px 0 11px } p.success-msg { color: #a6905d; text-align: center; font-size: 20px; margin: auto } .profile__form-personal { padding: 30px 0 0 } .profile__form-personal textarea { margin-left: 0 } .profile input { width: 100%; margin-top: 12px } .profile .container-fluid.wrap { padding-top: 20px; padding-bottom: 28px } label { color: #a6905d; font: 16px/20px ProximaNova; margin-top: 10px } .profile__list { width: 100%; text-align: right; padding-left: 0 } .profile__form { padding-top: 24px } .profile__list li { display: inline; list-style-type: none; position: relative; font: 18px/20px ProximaNova; text-decoration: none; padding: 7px 10px; position: relative } .profile__list li:after { position: absolute; height: 100%; width: 1px; content: ''; display: block; top: 0; right: -5px; background: gray } .profile__list li:last-child:after { content: none } .profile__list li a { font: 18px/20px ProximaNova; text-decoration: none; color: #282828 } .profile__list li.active a { color: #a6905d } input.profile-btn { padding: 12px; width: 150px } .profile__form-info { margin-top: 25px } .main-btn { background: #a6905d; color: #fff; padding: 5px 15px; border: none; border-radius: 5px; margin-top: 21px; cursor: pointer; margin-bottom: 30px } .profile-lots .item a.profile__buy-btn { padding: 8px 14px; color: #fff } section.lots .profile-feed { display: block } section.lots .profile-feed .item-new { outline: none } section.profile .list { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center } .profile-filter-div { padding: 20px 0 0 } section.lots .profile-feed .item-new .picture .wrap > img { width: 100% } .profile-lots-title { display: inline-block; font: 16px/24px ProximaNova; font-weight: 700 } .profile-lots__filter { display: inline-block; padding-left: 19px } .profile-lots__filter li { display: inline-block; list-style-type: none; margin: 0 15px 0 0 } .profile-lots__filter li a { font: 16px/24px ProximaNova; color: #282828; text-decoration: none; border-bottom: 1px solid #bfbfbf } .profile-lots__filter li.active a { color: #a6905d; border-bottom: 1px solid #a6905d } .profile-lots .item .title { font-family: 'UniSansThinCaps'; font-size: 16px; font-weight: 700; color: #282828; margin: 31px 0 48px } .profile-lots .item .color { color: #a6905d } .profile-lots .item a { text-decoration: none; color: #282828 } .profile-lots .item .index { font: 16px/25px ProximaNova; font-weight: 700; } .profile-lots .item .timer { font: 16px/25px ProximaNova; font-weight: 700; position: absolute; top: 25px; right: 34px } .profile-lots .item .label { padding: 0; margin: 0; color: #282828; font: 14px/20px ProximaNova } .profile-lots .item hr { width: 100%; background: #a6905d; margin-bottom: 24px } .profile-lots .item .price { font-weight: 700; font-family: 'UniSansHeavyCaps'; font-size: 33px; line-height: 30px; margin-top: 0; padding-top: 0; margin-bottom: 10px } .profile-lots .item { width: 49%; margin-right: 1%; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; align-content: center; background: #fff; color: #282828; text-decoration: none; margin-bottom: 15px; border: 1px solid #a6905d; position: relative } .profile-lots .item .img-container { width: 476px; position: relative; height: 300px; border-right: 1px solid #a6905d; overflow: hidden } .profile-lots .item img { height: 100%; position: absolute; top: 0; left: 0; margin: auto } section.lot .pics .selected { position: relative } section.lot .pics .selected:hover::after { content: ""; display: block; position: absolute; background: url(img/search.png) no-repeat, linear-gradient(#b1925a, #b1925a); background-size: 70px 70px, contain; background-position: center; width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } .fancybox-media { position: relative } .fancybox-media:after { content: ""; display: block; position: absolute; background: url(img/play.png) no-repeat, linear-gradient(#b1925a, #b1925a); background-size: 70px 70px, contain; background-position: center; width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto } .profile-lots .item .content { padding: 25px 30px; width: 100%; height: 100%; position: relative } .profile-lots .item .content.pos-inh { position: inherit } .buy-div { position: absolute; bottom: 35px } .buy-div .price-div .price.color { display: inline-block; vertical-align: top } .buy-div .price-div .btn-info { margin: -4px 0 0 15px; color: #a6905d } .buy-div .price-div .btn-info:hover { color: #fff } .buy-div .price-div:first-child .price.color { font: 16px/25px ProximaNova } .buy-div.disabled .profile__buy-btn { background: transparent; border: 1px solid #999; cursor: inherit; color: #b4b4b4 !important } .buy-div.disabled .label { color: #b4b4b4 } .profile-lots .item.reserve { color: #fff !important; background: #a6905d } section.profile .tabs { margin-top: 15px } .profile-lots .item.reserve .content:after { background: url(./img/feed-link.png) no-repeat center; width: 30px; height: 29px; content: ''; position: absolute; bottom: 30px; right: 30px } .profile-lots .item.reserve hr { background: #fff } .profile-lots .item.reserve .price, .profile-lots .item.reserve .title, .profile-lots .item.reserve .label { color: #fff } .profile-lots .item .label.before { display: inline-block; margin-left: 15px } .profile__notification-form .checkbox { position: absolute; z-index: -1; opacity: 0; width: auto !important; margin: 10px 0 0 20px } .profile__notification-form .checkbox+label { position: relative; padding: 0 0 0 47px; cursor: pointer; display: block; font: 16px/25px ProximaNova; color: #282828 } .profile__notification-form .checkbox+label:before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 30px; height: 30px; background: #fff; border-radius: 3px; border: 1px solid lightgray; } .profile__notification-form .checkbox:checked+label:before { background-image: url(img/tick.png); background-repeat: no-repeat; background-position: center } .profile__notification-form .subtitle { font: 28px/32px ProximaNova; margin-top: 58px } .profile__notification-form .subtitle:first-child { margin-top: 32px } .fancybox-thumbs { top: auto; width: auto; bottom: 0; left: 0; right: 0; height: 95px; padding: 10px 10px 5px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3) } .fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px } @media screen and (max-width: 992px) { section.content.comment-section { padding: 100px 0 } .profile-lots .item .img-container { width: 488px } } .selectric-wrapper { margin-top: 50px } .selectric { margin: 50px; padding: 15px; margin-top: 0; text-align: center; background: none; border: none; border-bottom: 1px solid #a6905d; font-family: 'ProximaNova'; color: #6d6d6d; font-size: 16px; outline: none } .selectric:hover, .selectric-hover .selectric { border-bottom: 1px solid #a6905d } .selectric-items { top: 67%; left: 50px; background: #fdfdfd; border: 1px solid #d4d4d4; font-size: 12px } section.content.exhibition.not-found { position: relative; background: url(img/ex_bg_left.png) no-repeat, url(img/background-white.png) repeat } .frame-div, .frame-div-text { text-align: center; position: relative } .frame-div-text { padding-top: 40px } .frame-div-text p, .frame-div-text a { color: #a6905d; font-size: 18px; font-weight: 700 } .frame-div-text a { display: block } .black-bg { position: absolute; width: 50%; top: 0; height: 100%; right: 0; background-image: url(img/404-bg.png); background-position: right top; background-repeat: no-repeat; background-size: contain; background-color: #000 } .frame { left: 0; right: 0; margin: auto; max-width: 100% } .not-found-txt { position: absolute; left: -5px; right: 0; margin: auto; top: 0; bottom: 0; max-width: 49% } .block.address { background-image: url(img/pointer.png); background-position: 144% 75%; background-repeat: no-repeat; background-size: 54% !important; background-color: #2d2d2d } .block.email { background-image: url(img/dog.png); background-position: 122%; background-repeat: no-repeat; background-size: 55% !important; background-color: #2d2d2d } .block.wifi { background-image: url(img/wifi.png); background-position: 144% 45%; background-repeat: no-repeat; background-size: 54% !important; background-color: #2d2d2d } form .info ul, form .info ol { text-align: left } .partner-title { padding-top: 20px } .comment-answer { padding-left: 20px } .news .title a { text-decoration: none } form { position: relative } form p.success { color: #a6905d; text-align: center; font-size: 20px; position: relative; top: 100px; left: 0; right: 0; margin: auto } p.form_result.error { padding: 0 !important; color: #fff !important } section.lot .info label { position: relative } .favorite_icon-w { position: absolute; right: 20px; width: 31px; top: 10px; opacity: 1; height: 26px; background: url(img/heart_out-w.png) no-repeat center; } .favorite_icon-w.active { background: url(img/heart-w.png) no-repeat center } .favorite_icon-w:hover { opacity: .7 } .favorite_icon-w::after { content: "Добавить в избранное"; position: absolute; white-space: nowrap; left: -143px; top: 3px; padding: 1px 8px; color: #fff; opacity: 0; } .favorite_icon-w.active:after { content: "Убрать из избранного" } .favorite_icon:after { content: "Добавить в избранное"; position: absolute; white-space: nowrap; right: -139px; font-size: 12px; top: 0; text-transform: none; padding: 1px 8px; color: #a6905d; opacity: 0; } .favorite_icon.active:after { content: "Убрать из избранного" } .favorite_icon-w:hover::after, .favorite_icon:hover::after { opacity: 1 } .favorite_icon { position: absolute; right: -40px; width: 25px; top: 0; opacity: .4; height: 21px; background: url(img/heart_out.png) no-repeat center } .favorite_icon:hover { opacity: 1 } .favorite_icon.active { background: url(img/heart.png) no-repeat center } p.error { color: #fff; position: absolute; left: 0; right: 0; margin: auto; text-align: center; background-color: #a6905d } .comments p.success { position: absolute; bottom: 0; left: 14px; color: #a6905d } p.form_result.success { color: #a6905d !important; font-size: 18px !important; position: initial; text-align: left } @media (max-width: 760px) { section.slider .item { min-height: 300px; width: 100%; padding: 0; overflow: hidden; z-index: 1; font-family: 'UniSansThinCaps'; color: #fff; position: relative } section.slider .item img { z-index: 2; position: absolute; height: 100%; width: auto; right: -10px; margin: auto } } @media (max-width: 768px) { section.not-found .title h1 { color: #a6905d } .profile-lots__filter { display: block; padding-left: 0 } .buy-div { margin-top: 90px; position: initial } .profile-lots .item .content { border-left: none } section.profile .tabs { display: block; text-align: center; float: inherit } section.profile .tabs .separator { width: 100%; height: 1px; background: #878787; margin-left: 0; margin-right: 0 } section.lots .tabs { display: block; text-align: center; float: inherit } section.lots .tabs .separator { width: 100%; height: 1px; background: #878787; margin-left: 0; margin-right: 0 } .profile-lots .item .content { height: auto } .profile-lots .item img { width: 100% } .profile-lots .item { display: block; margin-right: 0 } } .subscribe-row { flex-direction: row-reverse } .subscribe-col input { color: #fff } .subscribe-col { padding-right: 107px } .subscribe-col p { color: #fff; font-size: 18px } .subscribe-col input[type='submit'] { float: initial } .subscribe p { text-align: center; } footer .contact .subscribe p { margin-bottom: 25px; } .postbuy { margin-top: 40px } .postbuy .hd { font: 28px/32px ProximaNova } .postbuy .txt { font: 16px/25px ProximaNova } .postbuy .txt .strong { color: #a6905d; font-weight: 700 } .postbuy .price { font-size: 60px; line-height: 64px; font-family: 'UniSansThinCaps'; color: #000; text-align: right } .price span { font-size: 18px } .postbuy-button { border: 1px solid #a6905d; color: #a6905d; font-family: 'UniSansThinCaps'; border-radius: 5px; padding: 9px; padding-left: 25px; padding-right: 25px; font-weight: 700; background: none; width: auto; float: right; text-decoration: none; font-size: 14px } .postbuy-button:hover { color: #fff; background: #a6905d } .lot-recommended.owl-carousel .owl-dots.disabled, .lot-recommended.owl-carousel .owl-nav.disabled { display: block } .enc-lots.owl-carousel .owl-dots.disabled, .enc-lots.owl-carousel .owl-nav.disabled { display: block } @media (max-width: 1200px) { header .down .nav { min-height: 110px } } @media (max-width: 1100px) { header .down .nav { min-height: 130px } } @media (max-width: 1050px) { header .down .nav { min-height: 150px } } @media (max-width: 992px) { header .down .nav { min-height: 215px } } @media (max-width: 425px) { .subscribe-col { padding: 0 20px } .subscribe-col input { width: 100% } .profile-lots .item .price { font-size: 26px } .profile-lots .item.reserve .content:after { right: 5px; bottom: 5px } } @media (max-width: 630px) { .profile__list li { display: block } .profile__list li:after { height: 1px; width: 50px; left: 0; right: 0; margin: auto; bottom: -2px; top: auto } } @media (min-width: 1672px) { .profile-lots .item .content { border-left: 0 } } @media (max-width: 992px) { .profile__list { text-align: center } .profile-lots .item { width: 100% } .profile-lots .item img { border-right: 1px solid #a6905d } .profile-lots .item .content { border-left: 0 } } @media (max-width: 425px) { .tour_3d .txt p { font: 24px/34px ProximaNova } input[type='submit'].notif-btn, button.notif-btn { width: 100% } } @media (max-width: 768px) { .profile-lots .item img { border-bottom: 1px solid #a6905d; border-right: none; position: relative; width: 100% } .profile-lots .item .img-container { width: 100%; height: auto; border-right: none } } @media (min-width: 992px) { .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-2 { margin-left: 16.66666667% } } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } @media (min-width: 1200px) { .d-xl-block { display: block !important; } } @media (min-width: 992px) { .d-lg-block { display: block !important; } } .d-none { display: none; } .w-100 { width: 100% !important } section.news-full .filter .item { color: #000000; } section.enter { width: 100%; background-image: url(/images/art-bg.jpg); background-size: cover; font-family: 'UniSansThinCaps'; text-align: center; padding: 0; padding: 100px 0; background-position: center; background-size: 100%; position: relative; } section.enter:after { content: ""; display: block; width: 100%; height: 100%; background: #000; opacity: 0.6; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } section.enter a, section.enter:hover a, section.enter a:hover { max-width: 100%; color: #fff7e5; border: 1px solid #be9d4d; text-decoration: none; position: relative; z-index: 999; background: #a6905d; padding: 19px 43px 17px 43px; font-size: 44px !important; border-radius: 3px; font-weight: 400; } section.enter a:hover { background: #ac9662; } section.news .title { color: #fff; } section.lot .controls .buy .currency { display: none; } section.lot .controls .buy .label-modal { display: none; } /* section.lot .controls .buy { width: 380px; } */ section.lots .feed .item .overlay .middle .label { display: none; } section.lots .feed .item .overlay .bottom { display: none; } @media screen and (max-width: 860px) { .desk-search #smart-title-search{ display: none; } header .up .left .logo { margin: auto !important; height: initial !important; top: 29px !important; } } section.minute .content .price .group .currency { display: none; } footer .categories p { color: #878787; } #asd_subscribe_form input[type="text"] { color: #d2d2d2; } #asd_subscribe_form input#asd_subscribe_submit { display: block; margin: auto; float: none; margin-top: 40px; } header .up .right .message { float: left; height: 25px; margin-top: 20px; margin-bottom: 0; margin-left: 10px; } header .up .right { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .bx-searchtitle { margin: 0 !important; } .to_basket { padding: 0 20px 5px; margin-top: 0px!important; height: 10px !important; } header .up .right .account { float: left; height: 12px; margin-top: 0; text-align: center; } header .up .right .message { float: left; height: 25px; margin-top: 8px; margin-bottom: 0; margin-left: 12px; } section.enter { display: none; } footer .flex .column { width: 100%; } footer .categories p { display: inline-block; } footer .categories a { color: #878787; padding: 5px 9px; font-size: 17px; text-decoration: none; } footer .categories a:hover { color: #d3d3d3; } #gals p { margin: 10px 0; } #gals b { /* color: #393939;*/ font-weight: 500; } #gals p.tel a { color: #000; text-decoration: none; font-weight: 500; } .row.justify-content-center { justify-content: center; } .filter-form { font-size: 14px; margin-left: 30px; color: #a6905d; } .filter-form label { font-size: 14px; margin-left: 3px; cursor: pointer; color: #a6905d; } .sort-block .sort-items a { font-size: 14px; color: #a6905d; } .sort-block .sort-title { font-size: 14px; color: #a6905d; } .sort-block .sort-items a { color: #a6905d; } .section-detail-text { font-size: 14px; margin-bottom: 15px; } .section-cat { margin-bottom: 15px; } .section-cat .c-title { font-family: 'UniSansThinCaps'; font-size: 16px; font-weight: 700; padding-left: 15px; margin-top: 15px; /*color: white;*/ } .section-cat .wrap { height: 100%; border: 1px solid #573c00; min-height: initial; } .section-cat .item-new { text-decoration: none !important; color: #5a3b08; display: block; margin-bottom: 15px; border-radius: 2px; } .item-new:hover { text-decoration: none !important; color: #5a3b08; display: block; margin-bottom: 15px; } .title.center.c-cen { margin-bottom: 30px; /*color: white;*/ } .title.center.c-cen2 { margin-bottom: 30px; color: white; text-align: left; } .section-cat.section-id-91 { display: none; } .bt { box-shadow: inset 0px 4px 5px -7px } section.content.cattseclist { padding-top: 0; } .title-wide { background: #ce6f0d; padding: 26px 0 17px 0; margin-bottom: 30px; border-bottom: 14px solid #c37e2b; color: #ffe4c5; /* background-image: url(/images/art-bg.jpg);*/ background-size: 65%; background-position: center; position: relative; } .title-wide:after { content: ""; display: block; width: 100%; height: 100%; background: #000; opacity: 0.6; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .filter-wr { display: flex; align-items: baseline; } #gals img { width: auto; max-width: 100%; display: none; } #gals-photo img { width: auto; max-width: 100%; } .feed.section-list img { width: auto; max-width: 100%; } .feed.section-list img { width: auto; max-width: 100%; } @media (max-width: 992px) { #gals-photo { display: none; } #gals img { display: block; max-width: 600px; } } @media (max-width: 860px) { header .up .right .account img { height: 21px; margin-top: 0px; } } section.content.lots.bt2 { background: #232323; } .section-cat .c-title2 { font-family: 'UniSansThinCaps'; font-size: 22px; font-weight: 400; margin-top: 10px; color: #fff; text-align: center; } /*#cityFilterForm { display: none; } */ .content.lots.cattseclist.section_wr_0 .title-wide { background: transparent; background-image: none !important; color: #000; padding: 30px 0 0px 0; margin-bottom: 0; border: none; } .content.lots.cattseclist.section_wr_0 .title-wide:after { display: none; } .container-fluid.p10 { padding-left: 10px; padding-right: 10px; } section.lots .feed .item-new.section-id-291:after, section.lots .feed .item-new.section-id-290:after { display: block; content: "Санкт-Петербург"; width: 140px; height: 25px; background: #a6905d; position: absolute; right: -1px; top: 7px; border-radius: 2px 0 0 2px; color: #fff6ed; line-height: 24px; font-size: 15px; text-align: center; } section.lots .feed .item-new.section-id-292:after { display: block; content: "Москва"; width: 100px; height: 25px; background: #a6905d; position: absolute; right: -1px; top: 7px; border-radius: 2px 0 0 2px; color: #fff6ed; line-height: 24px; font-size: 15px; text-align: center; } .search-page .section-detail-text { display: none; } .search-page .filter-wr { display: none; } .group.controls { font-family: 'UniSansThinCaps'; } .section_wr_0 .bx-breadcrumb { display: none; } @media (max-width: 768px) { #gals img { display: block; max-width: 100%; } }