| Server IP : 37.220.80.31 / Your IP : 18.226.98.32 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%;
}
}