* {
margin: 0;
padding: 0;
}
html, body {
font-size: 16px;
font-family: 'Montserrat', sans-serif, Arial;
-webkit-font-smoothing: antialiased;
/* background: #f4f4f8; */
min-height: 100vh;
color: #3D3D3D;
overflow-x: hidden;
}
header {
position: fixed;
width: 100%;
height: 80px;
display: flex;
z-index: 11;
background: #ffffff;
align-items: center;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
flex-direction: column;
transition: 0.2s;
box-shadow: 0px 4px 10px rgb(38 50 56 / 8%);
}
h1, h2, h3, h4 {
line-height: 1.3;
font-weight: 600;
color: #3D3D3D;
position: relative;
}
h1 {
font-size: 32px;
font-weight: 600;
line-height: 1.3em;
word-wrap: break-word;
margin-top: 50px;
margin-bottom: 20px;
-webkit-font-smoothing: antialiased;
}
h2, h3, h4 {
margin-top: 3rem;
margin-bottom: 2rem;
}
h2 {
font-size: 2em;
letter-spacing: -0.4px;
margin-bottom: 0px;
left: -1px;
}
h3 {
font-size: 24px;
margin-bottom: 1.5rem;
}
input, textarea, select {
-webkit-appearance: none;
}
.cdx-marker {
background: rgb(236 187 97 / 22%);
padding: .09em 0;
}
ol, ul {
margin: 20px 0;
list-style: disc;
list-style-position: outside;
}
ol li, ul li {
margin: 10px 0 10px 2em;
word-wrap: break-word;
}
@media (max-width: 839px) {
ol li,ul li {
margin-left:1.4em
}
}
ol {
list-style-type: decimal
}
a {
color: #2979FF;
text-decoration: none;
}
.popup a, .layout--a a {
color: #2979FF;
text-decoration: none;
border-bottom: 1px solid #bad4ff;
}
figcaption {
color: #595959;
margin-top: 5px;
font-size: 15px;
}
[disabled] {
opacity: 0.4;
cursor: no-drop;
}
.type-page .main_container {
width: 100%;
margin: 0 auto;
display: grid;
min-height: 100%;
}
.toggle-menu {
position: relative;
margin-right: 10px;
display: flex;
align-items: center;
cursor: pointer;
margin-left: 18px;
}
.ui-logo-1 {
display: block;
width: 162px;
height: 29px;
background: url('/assets/images/logo.svg') no-repeat;
background-size: contain;
background-position: center;
min-width: 162px;
}
.ui-logo-1.logo--white {
background: url(/assets/images/logo/logo-white.svg) no-repeat;
background-size: contain;
background-position: center;
}
.ui-header_wrapper {
display: flex;
height: 80px;
width: calc(100% - 50px);
max-width: 1140px;
margin: auto;
padding: 0 25px;
}
.ui-header--nav_wrapper {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
height: 100%;
overflow: hidden;
}
.ui-header--nav_wrapper .header--nav {
display: flex;
overflow-y: auto;
/*margin: 0 -24px;*/
margin: 0px;
height: 100%;
}
.ui-header--nav_wrapper .header--nav .item {
color: black;
font-size: 14px;
margin: 0 24px;
height: 100%;
display: flex;
align-items: center;
position: relative;
}
.ui-header--nav_wrapper .header--nav .item:before {
display: none;
}
.ui-header--nav_wrapper .header--nav .item a {
color: black;
}
.ui-header--nav_wrapper .header--nav .item.active a,
.ui-header--nav_wrapper .header--nav .item:hover a {
color: #003DA5;
}
.ui-header--nav_wrapper .header--nav .item.active:before,
.ui-header--nav_wrapper .header--nav .item:hover:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background: #FF8200;
content: '';
}
.ui-header--nav_wrapper .header--nav .item .item-label {
white-space: nowrap;
}
.ui-header--nav_wrapper .header--nav .item > span.item--submenu {
display: none;
}
header.with--subheader {
height: 129px;
}
header.with--subheader .ui--subheader {
display: flex;
}
header.with--subheader + .ui-main_wrapper {
padding-top: 130px;
}
.site-header-progressbar {
width: 100%;
height: 1px;
position: absolute;
top: 100%;
left: 0;
}
.site-header-progressbar__runner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0654e3;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.site-header-progressbar__overlay {
position: fixed;
z-index: 25;
width: 100%;
height: 100%;
left: 0;
background-color: rgba(255,255,255,0.25);
top: -100%;
opacity: 0;
}
.site-header-progressbar__overlay--shown {
top: 0;
opacity: 1;
-webkit-transition: opacity 1000ms linear 2000ms;
transition: opacity 1000ms linear 2000ms;
}
.site-header-progressbar--in-process {
opacity: 1;
-webkit-transition: opacity 100ms ease;
transition: opacity 100ms ease;
}
.site-header-progressbar--in-process .site-header-progressbar__runner {
-webkit-transform: scale3d(0.8, 1, 1);
transform: scale3d(0.8, 1, 1);
-webkit-transition: -webkit-transform 3000ms cubic-bezier(0.25, 0.64, 0.65, 0.99);
transition: -webkit-transform 3000ms cubic-bezier(0.25, 0.64, 0.65, 0.99);
transition: transform 3000ms cubic-bezier(0.25, 0.64, 0.65, 0.99);
transition: transform 3000ms cubic-bezier(0.25, 0.64, 0.65, 0.99), -webkit-transform 3000ms cubic-bezier(0.25, 0.64, 0.65, 0.99);
}
.site-header-progressbar--finished {
opacity: 0;
-webkit-transition: opacity 1000ms ease;
transition: opacity 1000ms ease;
}
.site-header-progressbar--finished .site-header-progressbar__runner {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.ui-main_wrapper .ui-col-left, .ui-main_wrapper .ui-col-right {
display: none;
}
.col-left--shown .ui-main_wrapper .ui-col-left, .col-right--shown .ui-main_wrapper .ui-col-right {
display: flex;
}
.ui-col-left, .ui-col-center, .ui-col-right {
display: flex;
}
.ui-search-form input.search {}
.ui-search-form input[name="search"] {
border: 0px;
border-radius: 8px;
outline: none;
font-size: 16px;
padding: 10px 12px;
padding-left: 35px;
background: #00000014;
padding-top: 11px;
font-family: Roboto;
width: 273px;
}
.ui-search-form {
display: flex;
align-items: center;
position: relative;
margin: 0 13px;
}
.ui-search-form form {
position: relative;
}
.ui-search-form button[type="submit"] {
position: absolute;
left: 12px;
top: 12px;
border: 0px;
background: transparent;
opacity: 0.6;
cursor: pointer;
outline: none;
}
.ui-col-left, .ui-col-right {
width: 50px;
justify-content: flex-end;
}
.ui-col-center {
width: 100%;
flex-direction: column;
margin: 0 auto;
}
.ui-button {
display: inline-block;
color: black;
text-decoration: none;
padding: 13px 35px;
background: white;
font-weight: 600;
border-radius: 10px;
line-height: 1;
height: max-content;
border: none;
font-family: 'Montserrat';
cursor: pointer;
position: relative;
text-align: center;
outline: none;
}
.ui-button-more {
line-height: 1;
position: relative;
}
.ui-button.ui-button--1 {
background-color: #003DA5;
color: white;
cursor: pointer;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
-ms-flex-pack: center;
justify-content: center;
border: 0;
outline: 0;
line-height: 14px;
font-size: 14px;
border-radius: 10px;
box-shadow: none;
}
.ui-button.ui-button--2 {
font-size: 14px;
align-items: center;
box-shadow: none;
background: #546E7A;
border-radius: 10px;
color: white;
padding: 15px 32px;
padding-bottom: 14px;
}
.ui-button.ui-button--3 {
height: auto;
font-weight: 500;
border: 1px solid #CFD8DC;
display: flex;
font-size: 14px;
padding: 16px 23px;
color: #546E7A;
}
.ui-button.ui-button--only-icon {
height: auto;
padding: 10px;
border-radius: 10px;
}
.ui-button.ui-button--whatsapp {
background: #25D366;
line-height: 0;
}
.ui-button--back {
font-size: 13px;
font-weight: 400;
margin-left: -6px;
}
.ui-button.ui-button--with-icon{
display:flex;
align-items: center;
justify-content: center;
}
.ui-button--with-icon svg {
margin-right: 3px;
}
.ui-button.ui-button--4 {
color: white;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-shadow: none;
font-weight: 600;
background: #2979FF;
font-size: 14px;
padding: 13px 35px;
padding-bottom: 12px;
border: none;
}
.ui-button.ui-button--5 {
box-shadow: none;
color: white;
background: #F47D00;
padding: 17px 25px;
font-weight: 600;
font-size: 14px;
border-radius: 10px;
border: 1px solid transparent;
}
.ui-button.ui-button--6 {
padding: 0;
border: none;
display: flex;
align-items: center;
font-size: 20px;
line-height: 1.1;
font-weight: 400;
background: #ffffff00;
}
.ui-button.ui-button--6 .icon {
margin-right: 8px;
line-height: 0;
}
.ui-button.ui-button--7 {
background: transparent;
color: white;
display: flex;
border: none;
font-weight: 400;
padding: 0;
}
.ui-button.ui-button--7 .label {
margin-right: 15px;
}
.ui-button.ui-button--8 {
background: transparent;
display: flex;
font-size: 14px;
font-weight: 400;
align-items: center;
color: #788f9c;
padding: 0;
border: none;
}
.ui-button.ui-button--9 {
background: #F7F8FB;
font-weight: 500;
padding: 18px 20px;
font-size: 14px;
white-space: nowrap;
border-radius: 10px;
color: #546E7A;
border-bottom: 0;
}
.ui-button.ui-button--9.ui-button--only-icon {
padding: 9px 9px;
}
.ui-button.ui-button--10 {
background: rgb(234 250 226);
font-size: 15px;
padding: 13px 15px;
}
.ui-button.ui-button--tg {
background: rgb(39 167 231 / 15%);
font-size: 15px;
padding: 8px;
}
.ui-button.ui-button--10.ui-button--only-icon {
padding: 9px;
}
.ui-button.ui-button.ui-button--with-icon .icon span {
line-height: 0;
margin-right: 7px;
}
.ui-button.ui-button--small {
padding: 10px 25px;
}
.ui-button--4:after {
content: '';
height: 1px;
min-width: 100%;
border-bottom: 1px dotted #595959;
margin-top: 2px;
}
.ui-button--4.ui-button--small:after {
margin-top: -9px;
}
.ui-button--close {
line-height: 0;
background: white;
border-radius: 100px;
color: red;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
padding: 3px;
}
.ui-button--close.small svg {
width: 12px;
height: 12px;
}
.ui-button--close.small {
padding: 2px;
}
.ui-button--close:hover {
background: #f4f4f8;
}
.ui-subscribe-buttons .ui-button {
display: none;
}
.ui-subscribe-buttons {
grid-template-columns: minmax(0, 1fr) auto;
display: grid;
width: 100%;
grid-gap: 8px;
}
.ui-subscribe-buttons.active--subscribed:hover .v-button--subscribed {
display: none;
}
.ui-subscribe-buttons.active--subscribed:hover .v-button--unsubscribe {
display: flex;
}
.active--subscribe .v-button--subscribe, .active--subscribed .v-button--subscribed, .active--unsubscribe .v-button--unsubscribe {
display: flex;
}
.active--settings .v-button--settings {
display: flex;
}
.active--subscribed .v-button--notification {
display: flex;
}
.ui-button--label {
margin: auto;
}
.ui-button.ui-button--middle {
padding: 14px 20px;
}
.ui-button.ui-button--large {
font-size: 18px;
border-radius: 6px;
padding: 10px 19px;
font-weight: 400;
}
.ui-button:active {
top: 1px;
}
header .ui-col-left, header .ui-col-center, header .ui-col-right {
align-items: center;
justify-content: flex-start;
}
header .ui-col-left {}
header .ui-col-center {
width: calc(100% - 222px);
height: 100%;
}
header .ui-button {
white-space: nowrap;
}
.ui-menu_wrapper .menu-section .item {
text-decoration: none;
display: flex;
align-items: center;
color: black;
width: 100%;
border-radius: 8px;
padding: 0 13px;
height: 44px;
transition: 0.2s;
}
.ui-menu_wrapper .menu-section a svg {
margin-right: 12px;
opacity: 0.7;
}
.ui-main_wrapper {
position: relative;
display: flex;
padding-top: 80px;
min-height: calc(100vh - 80px);
}
.ui-menu_wrapper {
width: 170px;
position: fixed;
left: 10px;
}
.ui-menu_wrapper .menu-section {
position: relative;
}
.ui-menu_wrapper .menu-section a:hover {
background: #ffffff82;
}
.ui-menu_wrapper .menu-section .item.active {
background: #ffffff;
}
.ui-menu_wrapper .menu-section a.active svg {opacity: 1;stroke: #545897;}
.ui-feed-block_wrapper {
width: 100%;
margin: 10px 0;
position: relative;
}
.ui-feed-block_wrapper .ui-feed-block_row {
background: white;
border-radius: 8px;
cursor: pointer;
transition: 0.2s;
/* box-shadow: 0px 0px 10px 0 #0000000f; */
}
.ui-feed-block_wrapper .ui-feed-block_row:hover {
box-shadow: 0px 2px 20px 0 #00000012;
}
.ui-subsite-block {
display: flex;
align-items: center;
}
.ui-subsite-block a {
display: flex;
text-decoration: none;
color: black;
align-items: center;
}
.ui-subsite-block .icon img {
width: 100%;
border-radius: 5px;
}
.ui-change-subsite svg {
margin-left: 5px;
}
.ui-change-subsite {
cursor: pointer;
}
.ui-feed-block_header .ui-subsite-block a {
display: flex;
text-decoration: none;
color: black;
align-items: center;
line-height: 1;
font-weight: 500;
font-size: 16px;
}
.ui-subsite-block a span img {
width: 22px;
border-radius: 6px;
height: 22px;
}
.ui-subsite-block .icon {
display: flex;
width: 22px;
height: 22px;
border-radius: 5px;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
margin-right: 9px;
position: relative;
top: -1px;
}
.ui-feed-block_header {
display: flex;
padding-bottom: 0;
padding-top: 19px;
margin: 0 -7px;
margin-bottom: 11px;
line-height: 0;
align-items: center;
white-space: nowrap;
}
.ui-feed-block_content {
position: relative;
}
.ui-article_wrapper {
border-radius: 8px;
margin: auto;
}
.ui-article_wrapper .ui-feed-block_content p {
margin: 15px 0;
}
.ui-feed-block_wrapper a.feed-link {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ui-feed-block_content figure img {
width: 100%;
}
.ui-feed-block_header a {
color: black;
text-decoration: none;
font-size: 15px;
}
.ui-feed-block_header .header-item {
margin: 0 7px;
font-size: 15px;
position: relative;
display: flex;
height: auto;
}
.header-item.header--author a {
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
time {
color: #595959;
}
.ui-feed-block_footer {
display: flex;
margin: 0 -22px;
margin-top: 25px;
padding-bottom: 13px;
}
.ui-feed-block_footer .footer-item {
color: #595959;
margin: 0 20px;
position: relative;
}
.ui-feed-block_footer .footer-item a {
display: flex;
color: #595959;
text-decoration: none;
line-height: 1;
align-items: center;
border-bottom: none;
}
.ui-feed-block_footer .footer-item a .item-value {
line-height: 23px;
font-size: 16px;
font-weight: 500;
margin-left: 5px;
margin-right: -10px;
}
.ui-feed-block_footer .footer-item a .item-icon {
line-height: 0;
}
.l-content--a, .layout--a {
line-height: 1.6;
margin: 15px 0;
font-size: 16px;
}
.layout--a {
max-width: 650px;
margin: 15px auto;
clear: both;
padding: 0 25px;
}
.page-wide .layout--a {
max-width: 1140px;
margin: 0 auto;
}
.l-island--a {
padding-left: 20px;
padding-right: 20px;
}
.ui-feed-block_row h2 {
font-weight: 500;
margin: 0;
font-size: 22px;
line-height: 1.3em;
margin-top: 9px;
margin-bottom: 7px;
letter-spacing: 0px;
}
.feed .main_container {
margin: auto;
width: 940px;
display: flex;
flex-direction: column;
height: 100%;
}
.content--short .main_container {
width: 640px;
margin: 0 auto;
}
.feed-preview .lazy-image {
min-height: 350px;
}
.feed--row {
max-width: 650px;
margin: 0 auto;
width: 100%;
}
.feed--row .layout--a {
padding: 0 20px;
margin: 10px 0;
font-size: 16px;
}
.feed--row .ui-feed-block_header {
padding: 0 20px;
padding-top: 19px;
}
.header--items {
display: flex;
width: calc(100% - 35px);
line-height: 1;
align-items: center;
white-space: nowrap;
text-overflow: ellipsis;
}
.feed--row .ui-feed-block_footer {
padding: 0 20px;
padding-bottom: 14px;
}
.feed--row .feed-preview {
margin-top: 10px;
}
.lazy-image {
background: #efefef;
background-size: cover!important;
background-position: center !important;
transition: 0.3s;
opacity: 0;
}
.ui-menu_wrapper .menu-section a .icon {
display: block;
width: 24px;
height: 24px;
border-radius: 6px;
position: relative;
margin-right: 12px;
}
.ui-menu_wrapper .menu-section a .icon:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
border-radius: 6px;
}
.ui-bg-white {
background: white;
}
.ui-article_row .feed-title + .layout--a {
font-size: 18px;
line-height: 1.6em;
}
.ui-feed-block_content img {
width: 100%;
max-height: 100px;
object-position: left;
object-fit: contain;
}
.ui-load-1 {
text-align: center;
background: white;
width: 100%;
box-shadow: 0px 0px 10px 0 #0000000f;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
}
.ui-load-1 circle {
transition: 0.3s;
}
.ui-load-1 svg {
width: 100px;
animation-name: ui-load-1;
stroke: #7376a2;
}
.ui-road-header {
background: white;
border-radius: 0px 0px 8px 8px;
/* box-shadow: 0px 0px 10px 0 #0000000f; */
display: grid;
width: 100%;
grid-gap: 32px 20px;
}
.ui-avatar-1 {
width: 112px;
border-radius: 6px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-box-shadow: 0 0 0 var(--border-width) #fff, inset 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: 0 0 0 4px #fff, inset 0 0 0 1px rgba(0,0,0,0.1);
position: relative;
z-index: 1;
overflow: hidden;
height: 112px;
background: #ffffff;
cursor: zoom-in;
}
.ui-road-header .v-header-row {
padding: 20px;
padding-bottom: 0;
display: grid;
grid-template-columns: 1fr 325px;
}
.ui-road-header .v-header__title {
font-size: 36px;
line-height: 1.46em;
font-weight: 700;
white-space: nowrap;
grid-column-start: span 2;
width: 100%;
}
.v-header__description {grid-column-start: span 2;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: start;align-items: flex-start;}
.v-header__avatar {display: grid;position: relative;}
.v-header__avatar .v-header-avatar-manage {
position: absolute;
left: 79px;
bottom: 5px;
z-index: 1;
background: #ffffff;
line-height: 0;
border-radius: 3px;
padding: 2px 4px;
display: none;
cursor:pointer;
}
.v-header__avatar .v-header-avatar-manage svg {
stroke: #5a5a5a;
}
.v-header__avatar:hover .v-header-avatar-manage {
display: block;
}
.v-header__actions {grid-row: 1;grid-column: 2;align-self: start;flex-direction: row-reverse;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;}
.v-header__tabs {
grid-column-start: span 2;
}
.ui-border-bottom {
border-bottom: 1px solid #efefef;
}
.tabs-scrollarea {
display: flex;
overflow-x: auto;
width: 100%;
flex-wrap: nowrap;
overflow-y: hidden;
}
.tab-label {
position: relative;
height: 100%;
}
.ui-tabs-1 {
display: flex;
width: calc(100% + 35px);
overflow: hidden;
margin: 0 -20px;
}
.ui-tabs-1 .tab {
font-size: 15px;
line-height: 50px;
height: 50px;
position: relative;
min-width: 0;
padding-left: 12px;
padding-right: 12px;
cursor: pointer;
white-space: nowrap;
min-width: max-content;
}
.ui-tabs-1 .tab:first-child {
padding-left: 0;
}
.ui-tabs-1 .tab:first-child{
padding-left: 20px;
}
.ui-tabs-1 .tab.active {
font-weight: 500;
cursor: inherit;
}
.ui-tabs-1 .tab.active .tab-label:after {content: '';position: absolute;bottom: 0px;left: 0;width: 100%;height: 3px;background: #3f5fff;}
.ui-tabs--large .tab {
font-size: 16px;
padding-left: 20px;
padding-right: 20px;
height: 60px;
line-height: 60px;
color: black;
}
.ui-tabs--large .tab.active {}
.ui-tabs-1 .tab-label .v-tab__counter {
font-weight: 400;
color: #595959;
font-size: 14px;
}
.tab:hover {
color: #405fff;
}
.tab.active:hover {
color: #000;
cursor:default;
}
.pseudo_textarea-wrapper {
clear: both;
position: relative;
z-index: 1;
background-color: #fff;
padding: 7px 15px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
cursor: pointer;
min-height: 34px;
}
.pseudo_textarea-wrapper .textarea {
display: block;
float: left;
font-size: 15px;
line-height: 34px;
color: #818181;
}
.textarea__actions {
float: right;
display: flex;
}
.textarea__actions .action {
width: 34px;
height: 34px;
background: #f4f7f9;
text-align: center;
vertical-align: bottom;
border-radius: 50%;
margin-left: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.textarea-wrapper .textarea__actions {
float: none;
display: flex;
width: max-content;
}
.textarea-wrapper .textarea__actions .action {
/* display: inline-block; */
/* line-height: 38px; */
}
.textarea-wrapper .textarea:empty+.textarea__placeholder {
opacity: 1;
}
.textarea__actions .action:first-child {
margin-left: 0;
}
.textarea-wrapper {
position: relative;
z-index: 1;
background-color: #fff;
padding: 15px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
display: none;
padding-top: 12px;
}
.textarea-wrapper .textarea__placeholder {
position: absolute;
font-size: 15px;
line-height: 34px;
color: #818181;
opacity: 0;
z-index: -1;
top: 8px;
}
.textarea-wrapper .textarea {
outline: none;
padding-bottom: 40px;
font-size: 15px;
}
.textarea-wrapper.textarea--empty .textarea__placeholder {
}
.textarea--show .pseudo_textarea-wrapper {
display: none;
}
.textarea--show .textarea-wrapper {
display: block;
}
.textarea__custom {
display: inline-block;
margin-left: auto;
}
.textarea__user {
/* display: inline-block; */
/* margin-left: auto; */
}
.textarea__submit {
}
.textarea__panel {
display: flex;
}
.textarea__cancel_button{
visibility:hidden;
}
.textarea--answer .textarea__cancel_button{
visibility:visible;
}
.ui-header_wrapper .ui-logo-1 {
}
.site-header__button {
display: flex;
}
.site-header__button .site-header__item {
align-items: center;
cursor: pointer;
display: flex;
position: relative;
padding: 0px 15px;
font-size: 14px;
color: black;
font-weight: 500;
}
.site-header__button .site-header__item .item-label {
white-space: nowrap;
display: block;
}
.site-header__button .site-header__item:last-child{
padding-right: 0;
}
.site-header__button .site-header__item svg {
}
.site-header__item:hover {
color: #415fff;
}
.ui-user--icon-header {
width: 20px;
height: 20px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.is-logged .hide--if-logged {
display: none;
}
.is-unlogged .hide--if-unlogged {
display: none;
}
.site-header__item.user-icon--row {
padding-right: 0;
}
.site-header__item.user-menu--row {
padding-left: 5px;
}
.ui-dropdown--menu {
position: absolute;
background: white;
top: 50px;
width: 200px;
right: 24px;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 4px 8px 0 rgba(0,0,0,0.07);
box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 4px 8px 0 rgba(0,0,0,0.07);
background-color: #fff;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
display: none;
z-index: 2;
}
.ui-dropdown--menu .section--title {
font-size: 11px;
color: #595959;
margin: 0 14px;
margin-top: 6px;
margin-bottom: 5px;
}
.ui-dropdown--menu .item {
display: flex;
color: #909090;
line-height: 1;
align-items: end;
padding: 10px 0;
margin-bottom: -1px;
text-decoration: none;
border-bottom: none;
cursor: pointer;
}
.ui-dropdown--menu .item .icon {
margin-left: 15px;
line-height: 0;
position: relative;
top: -1px;
margin-right: 5px;
}
.ui-dropdown--menu--1 .item .icon img {
width: 21px;
height: 21px;
border-radius: 6px;
position: relative;
top: 1px;
}
.ui-dropdown--menu .item .label {
line-height: 1;
border-bottom: 1px solid #efefef;
width: 100%;
padding-bottom: 10px;
margin-bottom: -10px;
}
.ui-dropdown--menu .item:last-child .label {
padding-bottom: 0;
border-bottom: 0;
}
.ui-dropdown--menu .item.item-profile {
color: black;
font-weight: 600;
margin-bottom: -6px;
}
.ui-dropdown--menu .item.item-profile .icon {
width: 20px;
min-width: 20px;
margin-left: 13px;
margin-right: 10px;
top: -2px;
}
.ui-dropdown--menu .item.item-profile .icon .image {
width: 20px;
height: 20px;
border-radius: 5px;
}
.shown .ui-dropdown--menu {
display: block;
}
.ui-dropdown--menu--1 {
top: 35px;
border: 1px solid rgba(0,0,0,0.07);
-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.06);
box-shadow: 0px 4px 8px rgba(0,0,0,0.06);
border-radius: 8px;
}
.ui-dropdown--menu--1 .item {
color: black;
font-size: 13px;
-webkit-font-smoothing: antialiased;
}
.ui-dropdown--menu--1 .item .label {margin-top: 4px;padding-bottom: 13px;}
.ui-dropdown--menu--1 .item .icon {
margin-left: 13px;
margin-right: 10px;
color: #595959;
}
.ui-dropdown--menu .item.item-profile .label {
}
.ui-dropdown--menu .item.item-warning {
color: #ff4040;
}
.ui-dropdown--menu .item.item-warning svg {
stroke: #ff4040;
}
.ui-dropdown--menu .item:hover {
background: #efefef;
}
.ui-dropdown--menu .item.item-profile:hover {
background: transparent;
}
.ui-dropdown--menu.ui-menu--small {
right: -10px;
top: 25px;
width: 125px;
font-size: 13px;
}
.ui-dropdown--menu.ui-menu--small .label, .ui-dropdown--menu.ui-menu--small .item:last-child .label {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
color: black;
}
.ui-dropdown--menu.ui-menu--small .item {
padding: 10px;
margin: 2px 0;
}
.ui-dropdown--menu.to-right {
right: auto;
left: -10px;
}
.ui-menu {
padding: 5px 0;
}
.ui-menu .item {
color: black;
display: flex;
line-height: 1;
padding: 15px 0;
}
.ui-menu .item svg {
stroke: #595959;
}
.ui-menu .item .icon {
margin-right: 12px;
margin-left: 18px;
line-height: 0;
}
.ui-menu .item .label {
position: relative;
top: 3px;
border-bottom: 1px solid #efefef;
width: 100%;
padding-bottom: 15px;
margin-bottom: -13px;
}
.ui-menu .item:hover, .ui-menu .item.active {
background: #f3f4fd;
}
.ui-menu .item:last-child .label {
border: 0;
padding-bottom: 0;
}
.ui-menu .item.active .label, .ui-menu .item:hover .label {
border: 0;
}
.ui-menu .item.active .label {
font-weight: 500;
}
.ui-menu .item.active svg {
stroke: black;
}
.ui-menu .item:last-child {
}
.jq-toast-single.jq-icon-error {
border-left-color: #e60000;
background-image: url(/assets/icons/x-circle.svg);
background-repeat: no-repeat;
background-position: 10px;
}
.jq-toast-single .jq-toast-heading {
font-family: 'Roboto';
font-size: 14px;
margin-bottom: 0;
font-weight: 400;
line-height: 20px;
}
.jq-toast-single {
background-color: #ffffff;
color: black;
border-radius: 0;
padding: 12px 20px;
border-left: 2px solid;
font-family: 'Roboto';
font-size: 100%;
padding-left: 70px;
right: 0;
width: auto;
min-height: 45px;
display: flex;
align-items: center;
margin-bottom: 10px;
border-top: 1px solid #0000000d;
box-shadow: 4px 4px 7px 0 #e4e4e46b;
}
.jq-icon-success {
border-left-color: #178a17;
background-image: url(/assets/icons/check-circle.svg);
background-repeat: no-repeat;
background-position: 15px;
}
.jq-toast-wrap.top-right {
right: 20px;
min-width: 300px;
top: 40px;
}
/* SUBSITE/PROFILE PAGE*/
.subsite--columns {
display: flex;
}
.sidebar-right--row {
width: calc(940px - 534px);
margin-left: 25px;
}
.sidebar-right--column.is--sticky {
position: fixed;
top: 70px;
height: 100%;
overflow: auto;
}
.sidebar--section {
margin: 10px 0;
}
.sidebar--block-row {
background: white;
border-radius: 8px;
/* box-shadow: 0px 0px 10px 0 #0000000f; */
}
.sidebar--title {
font-weight: 500;
padding: 13px 17px;
line-height: 1.2;
padding-bottom: 0;
display: flex;
align-items: flex-end;
}
.sidebar--count {
color: #595959;
font-weight: 400;
margin-left: 5px;
font-size: 15px;
}
.sidebar--content .layout--a {
font-size: 16px;
margin: 10px 17px;
}
/* EDITOR */
.editor--header-row {
display: flex;
margin: -5px -10px;
align-items: center;
}
.editor--header-item {
margin: 0px 10px;
font-size: 15px;
}
.ui-editor_wrapper {
height: 100%;
}
.ui-editor_wrapper .ui-feed-block_content p {
margin: 15px 0;
line-height: 1.86;
}
.bubble--dropdown-wrapper {
position: absolute;
height: 400px;
width: 210px;
background: white;
z-index: 11;
border-radius: 6px;
border: 1px solid #e2e2ea;
box-shadow: 0 2px 10px 0 #80808026;
margin-top: 35px;
transition: 0.1s;
opacity: 0;
transform: translateY(5px);
visibility: hidden;
}
.shown+.bubble--dropdown-wrapper {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
.bubble--dropdown-shown {
opacity: 1;
transform: translateY(0px);
visibility: visible;
}
.bubble--dropdown-wrapper .search input {
border: none;
font-size: 14px;
font-family: 'Roboto';
width: 100%;
padding: 4px 11px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 0px;
line-height: 1.4;
outline: none;
}
.bubble--dropdown-wrapper .search {
display: flex;
align-items: center;
padding: 6px 10px;
}
.bubble--dropdown-wrapper .search svg {
min-width: 14px;
margin: 0px 5px;
}
.bubble--dropdown-section {
border-bottom: 1px solid #efefef;
}
.bubble--dropdown-section:last-child {
border-bottom: none;
}
.ui--shadow-bottom {
border-bottom: 1px solid #efefef;
box-shadow: 0 5px 5px 0 #8080800d;
}
.bubble--dropdown-section [subsite-id] {
display: flex;
border: none;
font-size: 14px;
color: black;
padding: 7px 0;
margin: 0;
}
.bubble--dropdown-section [subsite-id] .icon {
width: 20px;
height: 20px;
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
border-radius: 3px;
margin-right: 7px;
margin-left: 13px;
}
.bubble--dropdown-section [subsite-id]:hover {
background: #f4f4f8;
}
.cdx-block {
margin: 15px 0;
}
[data-fancybox] {
border: none !important;
}
/** SLIDER **/
.cdx-Slider-row {
margin-bottom: -20px;
}
.cdx-Slider__item {
height: 370px;
display: flex;
flex-direction: column;
/* background: #f2f3f4; */
border-radius: 20px;
padding-bottom: 30px;
justify-content: center;
}
.cdx-Slider__item .cdx-Slider__item--wrapper {
line-height: 0.9;
position: relative;
z-index: 1;
padding: 45px;
-webkit-font-smoothing: antialiased;
height: calc(100% - 100px);
display: flex;
flex-direction: column;
width: 43%;
}
.cdx-Slider__item--background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 92%;
border-radius: 20px;
z-index: 0;
background: #f1f2f7;
}
.cdx-Slider__item--background .background {
width: 100%;
height: 100%;
border-radius: 20px;
background-size: cover !important;
background-position: center !important;
}
.cdx-Slider__item--background:before {
border-radius: 20px;
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.cdx-Slider__item--blur {
position: absolute;
top: 8px;
left: 0;
width: 95%;
height: 92%;
margin: auto;
right: 0;
filter: blur(10px);
z-index: -1;
opacity: 0.3;
}
.cdx-Slider__item--blur .background {
width: 100%;
height: 100%;
border-radius: 20px;
background-size: cover !important;
}
.slider--navigation-wrapper {
display: flex;
align-items: center;
}
.swiper-button-next, .swiper-button-prev {
background: none;
position: relative;
left: 0;
right: 0;
height: auto;
bottom: 0;
margin: 0;
width: auto;
}
.slider--button .icon {
display: flex;
color: white;
}
.swiper-pagination-bullet {
margin: 0 3px;
background: white;
opacity: .45;
width: 6px;
height: 6px;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
.slider--navigation {
position: absolute;
right: 20px;
bottom: 50px;
}
.swiper-pagination {
position: relative;
margin: 0 2px;
}
.cdx-Slider__item .cdx-Slider__item--wrapper .slider--title {
font-size: 44px;
font-weight: 600;
margin-bottom: 20px;
line-height: 1.2;
}
.cdx-Slider__item
.slider--pre_caption {
font-size: 32px;
line-height: 1;
}
.cdx-Slider__item
.slider--buttons {
margin-top: auto;
}
.cdx-Slider__item .cdx-Slider__item--wrapper .slider--caption {
font-size: 16px;
font-weight: 500;
line-height: 1.4;
}
/* Labels */
.cdx-Labels--row, .cdx-Tiles--row, .cdx-blog--row {
padding: 21px 24px;
line-height: 1;
}
.cdx-Labels__item-content, .cdx-Tiles__item-content, .cdx-Blog__item-content {
position: relative;
z-index: 1;
font-size: 16px;
-webkit-font-smoothing: antialiased;
letter-spacing: -.3px;
}
.cdx-Labels__item-title {
font-weight: 600;
line-height: 1.2;
}
.cdx-Counters__item {
border: 1px solid #dfe8ed;
padding: 15px;
width: 100%;
border-radius: 0 0 20px 0px;
position: relative;
margin: 10px;
background: #ffffff;
}
.cdx-Counters__item:after {
position: absolute;
bottom: 0;
right: 0;
}
.cdx-Counters__item .cdx-Counters__item-text {font-weight: 600;font-size: 30px;line-height: 1.2;margin-bottom: 7px;}
.cdx-Counters__item-caption {
line-height: 1.3;
font-size: 16px;
}
.cdx-block.cdx-Counters {
display: flex;
margin: -10px;
}
.cdx-Counters-theme-2 .cdx-Counters__item {
background: #ebf4fa;
border: none;
border-radius: 0px;
}
.cdx-Counters-theme-3 .cdx-Counters__item {
box-shadow: 0 4px 10px 0 #ececec;
border-radius: 18px;
border: 1px solid #f5f5f5;
}
.cdx-Counters-theme-3 .cdx-Counters__item .cdx-Counters__item-text {
font-size: 40px;
}
.cdx-Counters-theme-3 .cdx-Counters__item .cdx-Counters__item-caption {
font-size: 14px;
}
.cdx-block.cdx-Counters.cdx-Counters-theme-5 {
margin: -10px -25px;
}
.cdx-Counters-theme-4 .cdx-Counters__item {
border-radius: 0px;
background: #fcf1dd;
border: none;
}
.cdx-Counters-theme-4 .cdx-Counters__item .cdx-Counters__item-text {
font-size: 40px;
}
.cdx-Counters-theme-4 .cdx-Counters__item .cdx-Counters__item-caption {
font-size: 14px;
}
.cdx-Counters-theme-5 .cdx-Counters__item {
border: none;
border-radius: 0px;
}
.cdx-Counters-theme-5 .cdx-Counters__item .cdx-Counters__item-text {
font-size: 40px;
}
.cdx-Counters-theme-5 .cdx-Counters__item .cdx-Counters__item-caption {
font-size: 14px;
color: gray;
}
.cdx-Counters-theme-6 .cdx-Counters__item {
border-radius: 0px;
border: none;
}
.cdx-Counters-theme-6 .cdx-Counters__item .cdx-Counters__item-text {
position: relative;
display: inline;
z-index: 1;
font-size: 50px;
}
.cdx-Counters-theme-6 .cdx-Counters__item .cdx-Counters__item-text:after {content: '';position: absolute;display: block;left: 0;bottom: 3px;width: 72%;height: 40%;background: #f5e1bd;z-index: -1;}
.cdx-Counters-theme-6 .cdx-Counters__item .cdx-Counters__item-caption {font-weight: 500;}
.cdx-Counters.cdx-Counters-theme-6 {
margin: -10px -25px;
}
.ui-interview-row .ui-interview-wrapper {
padding: 35px;
}
.ui-interview-row .ui-interview-wrapper header {
border-bottom: 1px solid #efefef;
padding-bottom: 10px;
margin-bottom: 25px;
}
.ui-interview-wrapper.withBackground, .layout--a.withBackground {
background: #f1f7fb;
clear: both;
width: 100%;
padding: 0;
}
.ui-message-block {
font-size: 15px;
line-height: 1.6;
display: flex;
width: 100%;
margin: 15px;
align-items: flex-end;
}
.ui-message-block .user-preview {
width: 45px;
height: 45px;
min-width: 45px;
margin-right: 15px;
margin-bottom: 15px;
background: url('https://gsl.org/ru/wp-content/themes/gsl/i/empty_speaker-80x80.jpg') no-repeat;
background-size: contain;
border-radius: 100px;
}
.ui-message-block .user-preview img {
width: 100%;
border-radius: 100px;
}
.ui-message-block .ui-message-block-wrapper .text, .ui-message-block .ui-message-block-wrapper .ui-message-block-text {
background: #dfe2f5;
padding: 13px 20px;
border-radius: 16px;
line-height: 1.7;
outline: none;
}
.ui-message-block .ui-message-block-wrapper .text p:last-child {
margin-bottom: 0;
}
.ui-message-block .fullname, .ui-message-block .ui-message-block-wrapper .ui-message-block-author {
font-size: 13px;
margin-left: 15px;
color: gray;
outline: none;
}
.ui-message-block.right {
float: right;
flex-direction: row-reverse;
}
.ui-message-block.left {
float: left;
}
.ui-message-block.right .user-preview {
margin-right: 0;
margin-left: 15px;
}
.ui-message-block.right
.fullname {
text-align: right;
}
.ui-message-block-author[contentEditable=true][data-placeholder]::before{
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
.ui-message-block-author[contentEditable=true][data-placeholder]:empty::before {
opacity: 0.5;
}
.ui-message-block-author[contentEditable=true][data-placeholder]:empty:focus::before {
opacity: 0;
}
.ui-message-block-text[contentEditable=true][data-placeholder]::before{
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
.ui-message-block-text[contentEditable=true][data-placeholder]:empty::before {
opacity: 0.5;
}
.ui-message-block-text[contentEditable=true][data-placeholder]:empty:focus::before {
opacity: 0;
}
.ui-message-block i {
font-style: normal;
background: #fde8c6;
}
.ui-interview-row .ui-interview-wrapper section {
clear: both;
margin: 20px 0;
display: inline-block;
}
.ui-interview-row .ui-interview-wrapper .users, .cdx-memberslist {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
}
.ui-interview-row .ui-interview-wrapper .users .user, .cdx-memberslist .cdx-memberslist__user {
width: 50%;
display: flex;
text-align: left;
line-height: 1.3;
font-size: 16px;
align-items: center;
padding: 10px;
margin: -10px;
}
.ui-interview-row .ui-interview-wrapper .users .user .user-preview img {
width: 100%;
border-radius: 100px;
}
.ui-interview-row .ui-interview-wrapper .users .user .name, .cdx-memberslist .cdx-memberslist__user .cdx-memberslist__item-name {
display: block;
font-weight: 500;
letter-spacing: -0.3px;
margin-bottom: 4px;
line-height: 1.2;
}
.ui-interview-row .ui-interview-wrapper .users .user .position, .cdx-memberslist .cdx-memberslist__user .cdx-memberslist__item-position {
font-size: 13px;
display: block;
}
.ui-interview-row .ui-interview-wrapper .users .user .user-preview {
margin-right: 15px;
min-width: 70px;
width: 70px;
}
.ui-interview-row.interview-1 .users .user .name, .cdx-memberslist .cdx-memberslist__user .cdx-memberslist__item-name{font-size: 21px;outline: none;}
.ui-interview-row.interview-1{background: #fbfbfb;}
.ui-interview-row.interview-1 .ui-message-block {
max-width: 100%;
}
.ui-interview-row.interview-1 .text {
font-size: 18px;
line-height: 1.7em;
padding: 17px 25px;
border-radius: 6px;
}
.ui-interview-row.interview-1 .ui-interview-wrapper .users .user .position, .cdx-memberslist .cdx-memberslist__user .cdx-memberslist__item-position {
font-size: 16px;
display: block;
line-height: 1.6;
}
.change-road {
opacity: 0;
cursor: pointer;
margin-left: 10px;
}
.ui-message-block:hover .change-road {
opacity: 1;
}
.cdx-Gallery-row {
display: flex;
overflow: hidden;
flex-wrap: nowrap;
}
.cdx-Gallery-left, .cdx-Gallery-right {
width: 50%;
}
.cdx-Gallery-left .cdx-Gallery__item {
height: 440px;
}
.cdx-Gallery-left .cdx-Gallery__item , .cdx-Gallery-left .cdx-Gallery__item .item--placeholder {
border-radius: 20px 4px 4px 20px;
}
.cdx-Gallery__item .item--placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000052;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: white;
font-weight: 600;
font-size: 18px;
}
.cdx-Gallery__item .item--placeholder .icon {
margin-bottom: 10px;
}
.cdx-Gallery__item .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
transform: scale(1.3);
filter: opacity(0);
transition: 0.7s;
border-radius: 4px;
}
.cdx-Gallery__item .background.load {
transform: scale(1);
filter: none;
}
.cdx-Gallery__item {
overflow: hidden;
width: 100%;
display: block;
position: relative;
background-color: #eff2f7;
transform: translateZ(0);
}
.cdx-Gallery-right {
display: flex;
flex-wrap: wrap;
margin: -4px 0px;
margin-left: 4px;
margin-right: -4px;
}
.cdx-Gallery-right .cdx-Gallery__item {
width: calc(50% - 8px);
margin: 4px;
border-radius: 4px;
}
.cdx-Gallery-right .cdx-Gallery__item:last-child , .cdx-Gallery-right .cdx-Gallery__item:last-child .item--placeholder {
border-radius: 4px 4px 20px 4px !Important;
}
.cdx-Gallery-right .cdx-Gallery__item:nth-child(2n), .cdx-Gallery__item:nth-child(2n) .item--placeholder {
border-radius: 4px 20px 4px 4px;
}
.cdx-Gallery-row.style-4 .cdx-Gallery-right .cdx-Gallery__item:last-child {
width: 100%;
}
.cdx-Gallery-row.style-3 .cdx-Gallery-right .cdx-Gallery__item:first-child {
border-radius: 0px 20px 0px 0px;
}
.cdx-Gallery-row.style-3 .cdx-Gallery-right .cdx-Gallery__item:last-child {
border-radius: 0px 0px 20px 0px !important;
}
.cdx-Gallery-row.style-3 .cdx-Gallery-right
.cdx-Gallery__item {
height: 48%;
width: 100%;
}
.cdx-Highlight {
background: #efefef;
padding: 1px 4px;
border: 1px solid #d4d4d4;
border-radius: 4px;
cursor: pointer;
}
.cdx-Highlight:hover {
border: 1px solid #e1eaf0;
background: #ebf4fa;
}
.cdx-attaches--with-file audio {
width: 100%;
outline: none;
}
.cdx-attach-media {
flex-direction: column;
}
.cdx-attach-media {
}
.cdx-attach-media audio {
background: #f1f3f4;
}
.cdx-attach-media .cdx-attaches__title {
display:none;
font-size: 14px;
margin-top: 5px;
color: #595959;
}
.cdx-attach-media video {
border-radius: 4px;
outline: none;
}
.cdx-attach-media iframe {
min-height: 500px;
width: 100%;
}
.cdx-memberslist__item-photo {
width: 70px;
height: 70px;
background: url('https://gsl.org/ru/wp-content/themes/gsl/i/empty_speaker-80x80.jpg') no-repeat;
background-size: contain;
border-radius: 100px;
margin-right: 15px;
min-width: 70px;
cursor: pointer;
}
.cdx-memberslist__item-photo img {
width: 100%;
border-radius: 100px;
border: 1px solid #efefef;
height: 100%;
object-fit: cover;
}
.cdx-memberslist .cdx-memberslist__user .cdx-memberslist__description {
width: calc(100% - 70px);
}
.cdx-offer {
position: relative;
width: 100%;
height: 360px;
display: flex;
align-items: center;
background: #F0F2F8;
border-radius: 20px;
}
.cdx-offer__content {
padding: 35px;
position: relative;
z-index: 2;
color: white;
}
.cdx-offer__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 20px;
overflow: hidden;
}
.cdx-offer__background .cdx-offer__photo {
width: 100%;
height: 100%;
background-position: center !important;
background-size: cover !important;
}
.cdx-offer__background:after {content: '';background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.cdx-offer__name {
font-size: 48px;
line-height: 1.3;
font-weight: 600;
position: relative;
left: -3px;
}
.cdx-offer__description {
font-size: 24px;
line-height: 1.4;
}
.cdx-offer__link {
opacity: 0.4;
margin-top: 20px;
}
.cdx-offer.cdx-offer-theme-2 {
height: auto;
}
.cdx-offer-theme-2 .cdx-offer__background:after {opacity: 0;}
.cdx-offer.cdx-offer-theme-2 {
color: #3D3D3D;
background: linear-gradient(
86.14deg
, #CFD8DC 0%, #CFD8DC 0.52%, #ECEEF1 18.23%, #F8F8F8 100%);
}
.cdx-offer.cdx-offer-theme-2 .cdx-offer__content {
color: #3D3D3D;
width: 40%;
}
.cdx-offer.cdx-offer-theme-2 .cdx-offer__name {
font-size: 32px;
font-weight: 600;
line-height: 1.2;
}
.cdx-offer.cdx-offer-theme-2 .cdx-offer__description {
font-size: 16px;
line-height: 1.4;
margin-top: 20px;
margin-bottom: 35px;
}
.cdx-personality {
padding: 30px;
border: 1px solid #e5e6ec;
border-radius: 3px;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}
.cdx-personality::after {
content: '';
clear: both;
display: table;
}
.cdx-personality [contentEditable=true][data-placeholder]::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
.cdx-personality [contentEditable=true][data-placeholder]:empty::before {
opacity: 1;
}
.cdx-personality [contentEditable=true][data-placeholder]:empty:focus::before {
opacity: 0.3;
}
.cdx-personality__photo {
float: right;
width: 70px;
height: 70px;
margin-left: 30px;
border-radius: 3px;
background: #f6f6f9 url('data:image/svg+xml,') center center no-repeat;
cursor: pointer;
overflow: hidden;
}
.cdx-personality__name {
font-weight: 600;
outline: none;
}
.cdx-personality__description {
font-size: 0.86em;
margin: 10px 0;
outline: none;
}
.cdx-personality__link {
font-size: 0.68em;
color: #6e758a;
letter-spacing: 0.1px;
text-overflow: ellipsis;
outline: none;
}
.codex-editor--narrow .cdx-personality {
padding: 15px;
}
.cdx-quote {
font-style: normal;
padding: 35px 14% 40px;
background-color: #fffaf1;
}
.cdx-quote .cdx-quote__name, .cdx-quote__caption {
font-style: normal;
}
.cdx-quote__text {
font-size: 22px;
font-weight: 400;
line-height: 32px;
margin-bottom: 25px;
position: relative;
}
.cdx-quote footer {
display: flex;
align-items: center;
}
.cdx-quote-icon svg {
transform: rotate(180deg);
}
.cdx-quote__text {
}
.cdx-quote .cdx-quote__caption {
font-size: 1.06em;
letter-spacing: 0;
outline: none;
line-height: 1.35em;
}
.cdx-quote [contentEditable=true][data-placeholder]::before{
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
.cdx-quote__text:after {content: '';position: absolute;top: 5px;left: -60px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='.418' viewBox='0 0 39 28'%3E%3Cpath fill='%239B9B9B' d='M16.375.094V4.78c-2.448 0-4.727.788-6.836 2.364-2.11 1.575-3.164 3.457-3.164 5.644 0 1.302.52 1.953 1.563 1.953.234 0 .703-.091 1.406-.273.729-.157 1.315-.235 1.758-.235 1.432 0 2.78.58 4.043 1.739 1.263 1.159 1.894 2.754 1.894 4.785 0 1.979-.651 3.678-1.953 5.097-1.302 1.42-3.086 2.13-5.352 2.13-2.708 0-4.895-1.023-6.562-3.067-1.667-2.044-2.5-4.89-2.5-8.535 0-5.026 1.53-8.965 4.59-11.817C8.322 1.715 12.026.224 16.375.094zm21.445 0V4.78c-2.317 0-4.563.775-6.738 2.324-2.174 1.55-3.262 3.444-3.262 5.684 0 1.302.521 1.953 1.563 1.953.234 0 .703-.091 1.406-.273.73-.157 1.315-.235 1.758-.235 1.51 0 2.877.6 4.101 1.797 1.224 1.198 1.836 2.774 1.836 4.727 0 1.979-.65 3.678-1.953 5.097-1.302 1.42-3.086 2.13-5.351 2.13-2.709 0-4.896-1.023-6.563-3.067-1.666-2.044-2.5-4.89-2.5-8.535 0-5.026 1.53-8.965 4.59-11.817C29.767 1.715 33.471.224 37.82.094z'/%3E%3C/svg%3E");width: 40px;height: 40px;background-repeat: no-repeat;}
.cdx-quote__captionWrapper {
line-height: 1;
}
.cdx-quote [contentEditable=true][data-placeholder]:empty::before {
opacity: 1;
}
.cdx-quote [contentEditable=true][data-placeholder]:empty:focus::before {
opacity: 0;
}
.cdx-quote-settings {
display: flex;
flex-wrap: wrap;
}
.cdx-quote-settings .cdx-settings-button {
width: 50%;
margin: 0;
}
.cdx-quote__photo {
width: 55px;
height: 55px;
margin-right: 15px;
}
.cdx-quote__photo svg {
width: 25px;
height: 25px;
}
.content blockquote footer {
display: flex;
align-items: center;
}
.cdx-quote .cdx-quote__name {
position: relative;
outline: none;
margin: auto 0;
font-weight: 600;
line-height: 1.45em;
font-size: 1.06em;
}
.cdx-quote__photo .changeAvatar {
border: 2px dashed #d3dfe8;
border-radius: 100px;
display: flex;
font-size: 11px;
flex-direction: column;
align-items: center;
font-weight: 500;
width: 70px;
height: 70px;
line-height: 1;
text-align: center;
justify-content: center;
color: #707684;
cursor: pointer;
padding: 5px;
}
.cdx-quote__photo img {
width: 100%;
border-radius: 100px;
}
.cdx-quote__name .h {
display: none;
}
blockquote.cdx-quote-theme-2 .cdx-quote__text {
font-size: 22px;
line-height: 1.25;
font-weight: 500;
}
blockquote.cdx-quote-theme-2 {
border-radius: 0;
padding: 35px 50px;
}
blockquote.cdx-quote-theme-2::before {content: "\201C";font-family: serif;position: absolute;font-size: 60px;left: 20px;top: 40px;line-height: 0;color: black;}
blockquote.cdx-quote-theme-2::after {content: "\201C";font-family: serif;position: absolute;font-size: 60px;right: 20px;bottom: 100px;line-height: 0;color: black;}
blockquote.cdx-quote-theme-3 {background: #fbf3e9;color: #000000;padding: 30px 50px;border-radius: 0;}
blockquote.cdx-quote-theme-3:before, blockquote.cdx-quote-theme-3:after{
content: "";
font-family: serif;
position: absolute;
font-size: 60px;
line-height: 0;
color: #58554B;
}
blockquote.cdx-quote-theme-3:before{
content: "\201C";
left: 20px;
top: 40px;
}
blockquote.cdx-quote-theme-3:after{
content: "\201C";
right: 20px;
bottom: 100px;
}
blockquote.cdx-quote-theme-3 .cdx-quote__text {
font-size: 22px;
line-height: 1.25;
font-weight: 500;
}
.cdx-warning {
position: relative;
background: #ffeded;
padding: 20px 15px;
margin: 20px -15px;
}
.cdx-warning [contentEditable=true][data-placeholder]::before{
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
.cdx-warning [contentEditable=true][data-placeholder]:empty::before {
opacity: 1;
}
.cdx-warning [contentEditable=true][data-placeholder]:empty:focus::before {
opacity: 0;
}
.cdx-warning::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 320 294' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%237B7E89' d='M160.5 97c12.426 0 22.5 10.074 22.5 22.5v28c0 12.426-10.074 22.5-22.5 22.5S138 159.926 138 147.5v-28c0-12.426 10.074-22.5 22.5-22.5zm0 83c14.636 0 26.5 11.864 26.5 26.5S175.136 233 160.5 233 134 221.136 134 206.5s11.864-26.5 26.5-26.5zm-.02-135c-6.102 0-14.05 8.427-23.842 25.28l-74.73 127.605c-12.713 21.444-17.806 35.025-15.28 40.742 2.527 5.717 8.519 9.175 17.974 10.373h197.255c5.932-1.214 10.051-4.671 12.357-10.373 2.307-5.702-1.812-16.903-12.357-33.603L184.555 70.281C174.608 53.427 166.583 45 160.48 45zm154.61 165.418c2.216 6.027 3.735 11.967 4.393 18.103.963 8.977.067 18.035-3.552 26.98-7.933 19.612-24.283 33.336-45.054 37.586l-4.464.913H61.763l-2.817-.357c-10.267-1.3-19.764-4.163-28.422-9.16-11.051-6.377-19.82-15.823-25.055-27.664-4.432-10.03-5.235-19.952-3.914-29.887.821-6.175 2.486-12.239 4.864-18.58 3.616-9.64 9.159-20.55 16.718-33.309L97.77 47.603c6.469-11.125 12.743-20.061 19.436-27.158 4.62-4.899 9.562-9.07 15.206-12.456C140.712 3.01 150.091 0 160.481 0c10.358 0 19.703 2.99 27.989 7.933 5.625 3.356 10.563 7.492 15.193 12.354 6.735 7.072 13.08 15.997 19.645 27.12l.142.24 76.986 134.194c6.553 10.46 11.425 19.799 14.654 28.577z'/%3E%3C/svg%3E");
width: 18px;
height: 18px;
background-size: 18px 18px;
position: absolute;
margin-top: 5px;
left: -30px;
}
@media all and (max-width: 735px) {
.cdx-warning::before {
display: none;
}
}
.cdx-warning__message {
}
.cdx-warning__title {
margin-bottom: 5px;
font-weight: 600;
}
.cdx-alert {
position: relative;
padding: 13px 18px;
border-radius: 5px;
margin-bottom: 10px;
}
.cdx-alert__message {
outline: none;
}
.cdx-alert [contentEditable='true'][data-placeholder]::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
.cdx-alert [contentEditable='true'][data-placeholder]:empty::before {
opacity: 1;
}
.cdx-alert [contentEditable='true'][data-placeholder]:empty:focus::before {
opacity: 0;
}
.cdx-alert-primary {
background-color: #ebf8ff;
border: 1px solid #4299e126;
color: #2b6cb0;
}
.cdx-alert-secondary {
background-color: #f7fafc;
border: 1px solid #cbd5e0;
color: #222731;
}
.cdx-alert-info {
background-color: #e6fdff;
border: 1px solid #4cd4ce;
color: #00727c;
}
.cdx-alert-success {
background-color: #f0fff4;
border: 1px solid #68d391;
color: #2f855a;
}
.cdx-alert-warning {
background-color: #fffaf0;
border: 1px solid #ed8936;
color: #c05621;
}
.cdx-alert-danger {
background-color: #fff5f5;
border: 1px solid #fc8181;
color: #c53030;
}
.cdx-alert-light {
background-color: #fff;
border: 1px solid #edf2f7;
color: #1a202c;
}
.cdx-alert-dark {
background-color: #2d3748;
border: 1px solid #1a202c;
color: #d3d3d3;
}
.cdx-alert.cdx-settings-button {
margin: 3px;
width: 28px;
height: 28px;
opacity: 0.5;
}
.cdx-alert.cdx-settings-button:hover {
opacity: 1;
}
.cdx-alert.cdx-settings-button--active,
.cdx-alert.ce-settings__button--focused {
font-weight: bold;
opacity: 0.9;
}
.ce-code__textarea {
font-family: Menlo, Monaco, Consolas, Courier New, monospace;
color: #41314e;
line-height: 1.6em;
font-size: 12px;
background: #f8f7fa;
border: 1px solid #f1f1f4;
box-shadow: none;
white-space: pre;
word-wrap: normal;
overflow-x: auto;
resize: vertical;
width: 100%;
}
.ce-delimiter {
line-height: 1.6em;
width: 100%;
text-align: center;
}
.ce-delimiter:before {
display: inline-block;
content: "***";
font-size: 30px;
line-height: 65px;
height: 30px;
letter-spacing: 0.2em;
}
.tc-table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;}.tc-table__wrap{border:1px solid #dbdbe2;border-radius:3px;position:relative;height:100%;width:100%;box-sizing:border-box}.tc-table__cell{border:1px solid #dbdbe2;padding:0;vertical-align:top}.tc-table__area{padding:10px;height:100%}.tc-table__inp{outline:none;flex-grow:100;min-height:1.5em;height:100%;overflow:hidden}.tc-table tbody tr:first-child td{border-top:none}.tc-table tbody tr:last-child td{border-bottom:none}.tc-table tbody tr td:last-child{border-right:none}.tc-table tbody tr td:first-child{border-left:none}
.cdx-checklist__item {
display: flex;
box-sizing: content-box;
margin: 10px 0;
}
.cdx-checklist__item-text {
outline: none;
flex-grow: 1;
padding: 2px 0;
}
.cdx-checklist__item-checkbox {
display: inline-block;
flex-shrink: 0;
position: relative;
width: 20px;
height: 20px;
margin: 5px;
margin-left: 0;
margin-right: 13px;
border-radius: 50%;
border: 1px solid #d0d0d0;
background: #fff;
cursor: pointer;
user-select: none;
}
.cdx-checklist__item-checkbox:hover {
border-color: #b5b5b5;
}
.cdx-checklist__item-checkbox::after {
position: absolute;
top: 6px;
left: 5px;
width: 9px;
height: 4px;
border: 2px solid #fff;
border-top: none;
border-right: none;
background: transparent;
content: '';
opacity: 0;
transform: rotate(-45deg);
}
.cdx-checklist__item--checked .cdx-checklist__item-checkbox {
background: #405fff;
border-color: #405fff;
}
.cdx-checklist__item--checked .cdx-checklist__item-checkbox:hover {
background: #307cd1;
}
.cdx-checklist__item--checked .cdx-checklist__item-checkbox::after {
opacity: 1;
}
/* POPUP */
.popup__layout {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
z-index: 1000;
visibility: hidden;
-webkit-transition: opacity 300ms cubic-bezier(.2,0,.2,1),visibility 0ms 300ms;
transition: opacity 300ms cubic-bezier(.2,0,.2,1),visibility 0ms 300ms;
will-change: top;
}
.popup__layout--shown {
opacity: .75;
visibility: visible;
-webkit-transition: opacity 300ms cubic-bezier(.2,0,.2,1),visibility 0ms 0ms;
transition: opacity 300ms cubic-bezier(.2,0,.2,1),visibility 0ms 0ms;
}
.popup {
display: block;
color: black;
}
.popup__container {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-perspective: 600px;
perspective: 600px;
z-index: 1001;
visibility: hidden;
text-align: center;
overflow: hidden;
}
.popup__container__window {
pointer-events: auto;
position: relative;
min-width: 380px;
display: inline-block;
vertical-align: middle;
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
visibility: hidden;
-webkit-transition: all 300ms cubic-bezier(.2,0,.2,1),visibility 0ms 300ms;
transition: all 300ms cubic-bezier(.2,0,.2,1),visibility 0ms 300ms;
margin: 0 auto 0 -3px;
}
.popup__container--shown .popup__container__window {
-webkit-transition: all 300ms cubic-bezier(.2,0,.2,1),visibility 0ms 0ms;
transition: all 300ms cubic-bezier(.2,0,.2,1),visibility 0ms 0ms;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.popup__container--shown.popup__container {
visibility: visible;
overflow-y: scroll;
}
.popup__container__window__tpl {
}
.popup__auth {
display: -ms-flexbox;
display: flex;
min-height: 530px;
background-color: #fff;
text-align: left;
border-radius: 6px 6px 6px 8px;
font-size: 14px;
}
.popup__container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.popup__container__window--close-inside .popup__container__window__close {
display: block;
position: absolute;
width: 13px;
height: 13px;
line-height: 0;
color: #595959;
cursor: pointer;
right: 15px;
top: 15px;
font-size: 0;
opacity: 0.9;
}
.popup__auth .auth__wrapper {
width: 500px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 25px;
}
.popup__auth .auth__wrapper .auth__header {
font-size: 2rem;
font-weight: 500;
letter-spacing: -.2px;
line-height: 1.2;
}
.auth__content {
display: none;
flex-direction: column;
margin: auto 0;
}
.auth__content.shown {
display: flex;
}
.auth-form__note {
font-size: 14px;
color: #595959;
}
.ui_form__fieldset--wrapper {
display: flex;
width: calc(100% + 10px);
margin: -5px;
}
.ui_form__fieldset--wrapper .ui_form__fieldset {
margin: 5px;
width: 100%;
margin-bottom: 0px;
}
.ui_form__fieldset input, .ui_form__fieldset textarea {
font-family: 'Montserrat';
border: 0px;
outline: none;
padding: 12px 15px;
border-top-color: #bbb;
padding-top: 22px;
padding-bottom: 8px;
font-weight: 500;
cursor: pointer;
width: calc(100% - 30px);
transition: 0.3s;
background: #F0F2F8;
margin-bottom:5px;
font-size: 14px;
border-radius: 10px;
}
.ui_form__fieldset .logo-placeholder {
padding: 15px;
width: auto;
height: 29px;
background: #eff2f7;
border-radius: 16px;
text-align: center;
cursor: pointer;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
color: #98a7bd;
background-repeat: no-repeat !important;
background-position: center !important;
}
.cover-placeholder {
padding: 15px;
width: auto;
height: 100px;
background: #eff2f7;
border-radius: 16px;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
color: #98a7bd;
justify-content: center;
}
.ui_form__fieldset>.label {
font-size: 14px;
color: #546E7A;
}
.ui-input--image_value img {
width: 100%;
}
.ui-input--image_value {
border-radius: 16px;
margin: 20px 0;
}
.ui_form textarea {
padding: 6px 12px;
height: auto;
min-height: 80px;
max-height: 300px;
resize: vertical;
}
.ui_form__fieldset input::placeholder{color: transparent}
.ui_form__fieldset input::-moz-placeholder{color: transparent}
.ui_form__fieldset input::-webkit-input-placeholder{color: transparent}
.ui_form__fieldset input:-ms-input-placeholder{color: transparent}
.ui_form__fieldset input::-ms-input-placeholder{color: transparent}
.ui_form__fieldset input:focus+label, .ui_form__fieldset textarea:focus+label, .ui_form__fieldset input.isnt_empty+label, .ui_form__fieldset textarea.isnt_empty+label {
top: 8px !important;
font-size: 12px;
opacity: 0.7;
left: 14px;
}
.ui_form__fieldset input.invalid, .ui-input-1 input.isnt_empty.invalid {
}
.ui_form__fieldset .invalid+label+.validation {
opacity: 1;
visibility: visible;
margin-top: 0px;
margin-bottom: 10px;
}
.ui_form__fieldset .validation {position: absolute;right: 16px;top: 16px;}
.ui_form__fieldset input+label,.ui_form__fieldset textarea+label {
position: absolute;
left: 15px;
top: 15px;
transition: 0.2s;
color: #90A4AE;
font-size: 14px;
font-weight: 500;
}
.ui_form__fieldset textarea {
}
.ui_form__fieldset input.isnt_empty {}
.ui_form__fieldset {
position: relative;
}
.ui_form__fieldset a {
border: none;
}
.ui-checkbox input {width: 16px;height: 16px;}
.ui-checkbox input[type="checkbox"]+label {
top: 4px;
left: 23px;
font-size: 13px;
color: black;
font-weight: 500;
}
.item-icon.favorite_marker__ghost svg {
fill: #405fff;
stroke: #405fff;
opacity: 0;
}
.item-icon.favorite_marker__ghost {
position: absolute;
}
.item-icon {
line-height: 0;
}
.site-header__button .site-header__item .item-icon {
margin-right: 7px;
}
.favorite_marker--animated .item-icon.favorite_marker__ghost svg {
opacity: 1;
}
.active .item-icon svg {
stroke: #405fff;
}
.active.toggle--bookmark .item-icon svg {
fill: #405fff;
}
.favorite_marker--animated .favorite_marker__ghost {
-webkit-animation: keyframes-favorite_marker 700ms 1 forwards cubic-bezier(.19,1,.22,1);
animation: keyframes-favorite_marker 700ms 1 forwards cubic-bezier(.19,1,.22,1);
}
@-moz-keyframes keyframes-favorite_marker {
0% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(2.5);
opacity: 0
}
}
@-webkit-keyframes keyframes-favorite_marker {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0
}
}
@-o-keyframes keyframes-favorite_marker {
0% {
transform: scale(1);
opacity: 1
}
to {
transform: scale(2.5);
opacity: 0
}
}
@keyframes keyframes-favorite_marker {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
to {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0
}
}
.auth__top {
visibility: hidden;
}
.auth__top.shown {
visibility: visible;
}
.no-content--wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
min-height: 260px;
}
.footer-item svg {
transition: 0.3s;
}
.ui-list--short-subscribers {
display: flex;
flex-wrap: wrap;
margin: -5px;
}
.ui-list--short-subscribers > a {
width: 32px;
height: 32px;
display: block;
line-height: 0;
overflow: hidden;
border-radius: 8px;
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
margin: 5px;
border: 0;
}
.ui-list--short-subscribers > a > img {
width: 100%;
}
.ui-list--short-subscribes > a {
display: flex;
border: none;
margin: 16px 0;
color: black;
}
.ui-list--short-subscribes > a .item-icon {
width: 24px;
height: 24px;
border-radius: 6px;
overflow: hidden;
margin-right: 10px;
}
.ui-list--short-subscribes > a .item-icon img {
width: 100%;
}
.ui-list--short-subscribes .item-label {}
.ui-list--short-subscribes a:last-child {
margin-bottom: 0;
}
.ui-list--full-subscribers .item {display: flex;border: none;line-height: 1;align-items: center;color: black;position: relative;padding: 10px 17px;}
.ui-list--full-subscribers .item img {
width: 100%;
}
.ui-list--full-subscribers .item .item-icon {
width: 36px;
height: 36px;
min-width: 36px;
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
margin-right: 12px;
}
.ui-list--full-subscribers .item .item-label {
width: 100%;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
line-height: 1.45em;
font-weight: 500;
}
.ui-list--full-subscribers .item::before {
content: '';
top: -1px;
left: var(--image-size);
margin-left: 12px;
right: 0;
height: 1px;
background-color: rgba(0,0,0,0.1);
position: absolute;
width: calc(100% - 65px);
}
.ui-list--full-subscribers .item:first-child::before {
display: none;
}
.comment__item {
font-size: 15px;
padding: 16px 20px;
margin-left: -20px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 100%;
}
.comment__item--author {
display: flex;
}
.comment__item--info {
display: flex;
flex-direction: column;
line-height: 1;
margin-left: 10px;
}
.comment__item--info .comment__item--date {
color: #595959;
font-size: 13px;
border: none;
}
.comment__author--name {
font-weight: 600;
margin-bottom: 4px;
display: flex;
}
.comment__author--name a {
border: none;
color: black;
}
.comment__item--answers__content {
padding-left: 25px;
border-left: 1px dashed #e2e2ea;
}
.comment-author .comment__author--name > .label {
display: inline-block;
background-color: #f9edd9;
border-radius: 2px;
padding: 3px 5px 2px;
font-size: 13px;
}
.comment__author--name .comment__answer--to a {
font-weight: 400;
font-size: 12px;
border-bottom: none;
color: #595959;
display: flex;
line-height: 1.2;
}
.comment__author--name .comment__answer--to a .icon {
line-height: 0;
margin-right: 4px;
}
.comment__author--name .comment__answer--to {
margin-left: 7px;
}
.comment__item--avatar {
width: 32px;
height: 32px;
outline: 1px solid rgba(0,0,0,.1);
outline-offset: -1px;
border-radius: 2px;
}
.comment__item--header {
display: flex;
}
.comment__item--content {
margin: 10px 0;
}
.comment__item--footer {
display: flex;
margin: -10px;
align-items: center;
}
.comment__item--footer .footer-item {
margin: 10px;
position: relative;
}
.comment__item--footer .footer-item svg {
stroke: #595959;
}
.comment__item--footer .footer-item svg:hover {
stroke: #6266e4;
}
.comment__item--footer .footer-item .item-icon {
display: flex;
}
.comment__item > .comment__item--answers__content > .comment__item > .comment__item--answers__content .comment__item .comment__item--avatar {
width: 16px;
height: 16px;
}
.comment__item > .comment__item--answers__content > .comment__item > .comment__item--answers__content .comment__item .comment__item--info {
flex-direction: row;
font-size: 14px;
line-height: 1.2;
}
.comment__item > .comment__item--answers__content > .comment__item > .comment__item--answers__content .comment__item .comment__item--info span.comment__author--name {margin-bottom: 0;align-items: center;}
.comment__item > .comment__item--answers__content > .comment__item > .comment__item--answers__content .comment__item .comment__item--info .comment__answer--to {
margin: 0 15px;
line-height: 1;
}
/* VOTES */
.comment__item--wrapper {
display: flex;
}
.comment__item--rating_space {
/* min-width: 92px; */
position: relative;
}
.comment__item--space {
width: 100%;
}
.vote.vote--comment {
display: flex;
align-items: center;
}
.vote__value__v {
display: inline-block;
width: 100%;
height: 100%;
font-size: 14px;
font-weight: 500;
}
.vote .vote__value:hover .vote__users--not-empty:before {
content: '';
position: absolute;
z-index: 1;
width: 14px;
height: 1px;
background-color: #fff;
top: -1px;
right: 33px;
}
.vote .vote__users {
position: absolute;
z-index: 3;
width: auto;
height: auto;
background-color: #fff;
text-align: left;
font-weight: 400;
font-size: 0;
padding: 10px 0 10px 10px;
border: 1px solid #f2f2f2;
display: none;
}
.vote__users__content {
padding-right: 30px;
width: 150%;
}
.vote__users__content .vote__users__item {
position: relative;
display: block;
height: 35px;
white-space: nowrap;
border-bottom: none;
}
.vote .vote__users__item:last-child {
height: 20px;
}
.vote__users__content .vote__users__item img {
float: left;
display: inline-block;
position: relative;
width: 20px;
height: 20px;
border-radius: 2px;
}
.vote .vote__users__item__name {
display: inline-block;
position: relative;
margin-left: 8px;
font-size: 12px;
}
.vote .vote__users .icon {
position: absolute;
fill: #fff;
top: -8px;
right: 32px;
}
.vote--comment .vote__value {
text-align: center;
padding: 0 8px;
min-width: 34px;
background-color: rgba(89,89,89,.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
color: #595959;
}
.vote .vote__button {
height: 24px;
color: #595959;
cursor: pointer;
visibility: hidden;
}
.vote--comment .vote__button {
padding-top: 1px;
}
.vote .vote__button--minus {
margin-right: 12px;
}
.vote .vote__button--plus {
margin-left: 12px;
}
.vote--comment .vote__users {
right: -25px;
top: 33px;
}
.vote__value:hover .vote__users {
display: block;
}
.comment__item:hover .vote .vote__button {
visibility: visible;
}
.comment__item--answer .textarea-wrapper {
display: block;
}
.comment__item--answer .textarea__cancel_button {
visibility: visible;
}
.ui_form textarea {
font-family: Roboto;
font-size: 14px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
background: #fff;
padding: 0 11px;
padding-top:6px;
margin: 0;
width: 100%;
height: 40px;
line-height: 1.6;
border: 1px solid #dedede;
border-top-color: #b3b1b1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
}
.ui_form input[type="text"], .ui_form input[type="password"], .ui_form input[type="email"], .ui_form input[type="name"], .ui_form select {
font-family: Roboto;
font-size: 14px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
background: #fff;
padding: 0 11px;
margin: 0;
width: 100%;
height: 38px;
line-height: 38px;
border: 1px solid #dedede;
border-top-color: #b3b1b1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
}
.ui_form--2 {
width: 450px;
}
.ui_form--2 input[type="text"], .ui_form--2 input[type="password"], .ui_form--2 input[type="email"], .ui_form--2 input[type="name"], .ui_form--2 textarea, .ui_form--2 select {
width: 60%;
float: left;
}
.ui_form--2 fieldset {
margin-bottom: 20px;
line-height: 24px;
border: 0;
}
.ui_form--2 label {
width: 40%;
float: left;
line-height: 32px;
}
.ui_form--2 label {
font-size: 13px;
}
.ui_form label {
font-size: 14px;
color: #595959;
}
a[data-fancybox="preview"] {
border: 0;
}
[data-status="publish"] .hide--is_publish {
display: none;
}
.content-left--row {
width: 100%;
}
.do--search {
position: RELATIVE;
}
.do--search .item.search--active {
text-align: center;
}
.do--search .item.search--active .label {
margin: 0;
font-weight: 500;
}
.ui--modal {
padding: 20px 30px;
}
.ui--modal .swal2-content {
font-size: 16px;
}
.ui--modal.uploader {
width: 630px;
}
.ui--modal .dropzone {
border: 0px dashed #afafb1;
border-radius: 3px;
box-shadow: 0 2px 10px 0 #393f5217;
text-align: center;
font-size: 16px;
color: #393f52;
margin: 0;
}
.ui--modal .dropzone svg {
margin-bottom: -20px;
margin-top: 20px;
stroke: #626980;
}
.ui--modal .dz-started svg {
display: none;
}
.ui--modal .dz-started.dropzone {
padding: 0;
box-shadow: none;
text-align: left;
margin: -10px;
}
.ce-block {
clear: both;
}
.l-fs-16 {
font-size: 16px;
}
.l-fs-20 {
font-size: 20px;
}
.l-fs-24 {
font-size: 24px;
}
.l-fs-32 {
font-size: 32px;
}
.l-fs-40 {
font-size: 40px;
}
.l-fs-44 {
font-size: 44px;
}
.l-fw-300 {
font-weight: 300;
}
.l-fw-500 {
font-weight: 500;
}
.l-fw-600 {
font-weight: 600;
}
.l-flex {
display: flex;
}
.l-ml-auto {
margin-left: auto;
}
.l-mb-5{
margin-bottom: 5px;
}
.l-mb-10{
margin-bottom: 10px;
}
.l-mb-15{
margin-bottom: 15px;
}
.l-mb-20 {
margin-bottom: 20px;
}
.l-mb-25{
margin-bottom: 25px;
}
.l-mb-30{
margin-bottom: 30px;
}
.l-mb-40{
margin-bottom: 40px;
}
.l-mb-50{
margin-bottom: 50px;
}
.l-mt-5{
margin-top: 5px;
}
.l-mt-10{
margin-top: 10px;
}
.l-mt-15{
margin-top: 15px;
}
.l-mt-25{
margin-top: 25px;
}
.l-mt-30{
margin-top: 30px;
}
.l-mt-40{
margin-top: 40px;
}
.l-mt-50{
margin-top: 50px;
}
.l-pb-10 {
padding-bottom:10px;
}
.l-pb-15 {
padding-bottom:15px;
}
.l-pt-10 {
padding-top:10px;
}
.l-pt-20 {
padding-top:20px;
}
.l-pt-25 {
padding-top:25px;
}
.l-pt-30 {
padding-top: 30px;
}
.l-pt-35 {
padding-top: 35px;
}
.l-pb-20 {
padding-bottom:20px;
}
.l-mr-0 {
margin-right: 0px;
}
.l-mr-5 {
margin-right: 5px;
}
.l-mr-10 {
margin-right: 10px;
}
.l-mr-15 {
margin-right: 15px;
}
.l-mr-20 {
margin-right: 20px;
}
.l-mr-25 {
margin-right: 25px;
}
.l-pr-0 {
padding-right: 0px;
}
.l-fs-18{
font-size:18px;
}
.l-fw-700{
font-weight:700;
}
.l-fs-29 {
font-size: 29px;
}
.l-lh-30 {
line-height: 30px;
}
.l-fw-600 {
font-weight: 600;
}
.w-60 {
width: 60%;
}
.w-100 {
width: 100%;
}
.l-right {
float: right;
}
.l-fc-gray {
color: #595959;
}
.ui-flex {
display: flex;
}
.ui-flex--wrap {
flex-wrap: wrap;
}
.ui-flex-wr {
flex-wrap: wrap;
}
.container {
max-width: 1140px;
margin: auto;
width: 100%;
padding: 0 25px;
}
.ui-section-1 {
padding: 15px 0;
clear: both;
}
.ui-section-2 {
clear: both;
margin: 50px 0;
}
.ui-section-foter {
background: #263238;
padding: 26px 0;
padding-bottom: 20px;
color: #78909C;
font-size: 12px;
}
/* Village Short */
.ui-villeages--list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.ui-village--card {
width: 33.3%;
position: relative;
}
.ui-village--card .ui-village--wrapper {
padding: 16px;
}
.ui-village--images {
position: relative;
width: 100%;
height: 200px;
background: #f4f5f6;
cursor: pointer;
border-radius: 20px;
}
.ui-village--images .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
border-radius: 16px;
background-position: center !important;
}
.ui-village--details {
margin-top: 20px;
}
.ui-village--details .village--title a {
color: #323f48;
font-weight: 600;
font-size: 24px;
border-bottom: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
letter-spacing: -.2px;
position: relative;
left: -1px;
display: flex;
align-items: baseline;
}
.ui-village--details .village--title .subtitle {
font-size: 16px;
}
.ui-village--details .village--title
.delimeter {
width: 4px;
height: 4px;
background: #3d3d3d;
border-radius: 10px;
margin: 0 5px;
position: relative;
bottom: 3px;
}
.village--short_info--wrapper {
display: flex;
flex-wrap: wrap;
font-size: 12px;
color: #78909C;
margin: -5px -3px;
}
.village--short_info--wrapper .item {
margin: 5px 3px;
line-height: 1.2;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
.ui-house--card .village--short_info--wrapper .item {
margin: 5px 8px;
}
.ui-house--card .village--short_info--wrapper {
margin: -5px -8px;
}
.village--short_info--wrapper .item .icon {
margin-right: 6px;
line-height: 0;
}
.village--short_info {
margin: 10px 0;
}
.village--price, .village--price a {
font-size: 16px;
color: #3D3D3D;
font-weight: 500;
border-bottom: none;
}
.ui-class--label {
display: flex;
align-items: center;
}
.ui-class--label .icon {
margin-right: 9px;
display: flex;
}
.ui-class--label.premium, .ui-class--label.premium svg path {
color: #FF9100;
fill: #FF9100;
}
.ui-class--label.eco, .ui-class--label.eco svg path {
color: #4caf50;
fill: #4caf50;
}
.ui-class--label.business, .ui-class--label.business svg path {
color: #651FFF;
fill: #651FFF;
}
.ui-class--label.comfort, .ui-class--label.comfort svg path {
color: #FF3D00;
fill: #FF3D00;
}
.ui-class--label.pragmatic, .ui-class--label.pragmatic svg path {
color: #006eff;
fill: #006eff;
}
/* FOOTER */
#footer {
background: #37474F;
color: #78909C;
font-size: 14px;
line-height: 1.3;
margin-top: 50px;
}
#footer .ui-section-1 {
padding: 40px 0;
padding-bottom: 30px;
}
#footer a {
color: #0094FF;
}
.ui-col-3 {
width: 20.333333%;
}
.ui-col-4 {
width: 33.333333%;
}
.ui-col-6 {
width: 50%;
}
.ui-col-7 {
width: 60%;
}
.ui-col-12 {
width: 100%;
}
.ui-col-8 {
width: 66.666666%;
}
.ui-col-9 {
width: 80%;
}
.ui-ul--1 {
list-style: none;
margin: 0;
}
.ui-button--wide {
padding: 12px 36px;
}
#footer ul li a {
color: #90A4AE;
line-height: 1;
display: flex;
align-items: center;
}
#footer ul li a i {
margin-right: 8px;
}
#footer ul li {
line-height: 1;
margin: 12px 0;
}
.cdx-Labels--wrapper .ui-scrollarea, .cdx-blog--wrapper .ui-scrollarea {
display: flex;
margin: 15px -15px;
overflow: auto;
}
.cdx-Labels--wrapper .ui-scrollarea {
margin: 25px -9px;
}
.cdx-Labels__item {
width: 204px;
position: relative;
margin: 15px;
cursor: pointer;
height: 192px;
border-radius: 21px;
overflow: hidden;
}
.cdx-Labels__item .cdx-Labels__item-background, .cdx-Tiles__item .cdx-Tiles__item-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f1f2f7;
}
.cdx-Labels__item .cdx-Labels__item-background .background, .cdx-Tiles__item .cdx-Tiles__item-background .background {
width: 100%;
height: 100%;
background-size: cover !important;
border-radius: 16px;
}
.cdx-blog--wrapper {
margin: 0 -7px;
}
.cdx-blog__item {
min-width: 263px;
position: relative;
margin: 14px;
cursor: pointer;
height: 264px;
border-radius: 21px;
overflow: hidden;
background: linear-gradient(109.98deg, #E7EBED 0%, #FAFBFB 100%);
}
.lazy-load {
transition: 0.3s;
filter: opacity(0);
will-change: opacity;
}
.lazy-load.load {
filter: opacity(1);
}
.ir-icons {
background: url('/assets/icons/social/tg.svg') no-repeat;
width: 16px;
height: 16px;
display: inline-block;
background-size: contain;
}
.ir-icons.x12 {
width:12px;
height:12px;
}
.ir-icons.tg {
background: url('/assets/icons/social/tg.svg') no-repeat;
background-size: contain;
}
.ir-icons.vk {
background: url('/assets/icons/social/vk.svg') no-repeat;
background-size: contain;
}
.ir-icons.ok {
background: url('/assets/icons/social/ok.svg') no-repeat;
background-size: contain;
}
.ir-icons.whatsapp {
background: url('/assets/icons/social/whatsapp.svg') no-repeat;
background-size: contain;
}
.ir-icons.youtube {
background: url('/assets/icons/social/youtube.svg') no-repeat;
background-size: contain;
background-position: 0px 2px;
}
.ir-icons.instagram--link {
background: url(/assets/icons/social/instagram--link.svg) no-repeat;
}
.cdx-Form {display: flex;margin: 11px 0;}
.cdx-Form-theme-1 {
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9;
padding: 0;
margin: 15px 0;
}
.cdx-Form .cdx-Form__name, .cdx-Form__caption {font-size: 20px;line-height: 1;}
.cdx-Form__text {
font-size: 22px;
font-weight: 400;
line-height: 32px;
margin-bottom: 25px;
position: relative;
}
.cdx-Form footer {
display: flex;
align-items: center;
}
.cdx-Form-icon svg {
transform: rotate(180deg);
}
.ui-form--theme-1 {
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
margin: 20px 0;
}
.ui-form--theme-1 .cdx-Form {
margin: 0;
}
.cdx-Form [contentEditable=true][data-placeholder]::before{
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
.cdx-Form__text:after {content: '';position: absolute;top: 10px;left: -55px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='.418' viewBox='0 0 39 28'%3E%3Cpath fill='%239B9B9B' d='M16.375.094V4.78c-2.448 0-4.727.788-6.836 2.364-2.11 1.575-3.164 3.457-3.164 5.644 0 1.302.52 1.953 1.563 1.953.234 0 .703-.091 1.406-.273.729-.157 1.315-.235 1.758-.235 1.432 0 2.78.58 4.043 1.739 1.263 1.159 1.894 2.754 1.894 4.785 0 1.979-.651 3.678-1.953 5.097-1.302 1.42-3.086 2.13-5.352 2.13-2.708 0-4.895-1.023-6.562-3.067-1.667-2.044-2.5-4.89-2.5-8.535 0-5.026 1.53-8.965 4.59-11.817C8.322 1.715 12.026.224 16.375.094zm21.445 0V4.78c-2.317 0-4.563.775-6.738 2.324-2.174 1.55-3.262 3.444-3.262 5.684 0 1.302.521 1.953 1.563 1.953.234 0 .703-.091 1.406-.273.73-.157 1.315-.235 1.758-.235 1.51 0 2.877.6 4.101 1.797 1.224 1.198 1.836 2.774 1.836 4.727 0 1.979-.65 3.678-1.953 5.097-1.302 1.42-3.086 2.13-5.351 2.13-2.709 0-4.896-1.023-6.563-3.067-1.666-2.044-2.5-4.89-2.5-8.535 0-5.026 1.53-8.965 4.59-11.817C29.767 1.715 33.471.224 37.82.094z'/%3E%3C/svg%3E");width: 40px;height: 40px;background-repeat: no-repeat;}
.cdx-Form__captionWrapper {
line-height: 1;
}
.cdx-Form [contentEditable=true][data-placeholder]:empty::before {
opacity: 1;
}
.cdx-Form [contentEditable=true][data-placeholder]:empty:focus::before {
opacity: 0;
}
.cdx-Form-settings {
display: flex;
flex-wrap: wrap;
}
.cdx-Form-settings .cdx-settings-button {
width: 50%;
margin: 0;
}
.cdx-Form__photo {
width: 55px;
height: 55px;
margin-right: 15px;
}
.cdx-Form__photo svg {
width: 25px;
height: 25px;
}
.content blockForm footer {
display: flex;
align-items: center;
}
.cdx-Form .cdx-Form__name {
position: relative;
font-weight: 600;
margin-right: 10px;
}
.cdx-Form__photo .changeAvatar {
border: 2px dashed #d3dfe8;
border-radius: 100px;
display: flex;
font-size: 11px;
flex-direction: column;
align-items: center;
font-weight: 500;
width: 70px;
height: 70px;
line-height: 1;
text-align: center;
justify-content: center;
color: #707684;
cursor: pointer;
padding: 5px;
}
.cdx-Form__photo img {
width: 100%;
border-radius: 100px;
}
blockForm.cdx-Form-theme-2 .cdx-Form__text {
font-size: 22px;
line-height: 1.25;
font-weight: 500;
}
blockForm.cdx-Form-theme-2 {
border-radius: 0;
padding: 35px 50px;
}
.cdx-Form-theme-2 .ui_form__fieldset input:focus+label, .cdx-Form-theme-2 .ui_form__fieldset textarea:focus+label, .cdx-Form-theme-2
.ui_form__fieldset input.isnt_empty+label, .cdx-Form-theme-2 .ui_form__fieldset textarea.isnt_empty+label{
top: 11px;
}
.cdx-Form-theme-2 .ui_form__fieldset input+label, .cdx-Form-theme-2 .ui_form__fieldset textarea+label{
top: 18px;
}
blockForm.cdx-Form-theme-2::before {content: "\201C";font-family: serif;position: absolute;font-size: 60px;left: 20px;top: 40px;line-height: 0;color: black;}
blockForm.cdx-Form-theme-2::after {content: "\201C";font-family: serif;position: absolute;font-size: 60px;right: 20px;bottom: 100px;line-height: 0;color: black;}
blockForm.cdx-Form-theme-3 {background: #fbf3e9;color: #000000;padding: 30px 50px;border-radius: 0;}
blockForm.cdx-Form-theme-3:before, blockForm.cdx-Form-theme-3:after{
content: "";
font-family: serif;
position: absolute;
font-size: 60px;
line-height: 0;
color: #58554B;
}
blockForm.cdx-Form-theme-3:before{
content: "\201C";
left: 20px;
top: 40px;
}
blockForm.cdx-Form-theme-3:after{
content: "\201C";
right: 20px;
bottom: 100px;
}
blockForm.cdx-Form-theme-3 .cdx-Form__text {
font-size: 22px;
line-height: 1.25;
font-weight: 500;
}
.cdx-Form.cdx-Form-theme-3 {
background: #F0F2F8;
border-radius: 20px;
position: relative;
padding: 30px;
}
.cdx-Form-theme-3 .cdx-Form--labelWrapper {
flex-direction: column;
}
.cdx-Form--left, .cdx-Form--right {
display: flex;
width: 60%;
align-items: center;
}
.cdx-Form--labelWrapper {
display: flex;
align-items: center;
}
.cdx-Form__formWrapper {
display: flex;
line-height: 0.9;
height: 100%;
align-items: center;
margin: -5px;
white-space: nowrap;
}
.cdx-Form__icon {
width: 40px;
margin-right: 15px;
}
.cdx-Form__icon img {
width: 100%;
line-height: 0;
position: relative;
top: 6px;
}
.cdx-Form--left {
width: 40%;
}
.cdx-Form--right {
justify-content: flex-end;
}
.cdx-Form__formWrapper .ui_form__fieldset input {margin-bottom: 0;}
.cdx-Form__formWrapper .ui_form__fieldset {
margin: 10px;
width: calc(100% - 20px);
}
.ui-form--1 .annotation {
white-space: pre-wrap;
font-size: 12px;
}
.ui-form--1 .annotation p {
width: 100% !important;
line-height: 1.4;
color: #78909C;
margin: 0;
font-weight: 500;
}
.ui-form--1 .ui_form__fieldset button {
width: 100%;
}
.cdx-Form__formWrapper .ui_form__fieldset:last-child {
margin-bottom: 0;
}
.cdx-Form__formWrapper .ui_form__fieldset:first-child {
margin-top: 0;
}
[for="dark"] .ui-input--image_value {
background: #c4c6ca;
}
.hide {
display: none !important;
}
.ui-villages--filter {
display: flex;
flex-direction: column;
margin: 40px 0;
}
.ui-villages--filter .filter--bottom {
margin-left: auto;
margin-top: 20px;
display: flex;
width: 100%;
align-items: center;
}
.ui-villages--filter .filter--bottom .col--left {
display: flex;
align-items: center;
}
.ui-villages--filter .filter--top {
display: flex;
width: 100%;
}
.ui-villages--filter_wrapper {
display: flex;
margin: -10px;
width: calc(100% + 20px);
}
.ui-villages--filter_wrapper .ui-select, .ui-villages--filter_wrapper .ui-input {
margin: 10px;
width: 25%;
}
.ui-select .dropdown--menu {
transition: 0.2s;
transform: scale(0.4);
filter: opacity(0);
visibility: hidden;
position: absolute;
z-index: 3;
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
border-radius: 10px;
left: 0;
top: 50px;
width: 100%;
}
.ui-select.shown .dropdown--menu {
transform: scale(1);
filter: opacity(1);
visibility: visible;
}
.ui-select {
border: 1px solid #F0F2F8;
background: #F0F2F8;
border-radius: 10px;
font-size: 15px;
position: relative;
padding: 14px 15px;
padding-bottom: 15px;
color: #546E7A;
cursor: pointer;
transition: 0.2s;
display: flex;
align-items: center;
}
.ui-select .select--placeholder {
transition: 0.2s;
color: #546E7A;
white-space: nowrap;
width: 180px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-select .select--label, .ui-input .input--label {
position: absolute;
transition: 0.2s;
top: -23px;
left: 0;
font-size: 12px;
color: #546E7A;
font-weight: 500;
}
.ui-select.ui-select--single .select--value, .ui-select.ui-select--radio .select--value, .ui-select.ui-select--range .select--value {
margin: -5px;
}
.ui-select .select--value {
display: flex;
line-height: 1.2;
margin: -10px -5px;
}
.ui-select .select--value .item {
display: flex;
color: #3D3D3D;
align-items: center;
margin: 5px;
border: 1px solid #D8DFE2;
border-radius: 4px;
padding: 6px 7px;
}
.ui-select .select--value .item .label {
margin-right: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100px;
font-size: 12px;
}
.ui-select.ui-select--single .select--value .item .label {
font-size: 15px;
max-width: initial;
}
.shown.ui-select, .ui-select.isnt-empty, .ui-select--range:focus-within {
background: white;
border: 1px solid #D8DFE2;
}
.shown.ui-select .select--label {
}
.shown.ui-select .select--placeholder {
opacity: 1;
}
.ui-select .dropdown--menu .item {
transition: 0.2s;
color: black;
padding: 15px;
white-space: nowrap;
border-bottom: 1px solid #F0F2F8;
line-height: 1.4;
display: flex;
}
.ui-select.ui-select--single .select--value .item {
border: none;
padding: 0;
}
.ui-select .dropdown--menu .item:last-child {
border-bottom: 0px;
}
.ui-select .select--arrow {
position: relative;
top: -1px;
margin-left: auto;
transition: 0.2s;
}
.shown.ui-select .select--arrow {transform: rotateX(180deg);}
.ui-select .dropdown--menu .item .icon {
margin: 0 10px;
transition: 0.2s;
transform: translateX(-10px);
filter: opacity(0);
}
.ui-select .dropdown--menu .active.item .icon {
transform: translateX(0px);
filter: opacity(1);
}
.ui-select .dropdown--menu .active.item {
color: #3f86ff;
}
.ui-select--range .select--range_wrapper {
display: flex;
margin: 0 5px;
align-items: center;
}
.ui-select--range .select--range_wrapper input {
background: transparent;
border: none;
font-family: 'Montserrat';
font-size: 15px;
width: 100%;
outline: none;
color: #546E7A;
}
.range--input:first-child {
/* width: 110px; */
border-right: 1px solid #546e7a40;
margin-right: 8%;
}
.ui-select--range:focus-within .select--range_wrapper input {
color: #3d3d3d;
}
[data-slider-ui="slide"]:after {content: '';/* position: absolute; *//* left: 0; *//* top: 5px; *//* width: 100%; *//* height: 2px; *//* background: #003da5; *//* border-radius: 3px; */}
[data-slider-ui="slide"] .ui-widget-header {
/* background: #d0d8de; */
/* height: 2px; */
/* top: 5px; */
}
:focus-within [data-slider-ui="slide"] .ui-widget-header {
/* background: #d7dfe2; */
}
.range--sub {}
.ui-slider-horizontal .ui-slider-range {
height: 2px;
top: 5px;
}
.select--range_slider {
position: absolute;
bottom: -6px;
left: 3px;
width: 89%;
margin: auto;
right: -3px;
}
.ui-widget.ui-widget-content {
border: none;
background: transparent;
height: 12px;
touch-action: none;
}
.ui-widget-header {
background: #003DA5;
}
.ui-slider .ui-slider-handle {
border-radius: 100px;
border: none;
background: #003DA5;
width: 12px;
height: 12px;
outline: none;
cursor: pointer;
top: 0;
}
.ui-input input {
background: #eff2f7;
border: none;
padding: 13px 15px;
padding-bottom: 12px;
color: white;
font-size: 14px;
outline: none;
font-family: 'Montserrat', sans-serif, Arial;
border: 1px solid #F0F2F8;
background: #F0F2F8;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
height: 29px;
transition: 0.3s;
cursor: pointer;
width: calc(100% - 29px);
}
.ui-input input::placeholder {
color: #536e7a;
}
.ui-input:focus {
background: white;
}
.ui-input {
position: relative;
}
.ui-input input.isnt_empty, .ui-input input:focus {
background: white;
color: #3D3D3D;
border: 1px solid #D8DFE2;
}
.ui-input input.isnt_empty::placeholder, .ui-input input:focus::placeholder {
color: #b2c0c5;
}
.ui-villages--filter .filter--bottom .col--right {
display: flex;
margin-left: auto;
}
.ui-h {
display: flex;
align-items: center;
margin-top: 60px;
}
.ui-h .action {
margin-left: auto;
position: relative;
top: 5px;
}
.ui-h .label {
margin: 0;
}
.cdx-blog__item-title {
font-weight: 600;
font-size: 20px;
line-height: 24px;
}
.cdx-blog--row {
display: flex;
height: 86%;
}
.cdx-blog__item-content {
margin-top: auto;
}
.cdx-blog__item-caption {
font-size: 14px;
line-height: 17px;
margin-top: 10px;
}
.cdx-Communications-row {
display: flex;
flex-wrap: wrap;
margin: -8px;
}
.cdx-Communications__item {
display: flex;
position: relative;
background: #F0F2F8;
border-radius: 10px;
font-size: 16px;
color: #3D5AFE;
margin: 8px;
}
.cdx-Communications__item-wrapper {
padding: 14px 20px;
padding-bottom: 13px;
display: flex;
line-height: 1.2;
font-weight: 500;
align-items: center;
justify-content: center;
cursor: pointer;
}
.cdx-Communications__item-icon {
width: 20px;
height: 20px;
line-height: 0;
background-size: contain !IMPORTANT;
background-position: center !important;
background-repeat: no-repeat !important;
margin-right: 14px;
}
.cdx-Communications__item-icon.icon--flash {
background-image: url('/assets/icons/flash.svg');
}
.cdx-Communications__item-icon.icon--water {
background-image: url('/assets/icons/water.svg');
}
.cdx-Communications__item-icon.icon--water_adv {
background-image: url('/assets/icons/water_adv.svg');
}
.cdx-Communications__item-icon.icon--sewerage {
background-image: url('/assets/icons/sewerage.svg');
}
.cdx-Communications__item-icon.icon--pump_adv {
background-image: url('/assets/icons/pump_adv.svg');
}
.cdx-Communications__item-icon.icon--road {
background-image: url('/assets/icons/road.svg');
}
.cdx-Communications__item-icon.icon--security {
background-image: url('/assets/icons/security.svg');
}
.cdx-Communications__item-icon.icon--cctv {
background-image: url('/assets/icons/cctv.svg');
}
.cdx-Communications__item-icon.icon--parking {
background-image: url('/assets/icons/parking.svg');
}
.cdx-Communications__item-icon.icon--playground {
background-image: url('/assets/icons/playground.svg');
}
.cdx-Communications__item-icon.icon--beach {
background-image: url('/assets/icons/char.svg');
}
.cdx-Communications__item-icon.icon--gas {
background-image: url('/assets/icons/gas.svg');
}
.cdx-Communications__item-icon.icon--gas_adv {
background-image: url('/assets/icons/gas_adv.svg');
}
.cdx-Communications__item-icon.icon--park {
background-image: url('/assets/icons/park.svg');
}
.cdx-Communications__item-icon.icon--sport {
background-image: url('/assets/icons/sport.svg');
}
.cdx-Communications__item-icon.icon--restaurant_in {
background-image: url('/assets/icons/restaurant_in.svg');
}
.cdx-Communications__item-icon.icon--internet {
background-image: url('/assets/icons/internet.svg');
}
.cdx-Communications__item:hover .cdx-Communications__item-settings {
display: flex;
z-index: 1;
}
.cdx-Communications__item.flash {
color: #ffab00;
}
.cdx-Communications__item.water {
color: #00b8d3;
}
.cdx-Communications__item.water-adv {
color: #00b8d3;
}
.cdx-Communications__item.sewerage {
color: #8bc24a;
}
.cdx-Communications__item.pump_adv {
color: #8bc34a;
}
.cdx-Communications__item.road {
color: #78909C;
}
.cdx-Communications__item.security {
color: #ee534f;
}
.cdx-Communications__item.cctv {
color: #7d57c2;
}
.cdx-Communications__item.parking {
color: #5c6bc0;
}
.cdx-Communications__item.playground {
color: #f06292;
}
.cdx-Communications__item.beach {
color: #26a69a;
}
.cdx-Communications__item.gas {
color: #FF8A65;
}
.cdx-Communications__item.ga_adv {
color: #FF8A65;
}
.cdx-Communications__item.park {
color: #66BB6A;
}
.cdx-Communications__item.sport {
color: #8D6E63;
}
.cdx-Communications__item.restaurant_in {
color: #757575;
}
.cdx-Communications__item.internet {
color: #448AFF;
}
.page-wide .layout--a p {
width: 100%;
}
.placeholder-blur {
position: absolute;
top: 6px;
left: 0;
width: 96%;
height: 100%;
z-index: 0;
filter: blur(10px);
opacity: 0.7;
right: 0;
margin: auto;
}
.placeholder-blur .lazy-load {
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
}
.ce-toolbar.ce-toolbar--opened {
z-index: 111;
}
.ui-form--1 {
display: flex;
height: 100%;
}
.form--wrapper {
flex-direction: column;
align-items: baseline;
padding: 30px;
height: 100%;
}
.cdx-Form.cdx-Form-theme-2 {
border: 1px solid #B0BEC5;
box-sizing: border-box;
border-radius: 20px;
padding: 0;
margin: 20px 0;
position: relative;
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form--left {
width: 63%;
justify-content: center;
position: relative;
z-index: 1;
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form--right {
width: 37%;
position: relative;
z-index: 1;
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form--left .cdx-Form--labelWrapper {
display: block;
max-width: 444px;
}
.cdx-Form.cdx-Form-theme-2 .form--title {
display: flex;
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form--left .cdx-Form__icon {
width: 54px;
margin-right: 20px;
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form--left .cdx-Form__name {
font-size: 32px;
line-height: 32px;
margin-right: 0;
width: calc(100% - 54px);
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form--left .cdx-Form__caption {
clear: both;
font-size: 16px;
line-height: 130%;
padding-top: 20px;
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form--left .cdx-Form__icon .changeIcon {
display: block;
width: 100%;
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form--left .cdx-Form__icon .changeIcon img {
width: 100%;
}
.cdx-Form.cdx-Form-theme-2 .cdx-Form__formWrapper {
margin: 0;
width: 100%;
background: white;
border-radius: 20px;
}
.cdx-form__background {
position: absolute;
left: 0;
top: 0;
width: 65%;
height: 100%;
background: #f7f7f7;
z-index: 0;
border-radius: 20px;
}
.cdx-form__background .image {
width: 100%;
height: 100%;
border-radius: 20px;
background-size: cover !important;
background-position: center !important;
}
.cdx-startscreen--wrapper {
min-height: 90vh;
position: relative;
display: flex;
color: white;
margin-top: -15px;
}
.cdx-startscreen--background {
background: #eff2f7;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.cdx-startscreen--content {
position: relative;
z-index: 1;
margin: 0 auto;
margin-top: auto;
padding-bottom: 50px;
}
.cdx-startscreen--content--partnership {
position: relative;
z-index: 1;
margin-top: auto;
padding-bottom: 50px;
}
.cdx-startscreen--logo {
max-width: 300px;
margin-bottom: 20px;
}
.cdx-startscreen--logo img {
width: 100%;
height: 100%;
}
.cdx-startscreen--caption {
font-size: 16px;
width: 38%;
line-height: 1.6;
font-weight: 500;
}
.cdx-startscreen--caption--partnership {
font-size: 52px;
width: 70%;
line-height: 1.4;
font-weight: 500;
}
.cdx-startscreen--caption--partnership p{
font-size: 18px;
}
.cdx-startscreen--features {
margin: 50px -40px;
clear: both;
display: flex;
}
.cdx-startscreen--logo .no--image {
border: 1px dashed #ffffff80;
text-align: center;
padding: 14px;
border-radius: 16px;
font-size: 2rem;
line-height: 1;
font-weight: 100;
}
.cdx-startscreen--background .background {
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
}
.cdx-startscreen--background:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);}
.cdx-startscreen--features .feature--item {
border-right: 1px solid #ffffff47;
padding: 0 40px;
}
.cdx-startscreen--features .feature--item .feature--title {
font-size: 32px;
line-height: 1.3;
font-weight: 500;
}
.cdx-startscreen--features .feature--item .feature--caption {
font-size: 12px;
line-height: 18px;
}
.cdx-startscreen--features .feature--item:last-child {
border-right: 0px;
}
.cdx-startscreen-theme-2 .cdx-startscreen--background:after {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
}
.cdx-startscreen-theme-3 .cdx-startscreen--background:after {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.cdx-Communications--wrapper {
display: flex;
}
.cdx-Communications--leftcol, .cdx-Communications--rightcol {
width: 50%;
}
.cdx-Communications--wrapper .label {
font-size: 24px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 15px;
}
.cdx-Genplan {
position: relative;
height: 645px;
border-radius: 20px;
background: #f7f7f7;
}
.cdx-Genplan__background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
border-radius: 20px;
}
.cdx-Map {
position: relative;
z-index: 1;
}
.cdx-Map .leaflet-container {
min-height: 576px;
width: 100%;
border-radius: 20px;
overflow: hidden;
margin: 10px 0;
}
.cdx-Map div.leaflet-right .leaflet-control {
margin-right: 20px;
margin-bottom: 20px;
border: none;
}
.ui-button--mapUI, div a.leaflet-control-zoom-in, div a.leaflet-control-zoom-out {
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
width: 32px;
height: 32px;
color: #78909C;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Montserrat';
font-size: 2rem;
}
.leaflet-control-zoom.leaflet-bar.leaflet-control {
box-shadow: none;
}
.leaflet-bar a, .leaflet-bar a:hover {}
div.leaflet-bar a:first-child {
border-radius: 10px 10px 0px 0px;
border-bottom: 0px;
}
div.leaflet-bar a:last-child {
border-radius: 0px 0px 10px 10px;
}
div.leaflet-bar a:hover {
background: white;
width: 32px;
height: 32px;
display: flex;
color: #788f9c;
}
.ui_form__fieldset .ui-checkbox {
margin-bottom: 10px;
}
.ui_form__fieldset .ui-checkbox:last-child {
margin-bottom: 0;
}
.ui-checkbox input {
display: none;
}
.ui-checkbox label {
font-size: 14px;
line-height: 1.4;
margin-left: 10px;
position: relative;
top: -2px;
transition: 0.2s;
cursor: pointer;
}
.ui-checkbox .box {
border: 2px solid #3D3D3D;
width: 10px;
height: 10px;
display: block;
border-radius: 4px;
position: relative;
min-width: 10px;
}
.ui-checkbox {
display: flex;
cursor: pointer;
}
.ui-checkbox input:checked + .box {
border: 2px solid #003DA5;
background: #003DA5;
}
.ui-checkbox .box:after {content: '';position: absolute;width: 9px;height: 7px;background: url('/assets/icons/check.svg') no-repeat;background-position: center;top: 2px;left: 1px;background-size: contain;}
.ui-checkbox.ui-checkbox--whatsapp input:checked + .box {
border: 2px solid #25D366;
background: #25D366;
}
.ui-checkbox.ui-checkbox--whatsapp .sub {
color: #23d366;
display: inline-flex;
align-items: center;
}
.ui-checkbox.ui-checkbox--whatsapp .sub .icon {
margin-left: 4px;
}
.cdx-Map-categories {
display: flex;
padding-left: 20px;
}
.cdx-Map-categories .scrolltab-area {
display: flex;
white-space: nowrap;
margin: 0;
overflow: auto;
padding: 0 4px;
}
.cdx-Map-categories .scrolltab-area > .ui-button {
margin: 8px;
opacity: 0.2;
}
.cdx-Map-categories .scrolltab-area > .ui-button.active,.cdx-Map-categories .scrolltab-area > .ui-button:hover {
opacity: 1;
}
.ui-button.ui-button--9.ui-button--with-icon .icon {
margin-right: 5px;
}
.ui-wrap--border-fix > * {
margin: 5px;
}
.ui-wrap--border-fix {
margin: -5px;
}
.ui-button.toggleCategory {
opacity: 0.4;
}
.ui-button.toggleCategory.checked {
opacity: 1;
}
.ui-scrollarea {
padding-left: 8px;
padding-right: 8px;
/*FireFox*/
scrollbar-width: none;
/*IE10+*/
-ms-overflow-style: -ms-autohiding-scrollbar;
display: flex;
overflow: auto;
}
*::-webkit-scrollbar-track {
background: transparent;
-webkit-appearance: none;
display: none;
}
*::-webkit-scrollbar {
background: transparent;
-webkit-appearance: none;
width:0px;
height: 0;
display: none;
}
.ui-map--marker.width-48 {
z-index: 1000 !important;
}
.ui-block {min-width: 358px;position: relative;margin: 15px;cursor: pointer;height: 192px;border-radius: 21px;overflow: hidden;color: white;border: 1px solid transparent;transition: 0.3s;transform: translateZ(0px);}
a.ui-block{
border-color: transparent;
color: white;
}
.ui-block--row {
background: #eff2f7;
padding: 21px 24px;
line-height: 1;
height: calc(100% - 41px);
transition: 0.3s;
}
.ui-block--label {
background: #FFEA00;
border-radius: 6px;
padding: 7px;
font-size: 12px;
font-weight: 600;
margin-bottom: 15px;
color: #3D3D3D;
width: max-content;
}
.ui-block.ui-block--without-background {
color: #3D3D3D;
}
.ui-block.ui-block--without-background:hover {
border-color: #eff2f6;
}
.ui-block.ui-block--without-background:hover .ui-block--row {
background: transparent;
}
.ui-block--button {
position: absolute;
bottom: 0;
right: 0;
}
.ui-block--title {
font-size: 20px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 5px;
}
.ui-block--caption {
font-size: 14px;
font-weight: 500;
}
.ui-block--price {
margin-top: auto;
display: flex;
}
.ui-block--content {
height: 100%;
display: flex;
flex-direction: column;
position: relative;
z-index: 1;
}
.ui-block--price {
font-size: 18px;
font-weight: 600;
}
.ui-block--price .old_price {
font-weight: 400;
font-size: 12px;
text-decoration: line-through;
opacity: 0.5;
margin-top: auto;
margin-left: 10px;
}
.ui-block--1 .ui-block--title {
margin-top: auto;
}
.ui-block.ui-block--without-background path {
fill: black;
}
.swal2-popup.swal2-modal.ui--tour-modal {
width: 1024px;
padding: 0;
}
.swal2-popup.swal2-modal.ui--tour-modal iframe {
width: 100%;
height: 600px;
margin: -6px 0;
overflow: hidden;
border-radius: 12px;
}
.swal2-popup.swal2-modal.ui--tour-modal .swal2-content {
margin: 0;
}
.swal2-popup.swal2-modal.ui--tour-modal button.swal2-close {
top: -10px;
right: -50px;
}
.ui--areas--scrolltab {
height: 88vh;
overflow: auto;
position: relative;
z-index: 11;
padding-top: 15px;
padding-right: 50px;
margin-right: -25px;
}
.ui--areas--scrolltab .ui--area-item {
margin: 0px 0;
width: 100%;
left: 0;
box-shadow: none;
max-width: initial;
border-bottom: 1px solid #EEEEEE;
border-radius: 0;
padding: 15px 0;
background: transparent;
cursor: pointer;
}
.ui--areas--scrolltab .ui--area-item .area_wrapper {
display: flex;
font-size: 14px;
width: 100%;
line-height: 1.2;
align-items: center;
}
.ui--areas--scrolltab .ui--area-item .area_wrapper:after {content: '';background: url(../icons/arrow.svg);background-size: contain;width: 7px;height: 12px;margin-left: 10%;position: absolute;right: 20px;}
.ui--areas--scrolltab .ui--area-item .area_wrapper .title {
font-weight: 700;
width: 18%;
}
.ui--areas--scrolltab .ui--area-item div#price {
color: #00C853;
border-radius: 5px;
background: rgba(0, 200, 83, 0.1);
padding: 4px 8px;
font-weight: 700;
line-height: 1.3;
white-space: nowrap;
}
.ui--areas--scrolltab .ui--area-item div#size {
width: 20%;
font-weight: 500;
}
.ui--areas--scrolltab .ui--area-item .ui--area-label {
margin: 0;
margin-left: auto;
background: rgba(255, 143, 0, 0.15);
border-radius: 5px;
padding: 5px 7px;
white-space: nowrap;
}
.ui--areas--scrolltab .ui--area-item .ui--area-label span.icon {
margin-right: 0;
}
.ui--area-item.status-2, .ui--area-item.status-1 {
opacity: 0.4;
}
.ui--areas--scrolltab .ui--area-item .ui--area-label .label {
font-size: 13px;
font-weight: 600;
}
.ui--areas--scrolltab .ui--area-item .ui--area-label.status {
padding: 5px 8px;
padding-bottom: 6px;
}
.ui--areas--scrolltab .ui--area-item.status-2 .ui--area-label.status {
background: rgb(214 5 5 / 15%);
}
.ui--modal.ui--arealist {
}
.ui--modal.ui--arealist .swal2-header {
box-shadow: 0px 10px 10px 0 #8080802e;
margin: -20px -30px;
margin-bottom: -15px;
padding: 20px 30px;
align-items: flex-start;
}
.ui--modal.ui--arealist .swal2-header #swal2-title {
margin-bottom: 0;
}
.ui--pageview .swal2-content {
margin-top: 0;
}
.section--background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
color: white;
}
.section--background:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(2deg, #171717, transparent);z-index: 1;border-radius: 20px 20px 0px 0px;}
.without-bg .section--background:before {
background: #F0F2F8;
}
.section--background .background {
width: 100%;
height: 100%;
border-radius: 20px 20px 0px 0px;
background-size: cover !important;
background-position: center !important;
}
.ui-container--area .section--header, .ui-container--area .section--content {
position: relative;
z-index: 1;
padding: 0 40px;
}
.ui-container--area .section {
display: flex;
flex-direction: column;
position: relative;
}
.section--header {
}
.section--header {
height: 65px;
display: flex;
flex-direction: column;
justify-content: center;
}
.section--content {
height: 100%;
}
.ui-container--area .section--content {
margin-top: auto;
}
.ui-container--area .section.section--head {
min-height: 300px;
color: white;
padding-bottom: 50px;
margin-bottom: -35px;
}
.ui-container--area .section.section--head:after {content: '';position: absolute;bottom: -35px;left: 0;width: 100%;height: 69px;background: white;border-radius: 36px;}
.ui-label {
display: flex;
font-size: 14px;
font-weight: 600;
align-items: center;
}
.ui-label .icon {
margin-right: 5px;
}
.ui-container--area .section--content .form--wrapper {
padding: 0;
}
.cdx-Labels--wrapper {
margin: -15px;
}
.cdx-Tiles {
margin: -10px;
}
.cdx-Tiles.cdx-Tiles-theme-2 .ui-scrollarea {
flex-wrap: wrap;
overflow: hidden;
margin: -8px;
}
.cdx-Tiles-theme-3 .ui-scrollarea {
flex-wrap: wrap;
}
.cdx-Tiles__background {
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 20px;
}
.cdx-Tiles__content {
position: relative;
z-index: 1;
padding: 25px;
line-height: 1;
display: flex;
flex-direction: column;
height: calc(100% - 50px);
}
.cdx-Tiles__item:hover .cdx-Tiles__image {
background-size: 104% !important;
}
.cdx-Tiles__image {
width: 100%;
height: 100%;
border-radius: 20px;
background-size: 100% !important;
background-position: center !important;
transition: 0.4s;
background-repeat: no-repeat !important;
}
.cdx-Tiles__background:before {
border: 1px solid #B0BEC5;
position: absolute;
top: 0;
left: 1px;
width: calc(100% - 3px);
height: calc(100% - 3px);
content: '';
border-radius: 20px;
}
.cdx-Tiles-row, .cdx-Labels--wrapper {
overflow: hidden;
margin-top: -20px;
}
.cdx-Tiles-row .ui-scrollarea {display: flex;margin: -14px;overflow: auto;}
.cdx-Tiles__item {
width: calc(33% - 27px);
position: relative;
height: 189px;
display: flex;
flex-direction: column;
margin: 15px;
cursor: pointer;
}
.cdx-Tiles__item-title {
font-weight: 600;
font-size: 20px;
line-height: 1.3;
margin-bottom: 15px;
}
.cdx-Tiles__item-caption {
font-size: 14px;
font-weight: 500;
}
.cdx-Tiles-theme-2 .cdx-Tiles-row .cdx-Tiles__item {
min-width: calc(50% - 16px);
height: 264px;
background: #f1f2f8;
border-radius: 20px;
margin: 8px;
cursor: default;
}
.cdx-Tiles-theme-2 .cdx-Tiles__item.theme-6 {
height: inherit;
background: transparent;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-3 {}
.theme-3 .cdx-Tiles__item-title {
font-weight: 500;
line-height: 1.2;
}
.theme-3 .cdx-Tiles__item-caption {
color: #78909C;
}
.cdx-Tiles-theme-2 .cdx-Tiles__content {
padding: 25px 30px;
}
.cdx-Tiles-theme-2 .cdx-Tiles__item-title {
font-size: 28px;
line-height: 1.2;
}
.cdx-Tiles-theme-2 .cdx-Tiles__item-caption {
font-size: 16px;
line-height: 1.4;
}
.cdx-Tiles__content .ui-button {
margin-top: auto;
}
.ui-button.ui-button--link.ui-button--small {
padding: 0;
background: transparent;
text-align: left;
color: #2979FF;
font-size: 14px;
font-weight: 500;
}
.cdx-Tiles__content .ui-block--price {
margin-top: 15px;
font-weight: 500;
}
.cdx-Tiles__content .ui-block--price .old_price {
font-size: 16px;
color: #CFD8DC;
font-weight: 500;
}
.cdx-Tiles__item.theme-2 {
color: white;
}
.cdx-Tiles__item.align--bottom .cdx-Tiles__content {
margin-top: auto;
height: auto;
}
.theme-2 .cdx-Tiles__background:after {width: 100%;height: 100%;content: '';position: absolute;top: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 20px;}
.theme-2 .cdx-Tiles__item-title {
margin-bottom: 10px;
font-weight: 700;
}
/* Theme 5 */
.cdx-Tiles__item.theme-5 {
width: calc(33% - 50px);
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__content {
height: 125px;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__item:hover .cdx-Tiles__image {
background-size: 104% 104% !important;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__image {
height: 340px;
border-radius: 14px;
background-size: 100% 100% !important;
object-fit: cover;
}
.cdx-Tiles__item.theme-5 .ui-block--more__date{
font-size: 14px;
color: #78909C;
}
.cdx-Tiles__item.theme-5 .ui-block--more__link{
font-weight: 500;
font-size: 14px;
color: #2979FF;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles-row .ui-scrollarea {
display: flex;
margin: -14px;
overflow: auto;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__item {
width: calc(33% - 50px);
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__item-caption {
font-weight: 400;
}
.cdx-Tiles-theme-2 .cdx-Tiles-row .cdx-Tiles__item.theme-5 {
min-width: calc(33.333% - 34px);
height: 350px;
padding: 8px;
background: #FFFFFF;
border: 1px solid #B0BEC5;
border-radius: 20px;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__content {
padding: 14px 16px 21px 16px;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__item-title {
font-size: 18px;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__item-caption {
font-size: 14px;
color: #546E7A;
margin-top: 6px;
line-height: 1.5;
}
.cdx-Tiles__item.theme-5 .ui-block--price {
font-weight: 500;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__content .ui-block--price .old_price {
font-size: 12px;
color: #3D3D3D;
font-weight: 400;
}
.cdx-Tiles__item.theme-5 .ui-block--more{
position: absolute;
bottom: 27px;
left: 16px;
right: 16px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.cdx-Tiles__item.theme-5 {
color: #3D3D3D;
}
.cdx-Tiles__item.theme-5 .cdx-Tiles__item-title {
margin-bottom: 0;
font-weight: 600;
}
.cdx-Tiles__item.theme-6 {
flex-direction: row-reverse;
height: auto;
justify-content: flex-end;
align-items: center;
width: calc(33% - 28px);
pointer-events: none;
}
.cdx-Tiles__item.theme-6 .cdx-Tiles__background {
position: relative;
width: 56px;
height: 56px;
background: #F0F2F8;
border-radius: 12px;
margin-right: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.cdx-Tiles__item.theme-6 .cdx-Tiles__background > .background {
width: 32px;
height: 32px;
border-radius: 0px;
background-size: contain !important;
}
.cdx-Tiles__item.theme-6 .cdx-Tiles__content {
height: auto;
padding: 0;
}
.cdx-Tiles__item.theme-6 .cdx-Tiles__content .cdx-Tiles__item-title {
font-size: 14px;
line-height: 14px;
color: #546E7A;
font-weight: 500;
margin-bottom: 5px;
}
.cdx-Tiles__item.theme-6 .cdx-Tiles__content .cdx-Tiles__item-caption {
font-size: 20px;
line-height: 1.2;
}
.cdx-Tiles__item.theme-6 .cdx-Tiles__background:before {
display: none;
}
/* end new */
.ui-contacts--block .item {
width: 22%;
display: flex;
flex-direction: column;
font-size: 20px;
margin: 0 15px;
}
.ui-contacts--block .item .subtitle {
font-size: 16px;
}
.ui-contacts--block .item .label a {
border: none;
}
.ui-flex.ui-contacts--block .actions {
flex-direction: row;
width: 34%;
margin: -5px;
}
.ui-contacts--block {
margin: -15px;
align-items: flex-end;
width: calc(100% + 15px);
}
.ui-flex.ui-contacts--block .actions > .ui-button {
margin: 5px;
white-space: nowrap;
}
.ui--map-viewer .swal2-popup {
width: 100%;
height: 100vh;
border-radius: 20px;
overflow: hidden;
padding: 0;
}
.ui--map-viewer .swal2-popup .swal2-content {
margin: 0;
height: 100%;
}
.ui--map-viewer .swal2-popup .swal2-content #map_filter {
min-height: auto;
height: 100vh;
margin: 0;
}
.ui--map-popup_wrapper .ui-village--card {
width: 270px;
font-family: 'Montserrat';
}
div.leaflet-popup-content {
margin: 0;
line-height: 2;
}
div.leaflet-popup-content-wrapper {
border-radius: 20px;
box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
}
.ui--map-popup_wrapper .ui-village--card .ui-village--wrapper {
padding: 0;
}
.ui--map-popup_wrapper .ui-village--card .ui-village--details {
padding: 17px 15px;
margin-top: 0;
padding-bottom: 0;
}
div.leaflet-container a.leaflet-popup-close-button {
color: white;
font-family: 'Montserrat';
font-weight: 100;
font-size: 3rem;
width: auto;
height: auto;
top: 10px;
right: 5px;
}
.ui--map-popup .ui-village--details .village--title a {
font-size: 20px;
}
.ui--map-popup .ui-village--details .village--price {
font-size: 14px;
}
.ui--modal.ui--map-viewer {
padding: 0;
margin: 0;
background: white;
}
.ui-buttons--group {
display: flex;
margin: -10px;
width: calc(100% + 20px);
}
.ui-buttons--group > .ui-button {
margin: 10px;
}
html, body {
overflow-x: hidden;
}
.ui--arealist button.swal2-close {
right: 20px;
top: 15px;
}
button.swal2-close {
background: #F0F2F8;
border-radius: 10px;
width: 32px;
height: 32px;
color: #546E7A;
right: 25px;
top: 25px;
align-items: center;
font-family: 'Montserrat';
font-weight: 300;
font-size: 2.6rem;
z-index: 11;
position: absolute;
}
button.swal2-close:hover{
background: #F0F2F8;
color: #546E7A;
}
.ui--subheader {
height: 48px;
width: calc(100% - 50px);
z-index: 11;
align-items: center;
position: relative;
border-top: 1px solid #E9E9E9;
display: none;
padding: 0 25px;
}
.ui--subheader .subheader--wrapper {
display: flex;
width: 1140px;
margin: auto;
align-items: center;
height: 100%;
}
.subheader--part-1, .subheader--part-2, .subheader--part-3, .ui-house--titles, .ui-house--details, .ui-house--subheader-left {
display: flex;
align-items: center;
}
.ui-house--titles {
font-weight: 600;
margin: -8px;
}
.ui-house--titles .delimeter {
width: 3px;
height: 3px;
background: #3d3d3d;
border-radius: 10px;
}
.ui-house--titles .title {
font-size: 20px;
}
.ui-house--titles .subtitle {
font-size: 14px;
}
.ui-house--details {
font-size: 12px;
font-weight: 500;
color: #78909C;
margin: -10px;
}
.ui--subheader .subheader--wrapper .subheader--part-3 {
margin-left: auto;
}
.ui-house--details .item {
margin: 10px;
display: flex;
align-items: center;
}
.ui-house--titles .item {
margin: 8px;
}
.subheader--part-1, .subheader--part-2, .subheader--part-3 {
margin: 10px;
}
.subheader--part-1 {
margin-left: 0;
}
.subheader--part-3 {
margin-right: 0;
}
.ui-house--subheader-left .item {
margin: 8px 15px;
}
.ui-house--subheader-left {
margin: -8px -15px;
}
.ui-house--subheader-left .ui-block--price {
font-weight: 500;
font-size: 16px;
}
.ui-house--details .item .icon {
margin-right: 6px;
}
.cdx-startscreen--title {
font-size: 64px;
font-weight: 700;
position: relative;
left: -3px;
line-height: 1.2;
}
.cdx-startscreen--detail {
position: absolute;
bottom: 50px;
right: 0;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(8px);
border-radius: 50px;
-webkit-backdrop-filter: blur(8px);
padding: 13px 24px;
}
.cdx-startscreen--detail .ui-house--details {
color: white;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
margin: -10px -15px;
}
.cdx-startscreen--detail .ui-house--details .item .icon {
filter: brightness(7.5);
margin-right: 10px;
}
.cdx-startscreen--detail .ui-house--details .item .icon > * {width: 12px;height: 12px;}
sup {
position: absolute;
font-size: 60%;
}
.cdx-startscreen--detail .ui-house--details .item {
margin: 10px 15px;
}
.cdx-Plans__item {
position: RELATIVE;
width: 50%;
margin: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
c {
width: 100%;
height: 50vh;
}
.cdx-Plans__image .background {
width: 100%;
height: 50vh;
min-height: 551px;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.cdx-Plans__details {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: #ffffffc2;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
justify-content: center;
transition: 0.2s;
transform: scale(0.97);
opacity: 0;
}
.cdx-Plans__details .header {width: 100%;font-weight: 600;text-align: center;}
.cdx-Plans__areas .item {
display: flex;
margin: 10px 0;
}
.cdx-Plans__areas .item .size {
margin-left: auto;
}
.cdx-Plans__areas .item .label {
margin-right: 15px;
font-weight: 500;
}
.cdx-Plans__details .section {
max-width: 280px;
width: 100%;
}
.cdx-Plans__image {
width: 100%;
height: 100%;
}
.cdx-Plans__item:hover .cdx-Plans__details {
opacity: 1;
transform: scale(1);
}
.cdx-Tabs-row {
display: flex;
margin: -10px;
flex-wrap: wrap;
width: calc(100% + 20px);
}
.cdx-Tabs__item {
width: calc(50% - 20px);
margin: 0 10px;
border-bottom: 1px solid #E9E9E9;
padding: 23px 0;
/* vertical-align: top; */
float: left;
height: 100%;
}
.cdx-Tabs__item-header {
display: flex;
align-items: center;
color: black;
font-size: 18px;
cursor: pointer;
}
.cdx-Tabs__item .cdx-Tabs__content {
display: none;
overflow: hidden;
}
.cdx-Tabs__item-title {
font-weight: 500;
}
.cdx-Tabs__item-header .icon {
margin-left: auto;
transition: 0.2s;
}
ul {
font-size: 14px;
list-style: none;
padding-left: 7px;
}
ul li {
margin: 3px 0;
line-height: 1.6;
display: flex;
}
.layout--a ul li:before {content: '.';position: relative;top: 5px;font-weight: 600;font-size: 21px;line-height: 0;margin-right: 10px;}
.active.cdx-Tabs__item .cdx-Tabs__item-header .icon {
transform: rotate(45deg);
}
.active.cdx-Tabs__item .cdx-Tabs__content {
display: block;
}
.cdx-Tabs__item .cdx-Tabs__content .cdx-Tabs__content--wrapper {
display: flex;
overflow: hidden;
}
.ui-block--row .ui-block--background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.ui-block--row .ui-block--background .background {
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
}
.ui-block--row .ui-block--background:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);}
.cdx-Albums-row {
display: flex;
flex-wrap: wrap;
margin: -15px;
width: calc(100% + 30px);
}
.cdx-Albums-theme-2 .ui-block {
width: calc(50% - 32px);
height: 288px;
}
.without--bg .ui-block--background:after {
display: none;
}
.without--bg, a.without--bg{
color: #3d3d3d
}
.ui-albums--theme-2 .ui-block{
max-width: 515px;
display: block;
height: 288px;
margin: 0 15px;
left: 25px;
}
.only-hover{
opacity:0;
}
.only-hover:hover{
opacity:1;
}
.ui-checkbox.ui-checkbox--1 {
}
.ui-checkbox.ui-checkbox--1 input[type="checkbox"]+label {
font-size: 15px;
left: 0;
top: 0;
margin: 0;
border: 1px solid #b0bec57a;
line-height: 1;
padding: 7px 12px;
padding-top: 7px;
border-radius: 8px;
text-align: center;
font-weight: 400;
}
.ui-checkbox.ui-checkbox--1 input[type="checkbox"]:checked+label {
color: white;
background: #003DA5;
border-color: #003DA5;
font-weight: 500;
}
.ui-select--radio .select--value .item {
padding: 0;
border: none;
margin: 2px;
position: relative;
}
.ui-select--radio .select--value .item:after {
position: relative;
content: '';
height: 16px;
width: 1px;
background: #546e7a33;
right:0;
margin-left: 12px;
margin-right: 7px;
}
.ui-select--radio .select--value .item:last-child:after {
display: none;
}
.ui-select.ui-select--radio {
width: max-content;
}
.ui-select.ui-select--single {
width: 220px;
}
.ui-select .select--sort {
margin-right: 5px;
}
.ui-select .select--sort[data-sort="desc"] {
transform: rotate(180deg);
}
.ui-header--nav_wrapper .header--nav .item:after,
.ui-header--nav_wrapper .header--nav .item:hover:after
{content: '';position: absolute;bottom: 0;width: 0%;height: 4px;background: #FF8200;transition: 0.2s;margin: auto;left: 0;right: 0;}
.ui-header--nav_wrapper .header--nav .item.active:after,
.ui-header--nav_wrapper .header--nav .item:hover:after{
width: 100%;
}
.ui--subheader.ui--subheader-1 {
display: flex;
box-shadow: 0px 4px 10px rgb(38 50 56 / 8%);
position: fixed;
background: #ffffffde;
height: 62px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
top: 120px;
border-top: 0px;
transition: 0.2s;
border-top: 1px solid #E9E9E9;
}
.type-house .ui-main_wrapper, .type-village .ui-main_wrapper {
padding-top: 143px;
}
.header--hide header {transform: translateY(-120px);}
.header--hide .ui--subheader.ui--subheader-1 {
transform: translateY(-120px);
}
.ui_form__fieldset .ui-select {
margin-top: 40px;
width: auto;
}
.type-house .cdx-startscreen--wrapper {
min-height: 84vh;
}
.ui-button.ui-button--auto-width {
width: max-content;
}
.justify-content-center{
justify-content: center;
}
.cdx-Plans-row .ui-scrollarea {
justify-content: center;
}
.cdx-Plans.explication .cdx-Plans__details {
position: relative;
transform: scale(1);
opacity: 1;
width: 50%;
}
.cdx-Plans.explication .cdx-Plans__item {
width: calc(100% - 16px);
}
.cdx-Plans.explication .ui-scrollarea {flex-direction: column;}
.cdx-Plans.explication .cdx-Plans__item>.cdx-Plans__image {
width: 50%;
}
.ui-albums .slider--navigation {
left: 0;
right: 0;
bottom: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.ui-albums .slider--navigation .swiper-pagination-bullet {
background: black;
}
.ui-albums .slider--navigation .slider--button.swiper-button-prev, .ui-albums .slider--navigation .slider--button.swiper-button-next {transform: scale(1.1);}
.ui-albums .slider--navigation .slider--navigation-wrapper {width: 100%;justify-content: center;height: 100%;}
.ui-albums .slider--navigation .slider--button.swiper-button-prev {margin-right: auto;filter: contrast(0.5) brightness(0.5);top: -5px;bottom: 0;}
.ui-albums .slider--navigation .slider--button.swiper-button-next {
margin-left: auto;
filter: contrast(0.5) brightness(0.5);
top: -5px;
bottom: 0;
}
.ui-albums .slider--navigation .slider--navigation-wrapper .swiper-pagination.swiper-pagination-bullets {
margin-top: auto;
}
.ui-albums .ui-albums--wrapper {}
.ui-albums.swiper-container {
padding: 35px 0;
}
.ui-albums--theme-2 .ui-block.swiper-slide-active {
margin-left: 35px;
}
.ui-albums--theme-2 .ui-block.swiper-slide-active:first-child {
margin-left: 15px;
}
.ui-albums--theme-2 .ui-block.swiper-slide-next {
margin-right: 25px;
}
.ui-albums--theme-2 .ui-block.swiper-slide-active:first-child:last-child {
margin: auto;
left: 0;
}
div.swal2-popup.swal2-modal {
border-radius: 20px;
}
.ui--modal .swal2-header {
justify-content: center;
align-items: center;
}
.swal2-styled.swal2-confirm {
font-family: 'Montserrat';
padding: 13px 15px;
background-color: #003DA5;
}
.ui--modal .swal2-title {
font-size: 17px;
font-weight: 500;
letter-spacing: 0;
color: #3D3D3D;
}
.ui--modal .swal2-icon.swal2-success .swal2-success-ring {
border-color: #78909c7a;
}
.ui--modal .swal2-icon.swal2-success [class^=swal2-success-line] {
background-color: #78909C;
}
.ui--modal .swal2-icon {margin-top: 13px;border-width: 0.32em;}
.swal2-icon.swal2-success {
color: #78909C;
border-color: #78909C;
}
.ui--modal .swal2-actions {
justify-content: center;
margin-bottom: 0px;
}
/*Включили отображение виджета Comagic */
/*.comagic-widget {
visibility: hidden !important;
opacity: 0 !important;
display: none !important;
}*/
.comagic-c-sitephone-label.comagic-iphone.comagic-js-sitephone-label--shown {
display: none !important;
}
.swal2-icon.swal2-info {
color: #FF8200;
border-color: #ff8200;
border-width: 4px;
font-size: 14px;
}
.ui-button--100 {
width: -webkit-fill-available;
}
.close--filter.ui-button {
top: -20px;
left: 91%;
width: max-content;
}
.ui-mobile--nav {
position: fixed;
bottom: 0;
z-index: 111;
background: #FFFFFF;
border-radius: 32px;
margin: 10px;
width: calc(100% - 20px);
display: flex;
transition: 0.2s;
transform: scale(0.2);
opacity: 0;
visibility: hidden;
max-height: 95%;
overflow: hidden;
}
.ui-mobile--nav::-webkit-scrollbar {
width: 12px;
-webkit-appearance: auto;
height: auto;
display: block;
}
.ui-mobile--nav::-webkit-scrollbar-track {
background: orange;
-webkit-appearance: auto;
height: auto;
display: block;
}
.ui-mobile--nav::-webkit-scrollbar-thumb {
background-color: blue;
border-radius: 20px;
border: 3px solid orange;
}
.ui-mobile--nav .mobile--nav, .ui-mobile--nav .mobile--nav li, .ui-mobile--nav ul {
display: flex;
flex-direction: column;
padding: 0;
font-size: 16px;
font-weight: 600;
margin: 0;
}
.ui-mobile--nav .mobile--nav li a {
color: #3d3d3d;
}
.ui-mobile--nav .mobile--nav li {margin: 12px 0;}
.ui-mobile--nav .mobile--nav {
padding: 0 24px;
margin: 0;
overflow: scroll;
height: auto;
max-height: 465px;
width: 100%;
}
.ui-mobile--nav .mobile--nav_header {
display: flex;
justify-content: flex-end;
padding: 25px 20px;
padding-bottom: 10px;
}
.mobile--nav_footer {
display: flex;
flex-direction: column;
margin: 25px;
}
.ui-button.ui-button--11 {
background: #64DD17;
color: white;
border-radius: 12px;
padding: 18px 20px;
font-size: 14px;
}
.ui-mobile--nav_wrapper {
margin-top: auto;
display: flex;
flex-direction: column;
width: 100%;
}
.mobile-nav--shown .ui-mobile--nav {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.ui-mobile--nav .mobile--nav .item--submenu {
margin: 10px 0;
}
img.ym-advanced-informer {
position: absolute;
bottom: 0;
opacity:0;
z-index:-2;
}
.ui-select .select--count {
color: #3D3D3D;
font-weight: 500;
font-size: 14px;
margin-left: 15px;
}
.ui--float-actions {transition: 0.2s;position: fixed;width: 100%;top: 90px;left: 0;right: 0;text-align: center;transform: translateY(80px);z-index: 3;}
.ui--float-actions.shown {
transform: translateY(-25px);
}
.ui--float-actions .wrapper {
padding: 0 30px;
max-width: 400px;
margin: auto;
}
.ui--no-results {
background: #eff2f7;
border-radius: 36px;
padding: 50px 30px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.ui--no-results > .icon {
width: 55px;
margin-bottom: 10px;
}
.ui--no-results .title {
font-weight: 600;
font-size: 20px;
line-height: 1.4;
}
[data-slider-ui="slide"]:before {content: '';width: 8px;height: 8px;background: #003da5;display: block;position: relative;top: 2px;border-radius: 2px;left: -7px;}
.ui--label {
background: #FFEA00;
border-radius: 6px;
display: inline-block;
padding: 6px 8px;
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #3D3D3D;
}
.ui-village--card .ui-village--wrapper .ui--label {
position: absolute;
top: 40px;
left: 40px;
z-index: 1;
}
.ui-block--price--1 {
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
.ui-block--price--1 .old_price {
color: #787d80;
font-size: 16px;
font-weight: 500;
}
.ui-block--price.ui-block--price--2 {
margin-top: 10px;
font-weight: 500;
font-size: 28px;
line-height: 34px;
}
.ui-block--price.ui-block--price--2 .old_price {
font-weight: 500;
font-size: 20px;
line-height: 1.2;
}
.ui-villeages--list .ui-scrollarea {
margin: 0 -7px;
width: 100%;
}
.site-header__item.action--authorization.hide--if-logged {
position: absolute;
right: 0;
top: 0;
opacity: 0;
}
.ui-container--area .section--header .left, .ui-container--area .section--content .left {
display: flex;
}
.section.section--head.without-bg {
color: #3d3d3d;
}
.section--head .section--header .icon {
filter: brightness(10.5);
}
.section--head.without-bg
.section--header .icon {
filter: none;
}
.ui-container--area .layout--a {
max-width: initial;
padding: 0;
}
.ui-container--area .layout--a p {
width: auto;
}
.ui-container--area
h2 {
font-size: 24px;
}
.ui-container--area
.cdx-Communications--wrapper {
flex-direction: column;
}
.ui-container--area .cdx-Communications--wrapper .cdx-Communications--leftcol, .ui-container--area .cdx-Communications--wrapper .cdx-Communications--rightcol {
width: auto;
}
.ui-container--area .cdx-Communications--wrapper .cdx-Communications--leftcol {
margin-bottom: 30px;
}
.ui-container--area .ui-h {
flex-direction: column;
align-items: flex-start;
margin-top: 40px;
}
.ui-container--area .ui-h .action {
margin-left: 0;
margin-bottom: 10px;
margin-top: 10px;
}
.ui-container--area .ui-village--card.ui-house--card {
min-width: 350px;
}
.ui-container--area .ui-scrollarea {margin: 0 -25px;width: auto;padding: 0 25px;}
div.ui--pageview.swal2-popup button.swal2-close {
top: 17px;
}
.ui--border {
border: 1px solid #bfcad2;
}
.section.ui--border {
border-radius: 36px;
}
.cdx-startscreen--features .feature--item a {
color: white;
}
.ui--float-callback {
display:none; /*Скрыли кнопку в правом нижнем углу экрана*/
position: fixed;
bottom: 25px;
right: 25px;
z-index: 11;
}
.ui-button.ui-button--lm-only-icon .label {
margin-left: 8px;
}
.ui-iframe {
width: 100%;
min-height: 100vh;
border: none;
}
[data-id="13572"] .ui-article_row {
margin-bottom: -50px;
}
.page-ten .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-ten .cdx-checklist__item-checkbox::after {
border-color: #ffad5a;
width: 12px;
height: 6px;
top: 3px;
}
.page-ten .cdx-checklist__item.cdx-checklist__item--checked b {color: #ff9002;}
.page-ruzza .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-ruzza .cdx-checklist__item-checkbox::after {
border-color: #79c2e8;
width: 12px;
height: 6px;
top: 3px;
}
.page-ruzza .cdx-checklist__item.cdx-checklist__item--checked b {color: #79c2e8;}
.page-vekshino .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-vekshino .cdx-checklist__item-checkbox::after {
border-color: #88be42;
width: 12px;
height: 6px;
top: 3px;
}
.page-vekshino .cdx-checklist__item.cdx-checklist__item--checked b {color: #88be42;}
.page-millcreek .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-millcreek .cdx-checklist__item-checkbox::after {
border-color: #D1B371;
width: 12px;
height: 6px;
top: 3px;
}
.page-millcreek .cdx-checklist__item.cdx-checklist__item--checked b {color: #D1B371;}
.page-3logy-residence .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-3logy-residence .cdx-checklist__item-checkbox::after {
border-color: #992D37;
width: 12px;
height: 6px;
top: 3px;
}
.page-3logy-residence .cdx-checklist__item.cdx-checklist__item--checked b {color: #992D37;}
.page-3-logy .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-3-logy .cdx-checklist__item-checkbox::after {
border-color: #992d37;
width: 12px;
height: 6px;
top: 3px;
}
.page-3-logy .cdx-checklist__item.cdx-checklist__item--checked b {color: #992d37;}
.page-3-logy-residences .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-3-logy-residences .cdx-checklist__item-checkbox::after {
border-color: #992d37;
width: 12px;
height: 6px;
top: 3px;
}
.page-3-logy-residences .cdx-checklist__item.cdx-checklist__item--checked b {color: #992d37;}
.page-dmitrovka .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-dmitrovka .cdx-checklist__item-checkbox::after {
border-color: #ef7c00;
width: 12px;
height: 6px;
top: 3px;
}
.page-dmitrovka .cdx-checklist__item.cdx-checklist__item--checked b {color: #ef7c00;}
.page-ostrov .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-ostrov .cdx-checklist__item-checkbox::after {
border-color: #88be42;
width: 12px;
height: 6px;
top: 3px;
}
.page-ostrov .cdx-checklist__item.cdx-checklist__item--checked b {color: #88be42;}
.page-udino .cdx-checklist__item-checkbox {
border-color: transparent;
background: transparent;
margin-right: 9px;
}
.page-udino .cdx-checklist__item-checkbox::after {
border-color: #0055aa;
width: 12px;
height: 6px;
top: 3px;
}
.page-udino .cdx-checklist__item.cdx-checklist__item--checked b {color: #0055aa;}
.ui-select--1 {
display: flex;
flex-direction: column;
}
.ui-select--1 select {
margin: 10px 0;
padding: 10px;
border: 1px solid #e0e0e0;
border-radius: 6px;
}
/* New */
.ui-video {
margin-top: 15px;
}
.ui-video-wrapper {
position: relative;
margin-left: 98px;
margin-right: 98px;
height: 536px;
}
.ui-video-wrapper:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
z-index: 2;
border-radius: 32px;
transition: ease-out 0.3s;
}
.ui-video-wrapper.active:after, .ui-video-wrapper.active .ui-video__play, .ui-video-wrapper.active .ui-video__placeholder {
opacity: 0;
pointer-events: none;
}
.ui-video-wrapper.active .ui-video__player {
opacity: 1;
pointer-events: auto;
}
.ui-video__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
cursor: pointer;
}
.ui-video__placeholder {
height: 100%;
width: 100%;
border-radius: 32px;
display: block;
}
.ui-video__player {
width: 100%;
height: 100%;
border-radius: 32px;
position: absolute;
left: 0;
top: 0;
transition: ease-out 0.3s;
opacity: 0;
pointer-events: none;
}
.ui-info-numbers-wrapper {
display: flex;
align-content: flex-start;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 80px;
}
.ui-info-numbers__item {
flex: 0 0 210px;
}
.ui-info-numbers__header {
display: flex;
align-items: center;
justify-content: center;
}
.ui-info-numbers__header h3 {
font-size: 40px;
margin-left: 17px;
font-weight: 600;
margin-top: 0;
color: #3D3D3D;
margin-top: 0;
margin-bottom: 0;
}
.ui-info-numbers__item p {
margin-top: 6px;
font-size: 14px;
text-align: center;
color: #000;
width: unset !important;
}
.ui-info-list {
margin-top: 109px;
margin-bottom: 90px;
}
.ui-info-list-item-wrapper {
padding: 1px 25px 19px 25px;
background: #F0F2F8;
border-radius: 20px;
position: relative;
height: 100%;
box-sizing: border-box;
}
.js-ui-info-list-carousel {
margin-left: -15px;
margin-right: -15px;
}
.ui-info-list-item {
padding: 0 15px;
width: 263px;
flex: 0 0 263px;
height: unset !important;
}
.ui-info-list-item__count {
background: url("../icons/info-list-marker.svg") no-repeat center center;
background-size: contain;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
color: #fff;
}
.ui-info-list-item h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 13px;
width: unset !important;
}
.ui-info-list-item p {
font-size: 14px;
width: unset !important;
padding-right: 16px;
}
.ui-info-subdivision {
margin-bottom: 75px;
}
.ui-info-subdivision-wrapper {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-top: 15px;
}
.ui-info-subdivision-item {
padding: 0 15px;
margin-bottom: 30px;
flex: 0 0 calc(50% - 30px);
}
.ui-info-subdivision-item-wrapper {
background: #263238;
border-radius: 20px;
padding: 28px 24px 28px 0;
display: flex;
align-items: center;
height: calc(100% - 56px);
}
.ui-info-subdivision-left {
flex: 0 0 45%;
display: flex;
align-items: center;
justify-content: center;
padding-right: 24px;
position: relative;
height: 96px;
}
.ui-info-subdivision-left:after {
content: '';
position: absolute;
height: 100%;
width: 1px;
top: 0;
right: 24px;
background: #515B60;
}
.ui-info-subdivision-right {
color: #fff;
}
.ui-info-subdivision-right p {
width: unset !important;
color: #CFD8DC;
line-height: 17px;
font-size: 14px;
}
.houses-layouts-btns {
display: flex;
align-items: center;
justify-content: center;
margin-top: 32px;
}
.houses-layouts-btns span {
background: #F0F2F8;
border-radius: 10px;
padding: 12px 26px;
font-size: 16px;
font-weight: 500;
color: #546E7A;
display: block;
margin: 0 8px;
cursor: pointer;
transition: ease-out 0.15s;
}
.houses-layouts-btns span.active {
color: #fff;
background: linear-gradient(0deg, #003DA5, #003DA5);
}
.houses-layouts-tabs {
margin-top: 24px;
position: relative;
}
.houses-layouts-prev {
position: absolute;
/* left: 0; */
left: -40px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.houses-layouts-next {
position: absolute;
/* right: 0; */
right: -40px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.houses-layouts-tabs-wrapper {
position: relative;
}
.houses-layouts-tabs:not(.active) {
position: absolute;
opacity: 0;
pointer-events: none;
}
.houses-layouts-carousel {
/* margin-left: 40px;
margin-right: 40px; */
overflow: hidden;
}
.houses-layouts-carousel .swiper-slide {
background: #F0F2F8;
border-radius: 20px;
}
.houses-layouts-carousel-header a {
font-size: 32px;
font-weight: 600;
color: #3D3D3D;
border-bottom: none;
}
.houses-layouts-carousel-header span {
font-size: 20px;
font-weight: 500;
display: block;
margin-top: 13px;
}
.houses-layouts-carousel-left {
padding: 33px 52px 25px 32px;
flex: 1 1 auto;
}
.houses-layouts-carousel-info {
display: flex;
align-items: center;
margin-top: 27px;
}
.houses-layouts-carousel-info div {
display: flex;
align-items: center;
margin-right: 16px;
}
.houses-layouts-carousel-info-text {
display: block;
margin-left: 10px;
font-size: 16px;
font-weight: 500;
color: #607D8B;
}
.houses-layouts-carousel-plot {
margin-top: 12px;
font-size: 16px;
font-weight: 500;
color: #607D8B;
}
.houses-layouts-carousel-btns {
margin-top: 36px;
display: flex;
align-items: center;
}
.houses-layouts-carousel-request {
padding: 14px 26px;
background: #FF8200;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
color: #fff !important;
border: none !important;
cursor: pointer;
transition: ease-out 0.15s;
margin-left: 0 !important;
}
.houses-layouts-carousel-request:hover {
background: #d07014;
}
.feedback-modal-header {
margin-right: 110px;
margin-top: 11px;
}
.feedback-modal-header-wrapper {
display: flex;
}
.houses-layouts-carousel-btns a {
padding: 15px 16px 15px 16px;
border: 1px solid #A2B0B9 !important;
border-radius: 10px;
display: flex;
align-items: center;
color: #546E7A;
margin-left: 15px;
font-size: 14px;
outline: none !important;
}
.houses-layouts-carousel-btns .houses-layouts-carousel-request {
border: none !important;
}
.houses-layouts-carousel-btns span {
margin-left: 8px;
display: block;
}
.houses-layouts-carousel .swiper-slide {
display: flex;
}
.houses-layouts-carousel-img-wrapper {
flex: 0 0 562px;
max-width: 562px;
padding: 8px 8px 8px 0;
}
.houses-layouts-carousel-img-wrapper a {
height: 100%;
border-bottom: none;
display: block;
outline: none !important;
}
.houses-layouts-carousel-img {
border-radius: 16px;
display: block;
max-height: unset !important;
height: 100%;
object-fit: cover !important;
}
.houses-layouts-carousel-warn {
font-size: 12px;
color: #78909C;
line-height: 15px;
display: block;
margin-top: 20px;
}
.ui-section--genplan {
margin-top: 20px;
}
.ui-section--genplan img {
width: 100%;
height: 640px !important;
object-fit: cover;
max-height: unset;
display: block;
border-radius: 20px;
pointer-events: none;
}
.ui-section--genplan .green {
background: #64DD17;
opacity: 0.5;
display: block;
}
.ui-section--genplan .ui-section--genplan-wrapper {
position: relative;
width: 1140px;
height: 640px;
}
.ui-section--genplan .layout--a {
/* overflow: auto; */
overflow: visible;
position: relative;
}
.ui-section--genplan svg {
width: 100% !important;
height: 100% !important;
position: absolute;
left: 0;
top: 0;
z-index: 3;
display: block;
border-radius: 20px;
}
.ui-section--genplan-modal-wrapper {
/* padding: 0 30px; */
padding: 5px 5px;
position: absolute;
transform: translate(50%, -100%);
top: 0;
transition: 0.3s ease-out;
opacity: 0;
z-index: 3;
pointer-events: none;
width: 288px;
}
.ui-section--genplan-modal {
padding: 13px 16px 16px;
background: #FFFFFF;
box-shadow: 0px 14px 16px rgba(0, 0, 0, 0.3);
border-radius: 12px;
width: 263px;
}
.ui-section--genplan-modal-wrapper.active {
opacity: 1;
pointer-events: auto;
transform: translate(30%, -100%);
}
.ui-section--genplan-id {
position: relative;
font-weight: 600;
font-size: 20px;
color: #3D3D3D;
}
.ui-section--genplan-header {
position: relative;
display: inline-block;
}
.ui-section--genplan-map path {
cursor: pointer;
}
.ui-section--genplan-map polygon {
cursor: pointer;
fill-opacity: 1 !important;
}
.ui-section--genplan-area {
display: flex;
align-items: center;
font-weight: 500;
font-size: 12px;
color: #78909C;
}
.js-ui-section--genplan-area,
.js-ui-section--genplan-cat-area {
display: block;
margin-left: 16px;
}
.ui-section--genplan-name {
display: block;
margin-top: 13px;
font-size: 20px;
color: #3D3D3D;
font-weight: 600;
}
.ui-section--genplan-attrs {
display: flex;
align-items: center;
margin-left: -6px;
margin-right: -6px;
color: #78909C;
font-size: 12px;
}
.ui-section--genplan-attrs .icon--double-arrow {
width: 9px;
height: 9px;
}
.ui-section--genplan-attrs div {
display: flex;
align-items: center;
margin: 0 6px;
}
.ui-section--genplan-attrs-text {
margin-left: 6px;
display: block;
}
.houses-layouts-gallery__item {
display: none;
}
.ui-section--genplan-btn {
padding: 10px 0;
display: block;
width: 100%;
text-align: center;
background: #FF8200;
border-radius: 8px;
font-weight: 600;
font-size: 14px;
color: #FFFFFF !important;
margin-top: 21px;
cursor: pointer;
transition: ease-out 0.15s;
border: none !important;
}
.ui-section--genplan-btn:hover {
background: #d07014;
}
.ui-section--genplan-marker {
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
border-radius: 50%;
transition: ease-out 0.15s;
}
.ui-section--genplan-modal-wrapper.modal--minimal .ui-section--genplan-modal--first {
display: none;
}
.ui-section--genplan-modal-wrapper.modal--minimal .ui-section--genplan-modal--second {
display: block;
}
.ui-section--genplan-modal--second {
display: none;
}
.ui-section--genplan-modal-wrapper.modal--minimal .ui-section--genplan-modal .js-ui-section--genplan-name {
display: block!important;
}
#call_me + .box {
display: none;
}
label[for="call_me"] {
display: none;
}
.ui-error--404 > .wrapper {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
width: calc(100% - 25px);
}
.ui-error--404 .title {
color: #455A64;
}
.ui-error--404 .content p {
font-size: 16px;
line-height: 24px;
max-width: 450px;
font-weight: 500;
}
.il-error--404 {
width: 100%;
max-width: 725.7px;
height: 264px;
background: url('/assets/images/404.svg') no-repeat;
background-position: center;
background-size: contain;
}
.breadcrumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.breadcrumbs a{
font-size: 14px;
color: #3D3D3D;
margin-right: 8px;
padding-right: 8px;
position: relative;
border: none;
white-space: nowrap;
}
.breadcrumbs a:after{
content: '';
background: #3D3D3D;
width: 1px;
height: 17px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.breadcrumbs span{
font-weight: 600;
font-size: 14px;
white-space: nowrap;
}
.ui--column-container {
display: flex;
margin: 0 auto;
max-width: 1140px;
padding: 0 25px;
}
.ui--column-container > .col-left {
width: calc(100% - 390px);
padding-right: 30px;
}
.ui--column-container .col-right {
width: 360px;
}
.ui-sidebar-preview {
border: 1px solid #E5E6E7;
border-radius: 20px;
position: absolute;
width: 360px;
transform: translateY(0px);
}
.ui-sidebar-preview .wrapper {
padding: 30px;
overflow: auto;
max-height: 75vh;
}
.ui-list--1 > .item {
display: flex;
border-bottom: 1px solid #E5E6E7;
font-size: 14px;
line-height: 17px;
padding: 10px 0;
}
.ui-list--1 > .item:last-child {
border-bottom: 0px;
}
.ui-list--1 > .item > .label {
font-weight: 600;
}
.ui-list--1 > .item > .value {
margin-left: auto;
font-weight: 500;
}
.sidebar--preview > .title {
font-weight: 600;
font-size: 20px;
line-height: 24px;
margin: 16px;
margin-bottom: 0;
}
.ui-price--1 {
display: flex;
flex-direction: column;
}
.ui-price--1 > .price {
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.ui-price--1 > .price a {
color: #3D3D3D;
}
.ui-price--1 > .label {
color: #90A4AE;
font-weight: 500;
}
.ui-label--1 {
display: flex;
flex-direction: column;
}
.ui-label--1 > .price {
font-weight: 600;
font-size: 16px;
line-height: 1.4;
}
.ui-label--1 > .label {
color: #90A4AE;
font-weight: 500;
}
.ui-button.ui-button--12 {
padding: 0;
font-size: 14px;
color: #2979FF;
}
.ui-button.ui-button--12 .icon {
margin-left: 6px;
position: RELATIVE;
top: 1px;
}
.ui--column-container .layout--a {
padding: 0;
}
.ui-gallery > .wrapper {
position: relative;
}
.ui-gallery[data-slider="main"] .ui-swiper--1 {
margin: 0;
}
.ui-gallery > .wrapper > .header {
position: absolute;
top: 16px;
left: 16px;
display: block;
width: 100%;
z-index: 2;
}
.ui-gallery > .wrapper > .windows {
background: #f2f3f3;
border-radius: 20px;
height: 415px;
}
.ui-buttons--group > .item {
margin: 10px;
}
.ui-swiper--1 .swiper-slide {
width: 100%;
height: 415px;
background: white;
}
.ui-swiper--1 {
height: 100%;
margin-top: 25px;
}
.ui-button.ui-button--small.ui-button--small-1 {
font-size: 14px;
padding: 9px 15px;
}
.ui-buttons--group.style--1 {
margin: -4px;
width: calc(100% + 8px);
}
.ui-buttons--group.style--1 > .item {
margin: 4px;
}
.ui-swiper--1 .swiper-slide .swiper--background > .background {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 20px;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-color: #ffffff !important;
}
.theme-3 .ui-swiper--1 .swiper-slide .swiper--background > .background {
background-size: contain !important;
background-color: white !important;
}
.ui-swiper--1 .swiper-slide[do-trigger="plan"] .swiper--background > .background {
background-size: contain !important;
}
.ui-gallery > .wrapper > .header .ui-button.active {
background: #263238;
color: white;
border-color: transparent;
}
.ui-swiper--1 .slider--button {
background-color: rgba(0, 0, 0, 0.4);
width: 32px;
border-radius: 100px;
height: 32px;
position: absolute;
background-image: url(/assets/icons/chevron-white.svg);
background-repeat: no-repeat;
background-position: 10px 9px;
}
.ui-swiper--1 .slider--button.swiper-button-prev {
left: 10px;
top: calc(50% - 16px);
}
.ui-swiper--1 .slider--navigation {
position: absolute;
bottom: initial;
right: inherit;
top: 0;
height: 100%;
width: 100%;
}
.ui-swiper--1 .slider--button.swiper-button-next {
right: 10px;
top: calc(50% - 16px);
left: inherit;
transform: rotate(180deg);
}
.ui-gallery > .wrapper > .navigations {
overflow: hidden;
margin-top: 8px;
border-radius: 8px;
}
.ui-gallery > .wrapper > .navigations .item {
border-radius: 8px;
width: 64px;
height: 64px;
background: #efefef;
margin: 4px;
min-width: 64px;
transition: 0.2s;
cursor: pointer;
position: relative;
}
.ui-gallery > .wrapper > .navigations
.scrollarea {
display: flex;
margin: -4px;
overflow: auto;
}
.ui-gallery > .wrapper > .navigations .item.active:after {
border-color: #F47D00;
}
.ui-gallery > .wrapper > .navigations .item .background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 6px;
background-size: cover !important;
}
.ui-gallery > .wrapper > .navigations .item:after {
content: '';
position: absolute;
width: calc(100% - 3px);
height: calc(100% - 4px);
border-radius: 8px;
border: 2px solid #f47d0000;
left: 0;
top: 0;
transition: 0.2s;
}
.ui-sidebar-preview .wrapper .sidebar--preview {
overflow: hidden;
margin: -16px;
margin-bottom: 16px;
border-radius: 12px;
}
.ui-sidebar-preview .sidebar--preview > .preview {
border-radius: 12px;
height: 152px;
background-color: #f2f3f3;
margin-bottom: 16px;
position: relative;
overflow: hidden;
}
.ui-sidebar-preview .sidebar--preview > .preview .background {
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
}
.cdx-Form.cdx-Form-theme-3 .cdx-Form--labelWrapper {
height: 100%;
}
.cdx-Form.cdx-Form-theme-3 .cdx-Form--labelWrapper .form--footer {
margin-top: auto;
font-size: 14px;
line-height: 1.2;
color: #78909C;
}
.cdx-Form.cdx-Form-theme-3 .cdx-Form__name {
font-weight: 600;
font-size: 32px;
line-height: 40px;
margin-bottom: 25px;
}
.cdx-Form.cdx-Form-theme-3 .cdx-Form__caption {
font-size: 16px;
line-height: 1.34;
font-weight: 500;
}
.cdx-Form.cdx-Form-theme-3 form {
}
.cdx-Form.cdx-Form-theme-3 form .form--wrapper {
max-width: 428px;
margin-left: auto;
padding: 0;
width: 100%;
}
.cdx-Form.cdx-Form-theme-3 input {
background: #FFFFFF;
border: 1px solid #B0BEC5;
box-sizing: border-box;
width: 100%;
}
.cdx-Form.cdx-Form-theme-3 input+label {
top: 18px;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-8 {
height: auto;
flex-direction: row-reverse;
background: #F0F2F8;
border-radius: 10px;
padding: 20px;
min-width: calc(50% - 70px);
justify-content: flex-end;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-8 .cdx-Tiles__background {
position: relative;
width: 32px;
height: 40px;
min-width: 32px;
border-radius: 0px;
margin-right: 23px;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-8 .cdx-Tiles__background:before {
display: none;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-8 .cdx-Tiles__content {
height: auto;
padding: 0;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-8 .cdx-Tiles__background .cdx-Tiles__image {
border-radius: 0;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-8 .cdx-Tiles__content .cdx-Tiles__item-title {
font-weight: 600;
font-size: 18px;
line-height: 22px;
margin-bottom: 4px;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-8 .cdx-Tiles__content .cdx-Tiles__item-caption {
font-size: 14px;
line-height: 17px;
/* identical to box height */
color: #2979FF;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7 {
height: 136px;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7 .cdx-Tiles__background {
width: 88px;
height: 88px;
bottom: 16px;
right: 16px;
left: inherit;
top: inherit;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7 .cdx-Tiles__background::before {
display: none;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7 .cdx-Tiles__item-title {
font-weight: 600;
font-size: 22px;
line-height: 1.2;
margin-bottom: 5px;
color: #3D3D3D;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7 .cdx-Tiles__item-caption {
font-size: 14px;
color: #3D3D3D;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7 .cdx-Tiles__content {
padding: 24px;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7.align--blue {
background: #E1F5FE;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7.align--green {
background: #F1F8E9;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7.align--orange {
background:#FFF3E0;
}
.cdx-Tiles-row .cdx-Tiles__item.theme-7.align--red {
background:#FFEBEE;
}
.ui-label--2 {
display: flex;
align-items: center;
}
.ui-label--2 .title {font-weight: 600;font-size: 14px;line-height: 17px;color: #90A4AE;}
.ui-label--2 .caption {
margin-left: auto;
font-size: 18px;
font-weight: 500;
}
.ui-label--4 {
border: 1px solid #2979FF;
box-sizing: border-box;
border-radius: 6px;
display: inline;
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: #2979FF;
padding: 4px 7px;
}
.ui-label--3 {
display: inline-flex;
font-weight: 600;
font-size: 12px;
line-height: 15px;
/* identical to box height */
color: white;
background: #E60C0C;
border-radius: 6px;
padding: 4px 7px;
}
.ui--labels-group {
display: flex;
margin: -4px;
}
.ui--labels-group > .item {
margin: 4px;
}
.ui-block--2 {
background: #F5F6FB;
border-radius: 20px;
margin-top: 20px;
}
.ui-block--2 > .wrapper {
padding: 24px;
}
.ui-block--2 > .wrapper > p {
margin-top: 0;
font-weight: 500;
margin-bottom: 10px;
font-size: 14px;
}
.ui-block--2 .ui-button.ui-button--12 {
background: transparent;
font-weight: 500;
display: flex;
}
.ui-container--area.style--1 .section--content p {
margin-bottom: 15px;
line-height: 1.5;
font-size: 16px;
}
.ui-container--area .section--content h2 {
margin-bottom: 15px;
}
.ui-container--area .section--content ul > li {list-style: circle;font-size: 16px;display: flex;}
.ui-container--area .section--content ul > li:before {
content: '';
margin-right: 10px;
height: 1px;
background: gray;
min-width: 15px;
margin-top: 10px;
}
.ui-container--area.style--1 p, .ui-container--area.style--1 ul li {font-size: 15px;-webkit-font-smoothing: auto;}
.ui-container--area.style--1 h2 {
margin-top: 30px;
}
.swal2-shown .ui-main_wrapper, html.swal2-shown, .swal2-shown body {
overflow: hidden !IMPORTANT;
}
.radius--5km, .radius--15km {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1111;
}
.radius--5km{
background: url('/assets/images/5km.svg') no-repeat center;
}
.radius--15km {
background: url('/assets/images/15km.svg') no-repeat center;
}
.remove-ui .leaflet-control-container {
display: none;
}
.remove-ui + .cdx-Map-categories {
display: none;
}
.cdx-Map .remove-ui {
min-height: 640px;
pointer-events: none;
}
.codex-editor .cdx-Tiles__item.theme-6 {pointer-events: all;}
.cdx-Map .remove-ui * {
pointer-events: none !important;
}
.type-finished_house .cdx-Map-categories {
display: none;
}
.icon--copy {
width: 16px;
height: 16px;
background: url('/assets/icons/copy.svg') no-repeat;
display: block;
}
.type-finished_house.page-wide .layout--a p {margin: 0;}
.page-wide div.ui-block--2 > div.wrapper p {
margin-bottom: 10px;
}
svg [data-area] {
fill: transparent;
stroke: transparent;
cursor: pointer;
}
text.area-num {
pointer-events: none;
font-weight: 600;
font-size: 12px;
line-height: 15px;
fill: #607D8B;
}
.ui-section--genplan [data-id].forest {fill: #80007e99 !important; }
.ui-section--genplan [data-id].sold {
fill: #ff000078 !important;
}
.ui-section--genplan [data-id].booked {
fill: #ffc20082 !important;
}
.ui-section--genplan [data-id]:hover {
fill: #51ff0069 !important;
}
.ui-section--genplan [data-id].not_for_sell {
pointer-events: none;
fill: #444444b5 !important;
}
.ui-section--genplan [data-area-num].sold, .ui-section--genplan [data-area-num].booked, .ui-section--genplan [data-area-num].hover {
fill: white;
}
.ui-section--genplan [data-area-num] {
transition: 0.2s;
}
.ui-section--genplan .st0 {
fill: transparent !important;
}
.ui-section--genplan-modal-wrapper .ui-button {
width: 75%;
border-bottom: none;
}
.ui-area-features {
display: flex;
flex-wrap: wrap;
margin: -5px;
margin-top: 5px;
}
.ui-area--feature {
display: flex;
align-items: center;
font-size: 13px;
background: #efefef;
border-radius: 7px;
line-height: 1.3;
padding: 3px 7px;
font-weight: 600;
margin-top: 10px;
margin: 5px;
}
.ui-area--feature > .icon {
width: 12px;
height: 12px;
}
.ui-area--feature > .icon > img {
height: auto !important;
}
.ui-area--feature > .icon + .label {
margin-left: 6px;
}
.ui-area--feature.feature--forest {
color: #4CAF50;
background: rgba(76, 175, 80, 0.1);
}
.ui-area--feature.feature--profitable {
color: #FF6D00;
background: rgba(255, 109, 0, 0.1);
}
.ui-area--feature.feature--beach {
color: #00B8D4;
background: rgba(0, 184, 212, 0.1);
}
.ui-area--feature.feature--house {
color: #607D8B;
background: rgba(96, 125, 139, 0.1);
}
.ui-section--genplan-modal-wrapper > #close {
position: absolute;
right: 10px;
top: 18px;
cursor: pointer;
}
.ui-section--genplan-area-image {
height: 120px;
width: 100%;
margin: 13px 0;
}
.ui-section--genplan-area-image img {
height: 100% !important;
border-radius: 12px;
}
.ui-feed-block_content .leaflet-pane img {max-height: inherit;}
.is-none {
display: none;
}