:root {
--white: #FFF;
--black: #000;
--dark: #191919;
--dark-text: #2a2a2a;
--dark-text2: #3a3a3a;
--light-grey: rgba(0,0,0,.08);
--light-grey2: #ebebeb;
--light-grey3: #bebebe;
--grey-bg: #f3f3f3;
--medium-grey: #636363;
--border-grey: #424242;
--border-grey2: #D3D3D3;
--form-bg-title-grey: #8c8c8c;
--darkest: #242424;
--dark-search: #2b2b2b;
--primary: #55900f;
--primary2: #507D1A;
--primary-transparent: #56900f48;
--green-ok: #19875421;
--red: #FF0022;
--dark-red: #dc3545;
--badge-red: #dd0f0f;
--badge-grey: #cdcdcd;
--tertiary: #ffb400;
--tertiary2: #FED219;/* #E19A00; */
--yellow: #ffb400;
--yellow-hover: #E3A000;
--yellow2: #FED219;/* #E19A00; */
--bg-color-1: var(--white);
--bg-color-2: var(--grey-bg);
--city-grey: #808080;
--icon-grey: #b6b5b6;
--menu-mobile-bg-grey: #f7f7f7;
--form-label-grey: #767676;
--menu-border-grey: #e8e8e8;
--lead-text-color: #363636;
--navy: #2a2a42;
font-size: 14px;
--base-font: 14;
--fs-10: calc(10rem / var(--base-font));
--fs-11: calc(11rem / var(--base-font));
--fs-12: calc(12rem / var(--base-font));
--fs-13: calc(13rem / var(--base-font));
--fs-15: calc(15rem / var(--base-font));
--fs-16: calc(16rem / var(--base-font));
--fs-18: calc(18rem / var(--base-font));
--fs-20: calc(20rem / var(--base-font));
--fs-22: calc(22rem / var(--base-font));
--fs-24: calc(24rem / var(--base-font));
--fs-26: calc(26rem / var(--base-font));
--fs-30: calc(30rem / var(--base-font));
--fa: 'Font Awesome\ 5 Free';
--color-facebook: #3b5998;
--color-twitter: #1DA1F2;
--container-width: 100vw;
--base-offset: 5rem;
--demo-offset: 0.01px;
--top-offset: calc(var(--base-offset) + var(--demo-offset));
}
@media (min-width: 576px) {
:root {
--container-width: 540px;
}
}
@media (min-width: 768px) {
:root {
--container-width: 720px;
}
}
@media (min-width: 992px) {
:root {
--container-width: 960px;
}
}
@media (min-width: 1200px) {
:root {
--container-width: 1140px;
}
}
@media (min-width: 1400px) {
:root {
--container-width: 1320px;
}
}
.uwy:not(.uon), body .uwy:not(.uon) {
z-index: 1020 !important;
}
ul, ol {
padding: 0;
}
p ~ ul,
p ~ ol,
.cke_wysiwyg_div ul,
.cke_wysiwyg_div ol {
padding-left: 1.5rem;
}
.text-primary {
color: var(--primary) !important;
}
.text-secondary {
color: var(--secondary) !important;
}
.bg-light {
background-color: var(--grey-bg) !important;
}
*:not(html):not(body)::-webkit-scrollbar {
width: .75rem;
}
.panel-search .input-price ~ .list-group-as-datalist::-webkit-scrollbar {
width: .5rem;
}
*:not(html):not(body)::-webkit-scrollbar-track {
background-color: rgba(255,255,255,.75);
/* box-shadow: inset 0 0 .25rem rgba(0,0,0,.25); */
/* border-radius: .25rem; */
}
*:not(html):not(body)::-webkit-scrollbar-thumb {
background: var(--primary-transparent);
border-radius: .25rem;
}
*:not(html):not(body)::-webkit-scrollbar-thumb:hover {
background: var(--primary);
}
.color-facebook,
.color-facebook:hover,
.color-facebook:focus,
.color-facebook:focus:not(:hover) {
color: var(--color-facebook);
}
.btn-facebook {
background-color: var(--color-facebook);
color: var(--white);
}
.btn-facebook:hover {
color: var(--white);
}
.color-twitter,
.color-twitter:hover,
.color-twitter:focus,
.color-twitter:focus:not(:hover) {
color: var(--color-twitter);
}
.btn-twitter {
background-color: var(--color-twitter);
color: var(--white);
}
.btn-twitter:hover {
color: var(--white);
}
.text-light2 {
color: var(--badge-grey);
}
.bg-yellow2 {
background-color: var(--yellow2);
}
body.style-no-radius .badge {
border-radius: 0;
}
.hover-shadow {
transition: all .25s;
}
.hover-shadow:hover {
opacity: .9;
text-shadow: 0 0 .25rem rgba(0,0,0,.15);
}
.border-medium {
border-color: var(--medium-grey);
}
/* add some necessary classes to bootstrap */
.fw-medium {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.opacity-0 {
opacity: 0;
}
.text-thin {
font-weight: 300;
}
.text-justify {
text-align: justify !important;
}
@media (min-width: 576px) {
.text-sm-justify {
text-align: justify !important;
}
}
@media (min-width: 768px) {
.text-md-justify {
text-align: justify !important;
}
}
@media (min-width: 992px) {
.text-lg-justify {
text-align: justify !important;
}
}
@media (min-width: 1200px) {
.text-xl-justify {
text-align: justify !important;
}
}
.min-h-100 {
min-height: 100%;
}
.form-floating > .text-end ~ label {
text-align: right;
left: auto;
right: 0;
}
.form-floating > .text-end[type="number"] ~ label {
text-align: right;
left: auto;
right: 1.25rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
body {
font-family: 'Poppins', sans-serif;
font-size: 1rem;
color: var(--dark-text);
display: flex;
flex-direction: column;
background-color: var(--bg-color-1);
}
a {
text-decoration: none;
color: var(--primary);
}
a,
.btn-link,
.color-primary,
.text-primary,
.navbar-nav .nav-link.color-primary {
color: var(--primary);
}
a:hover {
color: var(--primary);
}
.relative-outer {
position: relative;
}
textarea {
resize: none;
}
.form-control[readonly],
.additional-field-outer .form-control[disabled] {
background: var(--white);
}
.form-control:focus,
.form-select:focus {
/* box-shadow: inset 0 0 .5rem var(--primary); */
box-shadow: inset 0 0 .5rem var(--light-grey), 0 .25rem .25rem rgba(0,0,0,.1);
border-color: var(--primary);
}
body.style-no-radius .form-control,
body.style-no-radius .form-select {
border-radius: 0;
}
.btn {
border-radius: .5rem;
}
.btn:disabled,
.btn[disabled] {
opacity: .5;
}
.btn:focus {
box-shadow: none;
}
.badge.badge-danger {
background: #fe4e50;
}
body.style-no-radius,
body.style-no-radius .panel-search {
--input-border-radius: 0 !important;
}
.btn-group-xs > .btn,
.btn-xs,
.btn-group-xs > .btn:hover,
.btn-xs:hover {
padding: .1rem .25rem;
border-width: 1px;
font-size: .75rem;
}
.btn-group-lg > .btn,
.btn-lg {
border-radius: .5rem;
font-size: var(--fs-16);
}
body.style-no-radius .btn,
body.style-no-radius .btn-group-lg > .btn,
body.style-no-radius .btn-lg {
border-radius: 0 !important;
}
@media (max-width: 1199.98px) {
.btn-group-lg > .btn,
.btn-lg {
font-size: 1.05rem;
}
}
.btn-group-lg > .btn > i:first-child,
.btn-lg > i:first-child {
margin-right: .5rem;
}
.btn-group-lg > .btn > i:last-child,
.btn-lg > i:last-child {
margin-left: .5rem;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:disabled, .btn-primary.disabled, .btn-primary.like-disabled {
background-color: var(--primary);
border-color: var(--primary);
color: #FFF;
}
.btn-primary.like-disabled {
cursor: default;
opacity: .65;
}
.btn-primary:hover {
background: var(--primary2);
}
.btn-tertiary, .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:disabled {
background: var(--tertiary);
border-color: var(--tertiary);
color: var(--white);
}
.btn-tertiary:hover {
background: var(--tertiary2);
}
.btn-outline-tertiary {
border-color: var(--tertiary);
}
.btn-outline-tertiary:hover {
border-color: var(--tertiary2);
}
.btn-primary-outline, .btn-primary-outline:hover, .btn-primary-outline:focus,
.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus {
background: #FFF;
border: 1px solid var(--primary);
color: var(--primary);
}
.btn-primary-outline:hover,
.btn-outline-primary:hover {
background: var(--primary);
border: 1px solid var(--primary);
color: #FFF;
}
.btn-outline-secondary {
border-color: var(--light-grey);
color: var(--dark-text);
}
[class*="btn-outline"]:not(.btn-sm):not(.btn-xs) {
border-width: 2px;
}
.btn-fb, .btn-fb:hover, .btn-fb:focus {
background: #4568b2;
border: 2px solid #4568b2;
color: #FFF;
}
.btn-fb:hover {
background: #2C58B5;
}
.btn-google, .btn-google:hover, .btn-google:focus {
background: #db4c3e;
border: 2px solid #db4c3e;
color: #FFF;
}
.btn-google:hover {
background: #E91602;
}
/* @media (min-width: 992px) {
.modal:not(.login-modal):not(.modal-sm) .modal-dialog {
max-width: 920px;
}
} */
.copy-area .copy-value-hidden {
opacity: 0;
height: 0;
width: 0;
float: left;
position: absolute;
z-index: -99;
}
/* .copy-profile-link {
overflow: hidden;
} */
.copy-profile-link a {
display: inline-block;
max-width: calc(100% - 3rem);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.modal-body > .list-group,
.modal-body > .list-group > .list-group-item {
border-radius: 0;
}
.modal-body > .list-group {
max-height: 50vh;
max-height: calc(100vh - 8rem);
overflow: auto;
}
body:not(.style-no-radius) .alert {
border-radius: .5rem;
}
.alert p:last-child {
margin-bottom: 0;
}
.alert.alert-success {
background-color: #C4E69B;
border-color: #8FC153;
}
.alert.alert-info {
background-color: #87B7DE;
border-color: #7EAACF;
color: #FFF;
}
.alert.alert-danger {
background-color: #99001E;
border-color: #800019;
color: #FFF;
}
.alert.alert-danger a {
color: #FFF;
font-weight: bold;
}
.alert ul {
list-style: none;
}
.alert ul:last-child {
margin-bottom: 0;
}
.alert.alert-info a {
color: #114977;
font-weight: 600;
}
@media (min-width: 768px) {
.collapse.show-md:not(.show) {
display: block !important;
}
}
/* fix button with user icon */
.navbar-light .btn-outline-secondary {
background: var(--grey-bg);
}
.btn .fa-user {
border-radius: 50%;
transform: scale(1);
overflow: hidden;
transform-origin: center;
vertical-align: sub;
}
.btn-outline-secondary:hover,
.navbar-light .btn-outline-secondary:hover {
background: var(--dark-text);
}
.form-check-input:checked {
background-color: var(--primary);
border-color: var(--primary);
}
.form-check-input:focus {
border-color: var(--primary-transparent);
box-shadow: 0 0 .25rem var(--primary-transparent);
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
background-color: var(--green-ok) !important;
}
.small, small {
font-size: .9em;
}
.fake-hidden {
opacity: 0;
position: absolute;
top: -100vh;
left: -100vh;
}
.row-new-photos ~ [name="photos_to_delete[]"] {
display: none;
}
.dragOver .single-ajax-medium.empty .btn-light {
background-color: var(--primary-transparent);
}
/* sections bg */
.white-section {
background: var(--bg-color-1);
}
.grey-section,
.navbar-light {
background: var(--bg-color-2);
}
hr {
background-color: var(--light-grey2);
opacity: 1;
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
.middle-title {
color: var(--black);
font-weight: 400;
font-size: 2.75rem;
}
.middle-title strong {
color: var(--primary);
font-weight: 700;
}
@media (max-width: 991.98px) {
.middle-title {
font-size: 2rem;
}
}
@media (max-width: 767.98px) {
.middle-title {
font-size: 1.5rem;
}
}
.dropdown-menu {
min-width: 5rem;
}
.dropdown-item.active,
.dropdown-item:active {
background: var(--primary);
color: var(--white);
}
/* navbar and body padding */
.navbar-light .navbar-nav .nav-link:not([class*="color-"]) {
color: var(--dark-text);
}
.navbar-nav .nav-link small {
font-size: .75em;
}
body.navbar-is-fixed {
padding-top: var(--top-offset);
}
html.demo {
--demo-offset: 2.5rem;
}
html:not(.demo) {
--demo-offset: 0.01px !important;
}
.toggle-demo-alert-btn {
position: fixed;
top: 0;
left: calc(var(--container-width) + ((100vw - var(--container-width)) / 2));
z-index: 1040;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.toggle-demo-alert-btn, .toggle-demo-alert-btn:hover, .toggle-demo-alert-btn:focus {
border: 2px solid var(--yellow2);
border-top: none;
}
html.demo .toggle-show,
html:not(.demo) .toggle-hide {
display: none;
}
#demo {
z-index: 1034;
transition: all .25s;
}
html:not(.demo) #demo {
top: -5rem;
}
@media (min-width: 992px) {
#demo .btn {
font-size: 1.25rem;
border-radius: .75rem;
}
}
@media (max-width: 991.98px) {
#demo {
font-size: .8rem;
}
html.demo {
--demo-offset: 2rem;
}
.toggle-demo-alert-btn {
left: .5rem;
right: auto;
padding: .25rem .5rem;
}
html.demo .toggle-demo-alert-btn {
opacity: .75;
}
}
@media (max-width: 699.98px) {
html.demo {
--demo-offset: 3.5rem;
}
}
@media (max-width: 359.98px) {
#demo {
font-size: .7rem;
}
#demo .btn {
font-size: .8rem;
}
}
html.demo .fixed-top:not(#demo) {
top: var(--demo-offset);
}
.navbar-top {
padding-top: .5rem;
padding-bottom: .5rem;
border-bottom: 1px solid var(--light-grey);
}
.navbar-top:not(.fixed-top) {
z-index: 1030;
}
.navbar-top li i[class*="fa"]:first-child {
font-size: 1.2rem;
}
.navbar-top img[data-src] {
visibility: hidden;
opacity: 0;
width: 0 !important;
height: 0 !important;
}
.top-my-account-desktop .dropdown-menu li:not(:first-child) {
/* border-top: 1px solid var(--border-grey2); */
}
.top-my-account-desktop .dropdown-menu li:last-child a {
padding-bottom: 0;
}
.top-profile-desktop-menu {
padding: 1.66rem 2rem;
border: none;
filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
margin-top: .5rem;
border-radius: .5rem;
min-width: 6rem;
max-height: calc(100vh - var(--top-offset));
overflow-y: auto;
position: absolute;
top: 100%;
}
.top-profile-desktop-menu .dropdown-header,
.top-profile-desktop-menu .dropdown-item {
padding: .66rem 0;
font-size: var(--fs-15);
}
.top-profile-desktop-menu .dropdown-header {
margin-top: .75rem;
font-size: var(--fs-16);
}
.top-profile-desktop-menu .dropdown-header {
color: var(--darkest);
font-weight: 600;
}
.top-profile-desktop-menu .dropdown-item:focus,
.top-profile-desktop-menu .dropdown-item:hover {
background: transparent;
color: var(--primary);
}
.top-profile-desktop-menu .badge,
.top-profile-mobile-menu .badge {
background-color: var(--badge-grey) !important;
line-height: 1;
border-radius: 50% !important;
padding: .3rem 0;
width: 1.4rem;
font-weight: 400;
}
.top-profile-desktop-menu .badge-pm,
.top-profile-mobile-menu .badge-pm {
background-color: var(--badge-red) !important;
}
/* .top-my-account-desktop .dropdown-menu .dropdown-item {
padding: .5rem 1rem;
} */
/* .top-my-account-desktop .dropdown-menu .dropdown-header {
padding: 0;
} */
.top-profile-mobile-menu a .user-menu-icon,
.top-profile-desktop-menu a .user-menu-icon {
width: 1.5rem;
height: 1.33rem;
object-fit: contain;
margin-right: .5rem;
display: inline-block;
position: relative;
top: -.1rem;
}
.top-profile-mobile-menu a:not(.color-primary) .user-menu-icon,
.top-profile-desktop-menu a:not(.color-primary) .user-menu-icon {
opacity: .25;
}
@media (max-width: 767.98px) {
.navbar-top li i[class*="fa"]:first-child {
font-size: 1.5rem;
display: inline-block;
margin-right: .5rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar-top .navbar-brand img {
vertical-align: text-bottom;
max-height: 3rem;
object-fit: scale-down;
}
}
@media (min-width: 992px) {
:root {
--base-offset: 5.75rem;
}
.navbar-top {
/* padding-top: 0;
padding-bottom: 0; */
padding-top: .5rem;
padding-bottom: .5rem;
/* min-height: 6.5rem; */
}
.navbar-brand {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.navbar-top .nav-link {
position: relative;
font-weight: 500;
font-size: 1.0715rem;
}
.navbar-top .nav-link::after {
content: '';
display: block;
height: 3px;
width: 0;
max-width: 100%;
background: transparent;
position: absolute;
top: auto;
right: 0;
bottom: .25rem;
left: 0;
margin: auto;
transition: all .25s;;
}
.navbar-top .nav-link:hover::after {
background: var(--primary);
width: 2.5rem;
}
.navbar-top .navbar-brand img {
vertical-align: text-bottom;
width: 18rem;
height: 4.5rem;
object-fit: scale-down;
}
.top-group-buttons-desktop > * + * {
margin-left: .5rem;
}
.top-my-account-desktop > .btn {
border-radius: .5rem !important;
position: relative;
}
.top-group-buttons-desktop .btn > i.fa-user { /* better icon position on desktop */
position: relative;
top: -1px;
z-index: 0;
}
.top-group-buttons-desktop .btn > i.fa-plus { /* better icon position on desktop */
position: relative;
top: 1px;
z-index: 0;
}
.top-my-account-desktop .dropdown-menu {
transition: all 0;
transition-delay: 0;
}
.top-my-account-desktop .dropdown-menu {
display: block;
visibility: hidden;
}
.top-my-account-desktop:hover .dropdown-menu {
display: block;
visibility: visible;
}
.top-my-account-desktop:not(:hover) .dropdown-menu {
transition-delay: .75s;
}
.top-my-account-desktop .user-img {
width: 4rem;
height: 4rem;
object-fit: cover;
}
.top-my-account-desktop .user-img ~ * {
font-size: var(--fs-16);
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar-top .navbar-brand img {
max-width: 12vw;
}
}
.navbar-top h1 {
margin-top: auto;
margin-bottom: auto;
display: inline-flex;
}
/* .navbar-top .langs-outer { */
.navbar-top .langs-group {
border-left: 1px solid var(--light-grey);
border-right: 1px solid var(--light-grey);
}
.navbar-top .langs-group img {
margin-right: .25rem;
}
.navbar-top .btn-link {
color: var(--dark-text);
text-decoration: none;
}
.navbar-top .langs-group.show {
filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
}
.navbar-top .langs-group {
position: relative;
}
.navbar-top .langs-group:hover {
z-index: 1;
}
.navbar-top .langs-group,
.navbar-top .langs-group * {
--this-radius: .5rem;
}
.navbar-top .langs-group .btn {
border-radius: var(--this-radius);
}
.navbar-top .langs-group .btn,
.navbar-top .langs-group .btn + .dropdown-menu a {
font-size: var(--fs-15);
}
.navbar-top .langs-group .btn,
.navbar-top .langs-group .btn + .dropdown-menu a {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1400px) {
.navbar-top .langs-group .btn,
.navbar-top .langs-group .btn + .dropdown-menu a {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.navbar-top .langs-group .btn:focus {
outline: none;
box-shadow: none;
}
.navbar-top .langs-group .btn.show,
.navbar-top .langs-group .btn.show:focus {
background: var(--white);
outline: none;
border-radius: var(--this-radius) var(--this-radius) 0 0;
/* box-shadow: 0 0 .5rem rgba(0,0,0,.1); */
z-index: 9;
transition: none;
}
.navbar-top .langs-group .btn.show + .dropdown-menu {
background: var(--white);
outline: none;
border-radius: 0 0 var(--this-radius) var(--this-radius);
/* box-shadow: 0 0 .5rem rgba(0,0,0,.1); */
z-index: 9;
margin-top: 0;
border: none;
font-size: 1.15rem;
min-width: 100%;
max-width: 100%;
padding-top: 0;
/* padding-bottom: 0; */
position: absolute;
top: 100%;
}
.btn[data-bs-toggle="dropdown"] .icon-down {
font-size: .66rem;
top: -.05rem;
position: relative;
}
.dropdown-toggle::after {
content: "\f078";
font-family: var(--fa);
border: none;
font-weight: 600;
vertical-align: middle;
}
.dropdown-toggle[aria-expanded="true"]::after {
content: "\f077";
}
@media(max-width: 991.98px) {
.navbar.navbar-light {
background-color: var(--menu-mobile-bg-grey);
}
.navbar .navbar-nav {
position: relative;
margin-top: .5rem;
}
.navbar .navbar-nav::before {
content: '';
position: absolute;
top: 0;
right: -2rem;
bottom: auto;
left: -2rem;
display: block;
/* width: 100%; */
height: 1px;
background-color: var(--menu-border-grey);
}
.navbar .nav-item {
font-size: var(--fs-15);
font-weight: 500;
}
.nav-item .dropdown-toggle::after {
float: right;
}
.navbar .nav-item:not(:last-child) {
border-bottom: 1px solid var(--menu-border-grey);
}
.navbar.has-shadow {
box-shadow: 0 0 1rem rgba(0,0,0,.2);
}
.navbar .navbar-nav {
margin-left: calc(-1 * var(--bs-gutter-x));
margin-right: calc(-1 * var(--bs-gutter-x));
padding-left: calc(2rem + var(--bs-gutter-x));
padding-right: calc(2rem + var(--bs-gutter-x));
}
.navbar-top .collapse {
max-height: calc(100vh - var(--top-offset) - 2rem);
overflow-y: auto;
overflow-x: hidden;
}
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .dropdown-header {
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar .navbar-nav .dropdown-header {
padding-left: 0;
padding-right: 0;
color: var(--darkest);
font-weight: 600;
font-size: var(--fs-15);
}
.navbar .navbar-nav .dropdown-menu {
background: var(--menu-border-grey);
border: none;
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
/* margin: 0 calc(-1 * (2rem + var(--bs-gutter-x))); */
/* padding-left: calc(2 * 2rem); */
/* padding-right: 2rem; */
margin: 0 -2rem;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
/* bg on left */
.navbar .navbar-nav .dropdown-menu::before,
.navbar .navbar-nav .dropdown-menu::after {
content: '';
display: block;
position: absolute;
top: 0;
right: 100%;
bottom: 0;
left: auto;
width: calc((100vw - 100%) / 2);
height: 100%;
background: inherit;
}
.navbar .navbar-nav .dropdown-menu::after {
left: 100%;
right: auto;
}
.navbar .navbar-nav .dropdown-item {
color: var(--dark-text);
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 0;
}
.navbar .navbar-nav .dropdown-menu > li:not(:last-child) .dropdown-item,
.navbar .navbar-nav span.dropdown-menu > .dropdown-item:not(:last-child) {
padding-bottom: .75rem;
}
.navbar .navbar-nav .dropdown-menu > li:not(:first-child) .dropdown-item,
.navbar .navbar-nav span.dropdown-menu > .dropdown-item:not(:first-child) {
padding-top: .75rem;
}
.navbar .navbar-nav .dropdown-item:focus,
.navbar .navbar-nav .dropdown-item:hover {
color: var(--primary);
background-color: transparent;
}
.navbar-light .navbar-brand {
display: inline-block;
max-width: 40vw;
}
.navbar .mobile-top-icon-with-desc {
text-align: center;
border: none;
border-radius: .5rem;
position: relative;
padding: .5rem .75rem .25rem;
min-height: 100%;
}
body.style-no-radius .navbar .mobile-top-icon-with-desc {
border-radius: 0;
}
.navbar .mobile-top-icon-with-desc:focus {
box-shadow: none;
}
.navbar .mobile-top-icon-with-desc:hover {
background-color: var(--white);
filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
box-shadow: none;
}
.navbar .mobile-top-icon-with-desc .fa-user {
border-radius: 50%;
overflow: hidden;
transform: scale(1);
}
.navbar .mobile-top-icon-circle-green .icon-outer,
.navbar .mobile-top-icon-circle-grey .icon-outer {
border-radius: 50%;
display: flex;
text-align: center;
width: 2rem;
height: 2rem;
margin-left: auto;
margin-right: auto;
}
.navbar .mobile-top-icon-circle-green .icon-outer > i,
.navbar .mobile-top-icon-circle-grey .icon-outer > i {
display: block;
margin: auto;
font-size: 1.1rem;
}
.navbar .mobile-top-icon-circle-green .icon-outer {
background: var(--primary);
color: var(--white);
}
.navbar .mobile-top-icon-circle-grey .icon-outer {
background: var(--icon-grey);
color: var(--white);
}
.navbar .mobile-top-icon-with-desc > i {
font-size: 2.5rem;
font-style: normal;
margin-bottom: .33rem;
}
.navbar .mobile-top-icon-with-desc .my-bars-icon {
--line-width: 3px;
--line-color: var(--black);
width: 2rem;
height: 1.5rem;
border: none;
border-top-width: var(--line-width);
border-top-style: solid;
border-bottom-width: var(--line-width);
border-bottom-style: solid;
border-color: var(--line-color);
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
/* margin-top: .15rem; */
margin-bottom: .5rem;
}
.navbar .mobile-top-icon-with-desc .my-bars-icon::before {
content: '';
width: 100%;
height: var(--line-width);
display: block;
background: var(--line-color);
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
margin: auto;
}
.navbar .navbar-toggler.mobile-top-icon-with-desc .close-icon {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 3.5rem;
height: 3.5rem;
font-size: 3.5rem;
font-weight: 300;
}
.navbar .navbar-toggler.mobile-top-icon-with-desc:not([aria-expanded="true"]) .close-icon {
visibility: hidden;
}
.navbar .navbar-toggler.mobile-top-icon-with-desc[aria-expanded="true"] .close-icon {
visibility: visible;
}
.navbar .navbar-toggler.mobile-top-icon-with-desc[aria-expanded="true"] > .my-bars-icon,
.navbar .navbar-toggler.mobile-top-icon-with-desc[aria-expanded="true"] > span:last-child {
visibility: hidden;
}
.navbar .mobile-top-icon-with-desc > span:last-child {
display: block;
/* font-size: .8rem; */
font-size: .875rem;
color: var(--lead-text-color);
white-space: nowrap;
}
.navbar .navbar-toggler.mobile-top-icon-with-desc > i {
color: var(--black);
}
}
@media(max-width: 339.98px) {
.navbar-light .navbar-brand {
max-width: 30vw;
}
}
@media(max-width: 299.98px) {
.navbar .mobile-top-icon-with-desc {
padding-left: .25rem;
padding-right: .25rem;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar-top .langs-group .btn,
.navbar-top .langs-group .btn.show + .dropdown-menu a {
padding-left: .5rem;
padding-right: .5rem;
}
}
@media (min-width: 1200px) {
.btn[data-bs-toggle="dropdown"] .icon-down {
margin-left: 1.25rem;
}
}
/* pretty list group as datalist */
.list-group-as-datalist {
--padding-val: 2rem;
position: absolute;
top: 100%;
top: calc(100% - 1px);
left: 0;
width: 100%;
padding-left: 0;
padding-right: 0;
padding-bottom: calc(var(--padding-val) / 2);
background: var(--white);
border-radius: 0 0 1rem 1rem !important;
/* max-height: 50vh;
overflow: hidden; */
}
/*
maybe to do in the future
@media (min-width: 1200px) {
.list-group-as-datalist > li:nth-child(n+6) {
display: none;
}
} */
/* .popover.as-list {
border: none !important;
}
.popover.as-list .popover-body {
padding: 0;
} */
.panel-search:not(.panel-search-basic) [name="search_distance"] ~ .list-group-as-datalist,
.input-price ~ .list-group-as-datalist,
.additional-field-outer .list-group-as-datalist {
--padding-val: 1rem;
}
.input-price ~ .list-group-as-datalist,
.additional-field-outer .list-group-as-datalist {
filter: drop-shadow(0 .25rem .25rem rgba(0,0,0,.25));
}
@media (max-width: 1399.98px) {
.panel-search .input-price ~ .list-group-as-datalist {
--padding-val: .5rem;
}
}
.list-group-as-datalist:empty {
visibility: hidden;
}
.list-group-as-datalist .list-group-item {
padding: .75rem var(--padding-val);
background: transparent;
border-left: none;
border-right: none;
position: relative;
}
.list-group-as-datalist .list-group-item > * {
position: relative;
z-index: 1;
}
.list-group-as-datalist .list-group-item:hover {
cursor: pointer;
}
/* .list-group-as-datalist .list-group-item::before {
content: '';
display: block;
top: 0;
right: calc(-1 * var(--padding-val));
bottom: 0;
left: calc(-1 * var(--padding-val));
position: absolute;
background: var(--white);
z-index: 0;
}
.list-group-as-datalist .list-group-item:hover::before {
background: var(--grey-bg);
} */
.list-group-as-datalist .list-group-item:hover {
background: var(--grey-bg);
}
/* .list-group-as-datalist .list-group-item .list-group-item:hover::before {
left: 0;
right: 0;
} */
.list-group-as-datalist .list-group-item .list-group {
box-shadow: 0 0 .5rem rgba(0,0,0,.1);
}
.list-group-as-datalist .list-group-item .list-group-item {
padding-left: var(--padding-val);
padding-right: var(--padding-val);
}
.list-group-as-datalist .list-group-item {
/* border-top: 1px solid var(--light-grey);
border-bottom: none; */
border: none;
position: relative;
background: inherit;
}
.list-group-as-datalist .list-group-item::before {
content: '';
height: 1px;
background-color: var(--light-grey);
display: block;
left: var(--padding-val);
right: var(--padding-val);
top: 0;
position: absolute;
}
.list-group-as-datalist .list-group-item-last-used + .list-group-item:not(.list-group-item-last-used)::before {
background-color: var(--light-grey3);
}
.list-group-as-datalist .list-group-item-last-used:first-child {
padding-top: 0;
padding-bottom: .25rem;
}
.list-group-as-datalist .list-group-item-last-used:first-child::before {
display: none;
}
.list-group-as-datalist .list-group-item .under {
display: block;
font-size: .75rem;
color: var(--primary);
}
.form-bg .list-group-as-datalist {
box-shadow: 0 .25rem .25rem rgba(0,0,0,.25);
--padding-val: 1rem;
}
.addedit-localizations-datalist {
max-height: 50vh;
z-index: 9;
overflow: auto;
}
/* search panel */
.search-section {
z-index: 9;
}
.search-lead {
color: var(--lead-text-color);
line-height: 1.2;
}
.search-lead:empty {
display: none;
}
.search-lead p:last-child {
margin-bottom: 0;
}
.search-lead strong:not([style]) span {
color: var(--primary);
}
.panel-search form {
margin: 0;
}
.panel-search .form-control {
border: none;
}
.panel-search .input-group-with-icon .input-group-text:first-child {
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 1px;
z-index: 999;
background-color: transparent;
border: none;
color: var(--city-grey);
font-size: 1.2rem;
}
.panel-search .list-group-as-datalist {
z-index: 1029;
}
/* .panel-search .input-group-city .form-control-with-icon {
padding-left: 4rem;
} */
.panel-search .input-group-city-outer {
position: relative;
}
.panel-search .select-distance-fake {
cursor: pointer;
}
/* .panel-search .select-distance-arrow-icon {
position: absolute;
top: 1.75rem;
right: 2.5rem;
font-size: .66rem;
} */
.panel-search .select-distance:not([data-val="0"]) {
font-weight: 500;
}
.panel-search .sep {
width: 1px;
height: 2.5rem;
margin-top: auto;
margin-bottom: auto;
margin-left: 0 !important;
margin-right: 0 !important;
/* position: relative;
right: -2px; */
background: var(--light-grey);
z-index: 9;
}
.panel-search .input-group {
background: var(--white);
}
.panel-search .form-control,
.panel-search .form-select {
border: 1px solid var(--white);
}
.panel-search .form-floating > .form-control:valid,
.panel-search .form-floating > .form-control[readonly]:valid {
border-width: 2px;
border-color: var(--yellow);
}
.panel-search .form-floating small {
font-size: .75em;
}
.panel-search .form-control:focus,
.panel-search .form-select:focus {
/* border: 1px solid var(--primary); */
box-shadow: inset 0 0 .1rem .05rem var(--primary), inset 0 0 .5rem .5rem var(--light-grey);
z-index: 99;
}
@media (min-width: 992px) {
.search-advanced-outer .panel-search .form-select[name="search_category"]:not(.select-company-category) {
max-width: 180px;
}
}
@media (min-width: 1400px) {
.search-advanced-outer .panel-search .form-select[name="search_category"]:not(.select-company-category) {
max-width: 240px;
}
}
.panel-search .form-control ~ .reset-input,
.panel-search .form-select ~ .reset-input {
z-index: 99;
font-size: 1.5rem;
line-height: 2.5;
}
.panel-search .form-control:invalid ~ .reset-input,
.panel-search .form-select:invalid ~ .reset-input {
visibility: hidden;
}
.panel-search .input-group-city .crosshair-btn {
font-size: 1.5rem;
line-height: 2.5;
color: var(--primary);
text-align: center;
}
.search-advanced-outer .panel-search .input-group-city .crosshair-btn {
line-height: 1.66;
padding-left: .5rem;
padding-right: .5rem;
}
.panel-search .form-control ~ .crosshair-btn:not(:hover) {
opacity: .66;
}
.panel-search .form-control:valid ~ .crosshair-btn {
visibility: hidden;
}
@media (max-width: 991.98px) {
.panel-search .input-group-city .crosshair-btn {
line-height: 1.5;
}
}
@media (max-width: 767.98px) {
.panel-search .form-control ~ .reset-input,
.panel-search .form-select ~ .reset-input {
line-height: 1.75;
}
}
@media (min-width: 768px) {
.search-advanced-outer {
margin-top: 1rem;
}
}
@media (min-width: 992px) {
.search-advanced-outer {
margin-top: 2rem;
}
}
.search-advanced-outer .panel-search .form-control ~ .reset-input,
.search-advanced-outer .panel-search .form-select ~ .reset-input {
line-height: 1.75;
}
.panel-search .input-group-city .reset-input,
.panel-search .input-group-city .input-city ~ .crosshair-btn {
right: 30%;
}
.panel-search label.datalist-visible {
z-index: 1029;
}
.panel-search .list-group > .list-group-item {
position: relative;
color: var(--black);
}
.panel-search .list-group > .list-group-item > .list-group {
position: absolute;
top: 0;
/* left: calc(100% - var(--padding-val)/2);
width: calc(100% - var(--padding-val)/2); */
left: calc(100%);
width: 100%;
background: var(--white);
}
.panel-search .list-group > .list-group-item > .list-group.to-bottom {
top: auto;
bottom: 0;
}
.panel-search .list-group > .list-group-item > .list-group.show,
.panel-search .list-group > .list-group-item > .list-group.show .list-group-item {
z-index: 9;
}
.panel-search .select-with-checkboxes-outer {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 99;
filter: drop-shadow(0 .25rem .25rem var(--black));
}
.panel-search .additional-field-outer:hover,
.panel-search .additional-field-outer:hover .form-floating,
.panel-search .additional-field-outer:hover .select-with-checkboxes-outer {
z-index: 999;
}
/* .panel-search .list-group > .list-group-item.show > .list-group {
display: block;
} */
@media (max-width: 991.98px) {
.search-lead {
font-size: 1.5rem;
}
.single-section.search-section {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.panel-search > form > .row > * {
margin-bottom: .5rem;
}
.panel-search .btn[type="submit"] {
border-radius: .5rem;
font-weight: 500;
}
.panel-search .select-distance {
max-width: 30%;
}
.panel-search .select-distance ~ .list-group-as-datalist {
width: 30%;
left: auto;
right: 0;
}
/* .panel-search .select-distance-arrow-icon {
top: 1.33rem;
right: 2rem;
font-size: .75rem;
z-index: 99;
} */
.panel-search .input-group-phrase,
.panel-search .input-group-city,
.panel-search .input-group-company {
border-radius: .5rem;
border: 2px solid var(--light-grey);
}
.panel-search .input-group-phrase > input,
.panel-search .input-group-company > input {
border-radius: .5rem;
}
body.style-no-radius .panel-search .input-group-phrase,
body.style-no-radius .panel-search .input-group-city,
body.style-no-radius .panel-search .input-group-company,
body.style-no-radius .panel-search .input-group-phrase > input,
body.style-no-radius .panel-search .input-group-company > input {
border-radius: 0;
}
.panel-search .input-group-phrase .form-control,
.panel-search .input-group-city .form-control,
.panel-search .input-group-company .form-control {
border: none;
}
.panel-search .input-group-with-icon .input-group-text {
font-size: 1.1rem;
}
.panel-search .datalist-visible {
z-index: 99;
}
.list-group-as-datalist {
overflow-y: scroll;
max-height: 33vh;
}
.panel-search .input-group-phrase [name="search_text"],
.panel-search .input-group-company [name="search_company"] {
border-radius: .5rem !important;
}
.panel-search .input-group-city [name="search_city"] {
border-top-left-radius: .5rem !important;
border-bottom-left-radius: .5rem !important;
}
.panel-search .input-group-city [name="search_distance"] {
border-top-right-radius: .5rem !important;
border-bottom-right-radius: .5rem !important;
}
body.style-no-radius .panel-search .input-group-phrase [name="search_text"],
body.style-no-radius .panel-search .input-group-company [name="search_company"] {
border-radius: 0 !important;
}
body.style-no-radius .panel-search .input-group-city [name="search_city"] {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
body.style-no-radius .panel-search .input-group-city [name="search_distance"] {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.panel-search .list-group > .list-group-item > .list-group {
left: auto;
right: var(--padding-val);
}
.panel-search .list-group > .list-group-item > .list-group {
background: var(--grey-bg);
border: 1px solid var(--medium-grey);
position: relative;
top: .75rem;
left: 0;
right: 0;
width: 100%;
}
.panel-search .input-price,
.panel-search .select-category,
.panel-search .additional-field-outer .form-control {
border: 2px solid var(--light-grey);
}
.panel-search .input-price[data-list]:not(:valid),
.panel-search .additional-field-outer .form-control[data-list]:not(:valid) {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
}
.panel-search .input-price[data-list]:not(:valid):focus,
.panel-search .additional-field-outer .form-control[data-list]:not(:valid):focus {
background-position: right .75rem bottom .75rem;
}
}
@media (max-width: 575.98px) {
.panel-search .select-distance,
.panel-search .select-distance ~ .list-group-as-datalist {
width: 35%;
max-width: 35%;
}
.panel-search .input-group-city .reset-input,
.panel-search .input-group-city .input-city ~ .crosshair-btn {
right: 35%;
}
.panel-search .input-group-city .crosshair-btn {
line-height: 1.66;
}
}
@media (min-width: 992px) {
.panel-search {
background: var(--dark-search);
border-radius: 1.25rem;
color: var(--white);
}
body.style-no-radius .panel-search {
border-radius: 0;
}
.panel-search .form-floating label,
.panel-search input,
.panel-search select {
color: var(--dark);
}
.panel-search .form-floating label {
white-space: nowrap;
max-width: 100%;
}
.panel-search .btn-link {
color: var(--light-grey2);
}
.panel-search .btn-link:hover {
color: var(--white);
}
.search-lead {
font-size: 2.5rem;
}
.panel-search.panel-search-basic .btn[type="submit"] {
border-radius: 1rem;
font-weight: 700;
}
body.style-no-radius .panel-search.panel-search-basic .btn[type="submit"] {
border-radius: 0;
}
.panel-search .input-phrase,
.panel-search .input-group-phrase,
.panel-search .input-company,
.panel-search .input-group-company {
border-radius: var(--input-border-radius) !important;
}
.panel-search.panel-search-basic .input-phrase,
.panel-search.panel-search-basic .input-group-phrase,
.panel-search.panel-search-basic .input-group-company {
border-radius: var(--input-border-radius) 0 0 var(--input-border-radius) !important;
}
.panel-search .datalist-visible .input-phrase,
.panel-search .datalist-visible .input-company {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.panel-search .input-group-city .input-city {
border-radius: 0;
right: -1px;
}
.panel-search .input-group-city {
border-radius: 0 1rem 1rem 0;
border-left: 1px solid var(--light-grey);
}
.panel-search {
--input-border-radius: 1rem;
}
.panel-search:not(.panel-search-basic) {
--input-border-radius: .25rem;
}
.panel-search:not(.panel-search-basic) .input-group-city,
.panel-search:not(.panel-search-basic) .input-group-city .input-city {
border-top-left-radius: var(--input-border-radius) !important;
border-bottom-left-radius: var(--input-border-radius) !important;
}
.panel-search .datalist-visible[data-list-for-search_city="true"] {
border-bottom-left-radius: 0 !important;
}
.panel-search .datalist-visible[data-list-for-search_city="true"] .input-city {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.list-group-as-datalist {
padding-top: 1rem;
}
.panel-search .input-group-city .list-group-as-datalist:first-of-type {
/* width: 70%; */
width: 140%;
overflow-y: auto;
max-height: 50vh;
background-color: transparent;
direction: rtl;
padding-bottom: 0;
}
.panel-search .input-group-city .list-group-as-datalist:first-of-type::before {
content: '';
display: block;
height: 100%;
width: calc(50%);
position: absolute;
top: 0;
right: auto;
left: 0;
bottom: auto;
background-color: var(--white);
}
.panel-search .input-group-city .list-group-as-datalist:first-of-type > li {
width: 50%;
direction: ltr;
text-align: left;
margin-right: 50%;
background-color: var(--white);
}
/* .panel-search .input-group-city .list-group-as-datalist > li > span {
display: block;
} */
.panel-search .select-distance {
max-width: 30%;
border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0 !important;
}
.panel-search.panel-search-basic .select-distance {
background-size: 8px;
background-position: right 2rem center;
}
.panel-search [data-list-for-search_distance="true"] .select-distance {
border-bottom-right-radius: 0 !important;
}
.panel-search .select-distance ~ .list-group-as-datalist {
--padding-val: .75rem;
width: 30%;
left: auto;
right: 0;
max-height: 33vh;
overflow-y: auto;
}
.panel-search .btn[type="submit"] {
height: 100%;
}
}
@media (min-width: 1200px) {
.form-control-with-icon.ps-5 {
padding-left: 4rem !important;
}
.panel-search.panel-search.panel-search-basic .btn[type="submit"] {
font-size: 1.285rem;
}
}
.panel-search .select-with-checkboxes-outer ul,
.input-price ~ .list-group-as-datalist,
.additional-field-outer .list-group-as-datalist {
max-height: 33vh;
overflow-y: auto;
font-size: .85rem;
}
@media (max-width: 1199.98px) {
.panel-search .input-price ~ .list-group-as-datalist {
font-size: .8rem;
}
}
.panel-search .select-with-checkboxes-outer ul .form-check-input,
.panel-search .select-with-checkboxes-outer ul .form-check-input:checked {
width: 16px;
height: 16px;
}
.panel-search .select-with-checkboxes-outer .form-check .form-check-input + .form-check-label {
margin-left: .25rem;
}
.panel-search .select-with-checkboxes-outer .form-check {
min-height: .5rem;
}
.additional-field-outer .close-options-link {
position: relative;
top: -1rem;
}
.panel-search .datalist-visible {
filter: drop-shadow(0 0 .5rem rgba(0,0,0,.1));
}
.input-group .reset-input,
.form-floating .reset-input,
.panel-search .input-group-city .crosshair-btn {
position: absolute;
top: 2px;
right: 2px;
bottom: 2px;
left: auto;
}
.form-floating .reset-input {
top: .75rem;
}
input ~ .reset-input {
border-radius: 0;
}
input ~ .reset-input:focus {
box-shadow: none;
}
/* .additional-field-outer .form-floating {
--char-to-width: .5rem;
}
.additional-field-outer[style*="--label-chars"] .form-floating {
width: calc((var(--label-chars) + 4) * var(--char-to-width) + 3rem);
}
.additional-field-outer.additional-field-with-options[style*="--label-chars"] .form-floating {
width: calc((var(--label-chars) + 4) * var(--char-to-width) + 5rem);
} */
.filters-btn {
position: fixed;
border-radius: 100%;
right: .5rem;
bottom: .5rem;
font-size: 2rem;
padding: 1rem;
line-height: 1;
z-index: 99;
box-shadow: 0 .25rem .25rem rgba(0,0,0,.1);
}
.filters-btn.has-chosen::before {
content: "\f14a";
font-family: var(--fa);
font-weight: 900;
font-size: 1.25rem;
border-radius: 50%;
color: var(--yellow);
display: block;
width: 1rem;
height: 1rem;
top: 0;
left: .25rem;
position: absolute;
}
/* mobile search filters */
@media (max-width: 767.98px) {
.search-advanced-outer {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
background-color: var(--white);
z-index: 1035;
}
.search-advanced-outer .advanced-heading {
position: sticky;
background-color: var(--white);
top: 0;
right: 0;
bottom: 0;
left: 0;
bottom: auto;
z-index: 9999;
}
.search-advanced-outer .close {
font-size: 2rem;
line-height: 1;
}
.search-advanced-outer .close,
.search-advanced-outer .close:hover {
color: var(--dark);
text-decoration: none;
}
}
/* home categories */
.home-categories .outer-cat-h {
height: 100%;
}
.home-categories .outer-cat {
display: flex;
height: 100%;
border: 3px solid var(--white);
position: relative;
}
.home-categories .single-cat-column {
cursor: pointer;
}
@media (min-width: 768px) {
.home-categories .single-cat-column {
width: calc(100% / 7);
min-width: calc(100% / 7);
max-width: calc(100% / 7);
margin-top: calc(var(--bs-gutter-x) / 2);
margin-bottom: calc(var(--bs-gutter-x) / 2);
}
.home-categories .single-cat-column .arrow-down {
display: none;
color: var(--primary);
text-align: center;
position: absolute;
right: 0;
/* top: calc(100% + var(--bs-gutter-x) / 2); */
top: 100%;
top: calc(100% + 2px);
left: 0;
margin: auto;
height: var(--bs-gutter-x);
line-height: var(--bs-gutter-x);
font-size: 1.5rem;
}
.home-categories .single-cat-column .arrow-right {
display: none;
}
.home-categories .single-cat-column .outer-cat.active .arrow-down {
display: block;
}
.home-categories .outer-cat {
padding: 1rem .25rem;
}
}
@media (min-width: 992px) {
.home-categories .outer-cat {
padding: 2rem .25rem;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.home-categories .single-cat-column .arrow-down {
font-size: 1rem;
}
}
.home-categories .outer-cat.active {
border-color: var(--primary);
}
.home-categories .outer-cat,
.home-categories .subcats-outer {
background: var(--bg-color-1);
border-radius: 1rem;
}
body.style-no-radius .home-categories .outer-cat,
body.style-no-radius .home-categories .subcats-outer {
border-radius: 0;
}
.home-categories .subcats-outer {
padding: 1.5rem 2.5rem;
margin-top: var(--bs-gutter-x);
margin-bottom: calc(2 * var(--bs-gutter-x));
}
.home-categories .subcats-outer .pre-with-cat-title {
color: var(--primary);
display: list-item;
list-style: disc;
margin-left: 1rem;
}
@media (min-width: 768px) {
.home-categories .outer-cat:hover,
.home-categories .outer-cat.active,
.home-categories .subcats-outer {
box-shadow: 0 0 .5rem rgba(0,0,0,.1);
}
.home-categories .outer-cat.active .category-name {
color: var(--primary);
}
}
@media (min-width: 992px) {
.home-categories .cat-subcats {
font-size: 1.1rem;
}
}
.home-categories .cat-subcats ul {
color: var(--primary);
padding-left: 1rem;
padding-top: 1rem;
border-top: 1px solid var(--light-grey);
margin-top: 1rem;
margin-bottom: 0;
}
.home-categories .cat-subcats ul {
list-style: disc;
}
.home-categories .cat-subcats ul:empty {
display: none;
}
.home-categories .cat-subcats ul li {
margin-bottom: .5rem;
page-break-inside: avoid;
break-inside: avoid;
}
.home-categories .cat-subcats ul a {
color: var(--dark-text);
}
.home-categories .cat-subcats ul a,
.home-categories .cat-subcats ul a * {
transition: all .25s;
}
.home-categories .cat-subcats ul a:hover {
text-shadow: 0 0 .5rem rgba(0,0,0,.1);
}
.home-categories .cat-subcats ul a:hover .name {
color: var(--primary);
}
.home-categories .outer-cat img {
object-fit: contain;
width: auto;
height: auto;
}
.home-categories .category-name {
color: var(--dark-text);
font-size: 1rem;
font-weight: 600;
}
.home-categories .category-name a {
color: inherit;
}
.home-categories .category-name + small {
font-size: .9rem;
}
@media (max-width: 767.98px) {
.home-categories .outer-cat,
.home-categories .subcats-outer {
border-radius: .5rem;
}
.home-categories > [style] {
order: 0 !important;
}
.home-categories .single-cat-column .outer-cat:not(.active) .arrow-down,
.home-categories .single-cat-column .outer-cat.active .arrow-right {
display: none;
}
.home-categories .subcats-outer .pre-with-cat-title::before {
content: '';
width: calc(100% + 1rem);
border-top: 1px solid var(--light-grey);
display: block;
top: -1rem;
left: -1rem;
position: relative;
}
.home-categories .subcats-outer {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border: 2px solid var(--primary);
border-top: none;
padding: 1rem;
padding-top: 1.5rem;
margin-bottom: 1rem;
}
.home-categories .outer-cat {
padding-top: .5rem;
padding-bottom: .5rem;
border-width: 2px;
}
.home-categories .outer-cat.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: none;
}
.home-categories .single-cat-column {
margin-top: .5rem;
}
.home-categories .outer-cat img {
width: 10vw;
height: 10vw;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.home-categories,
.home-categories .single-cat-column .arrow-down {
--bs-gutter-x: .75rem;
}
.home-categories .category-name {
font-size: .6rem;
}
.home-categories .cat-subcats ul {
columns: 3;
column-gap: 2.5rem;
}
.home-categories .outer-cat img {
max-height: 4rem;
}
.home-categories .subcats-outer {
padding: 1rem 1.5rem;
}
}
@media (min-width: 992px) {
.home-categories {
--bs-gutter-x: 1rem;
}
.home-categories .category-name {
font-size: .85rem;
}
.home-categories .cat-subcats ul {
columns: 4;
column-gap: 2.5rem;
}
}
.home-categories .cat-subcats .subcats-outer:empty {
background-image: url('../images/grey-spinner-on-white.svg');
background-repeat: no-repeat;
background-position: center;
min-height: 5rem;
}
/* sections */
.single-section {
--standard-padding-y: 4rem;
padding: var(--standard-padding-y) 0;
position: relative;
}
.action-subdomain-company-page .single-section {
--standard-padding-y: 2rem;
}
@media (max-width: 767.98px) {
.ad-section {
--standard-padding-y: 3rem;
}
}
.stats-section + .text-section,
.text-section + .stats-section,
.stats-section + .container-home_between:empty + .text-section,
.text-section + .container-home_between:empty + .stats-section {
margin-top: 0;
padding-top: 0;
}
.text-section + .stats-section .home-stats,
.text-section + .container-home_between:empty + .stats-section .home-stats {
padding-top: 0;
}
.white-section + .white-section {
padding-top: 0;
}
.grey-section + .grey-section {
padding-top: 0;
}
.stats-section .home-stats {
font-weight: 300;
color: var(--dark-text);
font-size: 1.2rem;
line-height: 1.2;
}
.stats-section .home-stats img {
width: auto !important;
height: auto !important;
}
body.style-no-radius .stats-section .home-stats img {
border-radius: 0;
background-color: var(--white);
}
.stats-section .home-stats strong {
font-weight: 500;
}
.single-section.last-added-section {
/* --bs-gutter-x: inherit; */
/* --bs-gutter-x: 1.5rem; */
/* padding-bottom: calc(var(--standard-padding-y) - var(--bs-gutter-x)); */
padding-bottom: calc(var(--standard-padding-y) - 1.5rem);
}
@media (min-width: 576px) and (max-width: 767.98px) {
.stats-section .single-stat-col {
font-size: .9rem;
}
}
.grid-column-carousel.in-row-5,
.grid-column-carousel__list.in-row-5 .single-announcement,
.in-row-5 .single-col {
--inner-padding: .5rem;
}
.grid-column-carousel__list.in-row-5 .single-announcement,
.in-row-5 .single-col {
padding-left: var(--inner-padding);
padding-right: var(--inner-padding);
}
@media (min-width: 768px) {
.single-section.last-added-section.show-max-8 .single-announcement {
min-width: calc(100% / 4);
max-width: calc(100% / 4);
}
.in-row-5 .single-announcement, /* !!!!!!!!!!!!! */
.single-section.last-added-section.show-max-10 .single-announcement,
.in-row-5 .single-col {
min-width: calc(100% / 5);
max-width: calc(100% / 5);
}
.grid-column-carousel.in-row-5 {
margin-left: calc(-1 * var(--inner-padding));
margin-right: calc(-1 * var(--inner-padding));
}
.grid-column-carousel__list.in-row-5 .single-announcement {
--single-width: calc((var(--container-width) - .75rem) / 5);
width: var(--single-width);
min-width: var(--single-width);
max-width: var(--single-width);
}
.single-section.last-added-section.show-max-12 .single-announcement,
.in-row-6 .single-announcement {
min-width: calc(100% / 6);
max-width: calc(100% / 6);
}
}
.partners-section .single-partner img {
max-height: 200px;
object-fit: scale-down;
}
/* titles, subtitles */
.title-outer:not(:first-child) {
margin-top: 2rem;
}
.title-outer ~ .title-outer {
margin-top: 2rem;
}
.title,
.title-no-line,
.title-with-line {
color: var(--dark-text);
margin: 0 0 1rem;
padding: 0;
font-size: var(--fs-24);
font-weight: 500;
}
.title-with-line {
border-bottom: 1px solid var(--light-grey);
/* padding: 0 0 1.5rem; */
padding: 0 0 1rem;
/* margin: 0 0 1.5rem; */
margin: 0 0 1rem;
}
.title strong,
.title-with-line strong {
font-weight: 700;
}
.title-outer > a,
.title-outer .print-link {
color: var(--dark-text);
font-weight: 500;
}
.subtitle-with-line {
color: var(--dark-text);
margin: 0 0 2rem;
padding: 0 0 .75rem;
border-bottom: 1px solid var(--light-grey);
font-size: 1.2rem;
font-weight: 300;
}
.subtitle-with-line strong {
font-weight: 500;
}
.subtitle-outer > a {
color: var(--dark-text);
font-size: .75rem;
font-weight: 500;
}
.subtitle-outer > a[class*="float"]:hover {
color: var(--primary);
}
.subtitle-with-line .rss-icon {
display: inline-block;
margin-left: .5rem;
max-width: 2rem;
max-height: 2rem;
width: auto;
height: auto;
}
.subtitle-with-line .rss-icon[data-src] {
opacity: 0;
}
.partners-section .subtitle-with-line {
margin-bottom: .75rem;
}
/* announcement blocks */
.small-announcement {
border-radius: 1rem;
overflow: hidden;
position: relative;
min-height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
body.style-no-radius .small-announcement {
border-radius: 0;
}
/* .home-section .single-announcement {
margin-bottom: var(--bs-gutter-x);
} */
.small-announcement .announcement-thumb {
min-width: 100%;
object-fit: cover;
height: 100%;
}
.small-announcement.small-company .announcement-thumb {
object-fit: contain;
}
.small-announcement .announcement-title {
font-size: 1rem;
display: block;
margin: 0 auto auto;
padding-left: .5rem;
padding-right: .5rem;
padding-bottom: .5rem;
min-height: 3rem;
text-overflow: ellipsis;
overflow: hidden;
}
.small-announcement .announcement-title,
.small-announcement .announcement-title a {
color: var(--dark-text);
/* min-height: calc(2 * 17.6px); */
}
.last-added-section .small-announcement .announcement-title {
min-height: 2rem;
height: 2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.small-announcement .announcement-city {
font-size: .875rem;
color: var(--city-grey);
display: block;
font-weight: 600;
margin-top: auto;
margin-bottom: 0;
}
.small-announcement .announcement-price {
font-size: 1.15rem;
color: var(--primary);
display: block;
font-weight: 700;
margin-top: auto;
/* margin-bottom: 1rem; */
padding-left: .1rem;
padding-right: .1rem;
}
.small-announcement .announcement-price small {
font-weight: 600;
font-size: .75em;
}
.last-added-section .single-announcement .small-announcement,
.promoted-section .single-announcement .small-announcement,
.other-announcements-of-user .single-announcement .small-announcement,
.other-announcements-of-category .single-announcement .small-announcement,
.visited-section .small-announcement {
border: 1px solid var(--border-grey2);
transition: all .25s;
}
.last-added-section .single-announcement .small-announcement:hover,
.promoted-section .single-announcement .small-announcement:hover,
.other-announcements-of-user .single-announcement .small-announcement:hover,
.other-announcements-of-category .single-announcement .small-announcement:hover,
.visited-section .small-announcement:hover {
border-color: var(--primary);
box-shadow: 0 0 0 2px var(--primary);
}
/* promoted carousel */
.grid-column-carousel__list {
padding-left: 0;
padding-right: 0;
display: flex;
margin-bottom: 3px; /* fix to show items' bottom border */
}
.carousel-outer .grid-column-carousel__list li {
margin-top: 2px;
}
.grid-column-carousel__page-indicators.hidden {
display: none;
}
.carousel-outer {
position: relative;
}
.carousel-outer .prev,
.carousel-outer .next {
position: absolute;
color: rgba(0,0,0,.1);
font-size: 3rem;
margin-top: auto;
margin-bottom: auto;
top: 0;
bottom: 0;
height: 3rem;
}
.carousel-outer .prev {
/* right: calc(100% - .25rem); */
right: 100%;
}
.carousel-outer .next {
/* left: calc(100% - .25rem); */
left: 100%;
}
.carousel-outer .prev:hover,
.carousel-outer .next:hover {
color: var(--primary-transparent);
/* color: rgba(0,0,0,.075); */
filter: drop-shadow(0 0 .25rem rgba(0,0,0,.75));
}
.carousel-outer .grid-column-carousel__list li {
float: left;
}
.promoted-carousel .announcement-thumb {
/* width: 250px; */
height: auto;
}
.last-added-section .announcement-thumb {
/* width: 200px; */
/* height: auto; */
}
@media (min-width: 1200px) {
.carousel-outer .prev {
right: calc(100% + .5rem);
}
.carousel-outer .next {
left: calc(100% + .5rem);
}
}
@media (min-width: 1400px) {
.carousel-outer .prev {
right: calc(100% + 1rem);
}
.carousel-outer .next {
left: calc(100% + 1rem);
}
.carousel-outer .prev,
.carousel-outer .next {
font-size: 4rem;
height: 4rem;
}
}
@media only screen and (max-width: 991.98px) {
.carousel-outer {
/* width: 90%; */
margin-left: auto;
margin-right: auto;
}
.carousel-outer .prev {
right: calc(100% + 1px);
}
.carousel-outer .next {
left: calc(100% + 1px);
}
.carousel-outer .prev,
.carousel-outer .next {
font-size: 2.5rem;
}
.carousel-outer::after,
.announcement-gallery::after {
content: '';
display: block;
position: absolute;
bottom: 15%;
right: 3%;
--test-css-before: url('../images/test_image.svg');
--test-css: url(../../../favicon.ico);
background: url('../images/swipe-icon.png') center center no-repeat;
background-size: contain;
width: 35px;
height: 35px;
animation-name: opacity;
animation-direction: alternate;
animation-duration: 1s;
animation-iteration-count: infinite;
}
.carousel-outer a {
display: block;
}
}
.announcement-desc-text .yt-video {
margin-top: .5rem;
margin-bottom: .5rem;
}
.announcement-title-outer .title-with-line {
margin-bottom: 0;
border-bottom: none;
}
.announcement-desc .announcement-desc-text {
word-break: break-word;
}
.announcement-desc .announcement-desc-text ul,
.announcement-desc .announcement-desc-text ol {
margin-left: 20px;
}
.announcement-desc .title-with-line {
font-weight: 500;
font-size: var(--fs-18);
padding-bottom: 1rem;
}
.announcement-desc .announcement-fields {
border-bottom: 1px solid var(--light-grey);
}
.langs-above-desc {
margin-bottom: 0
}
.langs-above-desc li {
padding-left: 2px;
padding-right: 2px;
display: inline-block;
}
.langs-above-desc li:first-child:last-child {
display: none;
}
.langs-above-desc li:not(.active):not(:hover) {
opacity: .5;
}
.langs-above-desc li img {
max-width: 2rem;
}
.langs-above-desc li.active img {
/* box-shadow: inset 0 0 1px 2px #55900f; */
border-radius: 50%;
}
.view-single-meta .list-inline-dotted li {
float: left;
width: calc(100% / 2);
}
@media (min-width: 992px) {
.view-single-meta.col-md-12 .list-inline-dotted li {
float: left;
width: calc(100% / 4);
}
.view-single-meta.col-md-6 .list-inline-dotted li {
float: left;
width: calc(100% / 2);
}
}
.announcement-mobile-action-buttons {
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 1000;
}
.announcement-mobile-action-buttons .btn {
font-size: var(--fs-16);
}
/* home news */
.news-section .single-news .img-outer {
overflow: hidden;
position: relative;
}
.news-section .single-news .ratio .img-outer {
position: absolute;
}
.news-section .single-news .img-outer .news-thumb {
min-width: 100%;
object-fit: contain;
}
.news-section .single-news .ratio .img-outer .news-thumb {
height: 100%;
object-fit: cover;
}
.news-section .single-news .news-title {
font-size: 1.15rem;
margin-top: .75rem;
}
.news-section .single-news .ratio {
--bs-aspect-ratio: 80%;
}
@media (max-width: 767.98px) {
.news-section .single-news {
border-radius: 1rem;
box-shadow: 0 .25rem .25rem rgba(0,0,0,.1);
overflow: hidden;
}
body.style-no-radius .news-section .single-news {
border-radius: 0;
}
.news-section .single-news .news-text {
padding: 1rem;
}
.news-section .single-news .news-title {
margin-top: 0;
}
.news-section .single-news .news-preface {
margin-bottom: 0;
}
.news-section .single-news .ratio {
--bs-aspect-ratio: 66.66%;
}
}
@media (min-width: 768px) {
.news-section .single-news .news-title {
text-transform: uppercase;
}
.news-section .single-news .img-outer {
border-radius: 1rem;
}
body.style-no-radius .news-section .single-news .img-outer {
border-radius: 0;
}
}
.news-section .single-news .news-title a {
color: var(--darkest);
}
.news-section .single-news .news-title a:hover {
color: var(--primary);
text-shadow: 0 0 .5rem rgba(0,0,0,.1);
}
.news-section .single-news .news-preface {
font-size: var(--fs-12);
}
.news-text img {
max-width: 100%;
height: auto !important;
}
.news-text h1 {
font-size: var(--fs-24);
}
.news-text h2 {
font-size: var(--fs-22);
}
.news-text h3 {
font-size: var(--fs-20);
}
.news-text h4 {
font-size: var(--fs-18);
}
.news-author-img {
width: 4.5rem;
height: 4.5rem;
object-fit: cover;
}
/* from with bg */
.form-bg {
--padding-y: 3rem;
--padding-x: 3rem;
background: var(--bg-color-2);
border-radius: 1.5rem;
padding: var(--padding-y) var(--padding-x);
position: relative;
}
body.style-no-radius .form-bg {
border-radius: 0;
}
.form-bg .form-bg-title {
position: absolute;
font-size: 1.35rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
color: var(--white);
background: var(--form-bg-title-grey);
text-align: center;
display: block;
top: -2.25rem;
right: var(--padding-x);
left: var(--padding-x);
border-radius: .75rem;
text-align: center;
font-weight: 400;
padding-left: calc(var(--padding-x) / 2);
padding-right: calc(var(--padding-x) / 2);
}
body.style-no-radius .form-bg .form-bg-title {
border-radius: 0;
}
.form-bg .form-bg-title.w-auto {
width: auto;
right: auto;
}
.form-bg .form-bg-title strong {
font-weight: 600;
}
.form-bg hr {
background-color: rgba(0,0,0,.1);
}
@media (max-width: 991.98px) {
.form-bg .form-bg-title {
font-size: 1.125rem;
}
}
@media (max-width: 767.98px) {
.page-content > .form-bg:first-of-type,
.page-content > form:first-child > .form-bg:first-of-type {
margin-top: 3rem;
}
}
@media (max-width: 575.98px) {
.form-bg {
--padding-x: 1.5rem;
}
}
@media (min-width: 992px) {
.form-bg {
--padding-x: 4rem;
}
}
@media (min-width: 1200px) {
.form-bg {
--padding-x: 6rem;
}
}
.form-bg .form-bg-title + form {
margin-top: 2.5rem;
}
.form-bg .form-group,
.form-bg > form > .form-check {
margin-bottom: 2rem;
}
.form-bg .form-group > label {
color: var(--form-label-grey);
font-size: var(--fs-15);
font-weight: 500;
padding-left: 2rem;
padding-right: 2rem;
}
.form-bg .form-check {
font-size: var(--fs-13);
}
.form-bg form:not(.was-validated) .form-group .form-control:not(:focus),
.form-bg form:not(.was-validated) .form-group .form-select:not(:focus) {
border-color: var(--white);
}
.form-bg .form-group .input-group,
.form-bg .form-group .form-control-lg,
.form-bg .form-group .form-select-lg {
--radius-val: .75rem;
}
.form-bg .form-group .form-control-lg,
.form-bg .form-group .form-select-lg {
font-size: var(--fs-15);
padding: 1.33rem 3rem;
border-radius: var(--radius-val);
}
@media (min-width: 992px) {
.form-bg .form-group textarea.form-control-lg {
min-height: 10rem;
}
}
.form-bg .form-group .input-group .form-control-lg,
.form-bg .form-group .input-group .form-select-lg {
border-radius: 0;
}
.form-bg .form-group .input-group .form-control-lg:first-child,
.form-bg .form-group .input-group .form-select-lg:first-child {
border-top-left-radius: var(--radius-val);
border-bottom-left-radius: var(--radius-val);
padding-right: 1rem;
}
.form-bg .form-group .input-group .form-control-lg:last-child,
.form-bg .form-group .input-group .form-select-lg:last-child {
border-top-right-radius: var(--radius-val);
border-bottom-right-radius: var(--radius-val);
padding-left: 1rem;
}
.form-bg .form-group .input-group,
.form-bg .form-group > .form-control,
.form-bg .form-group > .form-select,
.form-bg .form-group > .counted,
.form-bg .form-group > label ~ .row,
.form-bg .form-group > .input-outer {
margin-top: .5rem;
}
.form-bg .form-group .input-group .input-group-text:first-child {
border-top-left-radius: var(--radius-val);
border-bottom-left-radius: var(--radius-val);
}
.form-bg .form-group .input-group .input-group-text:last-child {
border-top-right-radius: var(--radius-val);
border-bottom-right-radius: var(--radius-val);
}
.form-select-lg.is-invalid,
.form-bg .was-validated .form-select-lg:invalid,
.form-bg .form-select-lg.is-valid,
.form-bg .was-validated .form-select-lg:valid {
background-position: center right 2.25rem, left calc(.375em + .1875rem) center;
}
.form-control-lg.is-invalid,
.form-bg .was-validated .form-control-lg:invalid,
.form-bg .form-control-lg.is-valid,
.form-bg .was-validated .form-control-lg:valid {
background-position: left calc(.375em + .1875rem) center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
background-position: left calc(.375em + .1875rem) center;
}
.form-control.is-invalid + .form-text,
.was-validated .form-control:invalid + .form-text {
color: var(--dark-red);
font-weight: 500;
}
.form-check .form-check-input {
margin-left: -1.5rem;
margin-top: -.05em;
}
.form-check .form-check-input + .form-check-label {
margin-left: .5rem;
}
.form-check .form-check-input:not(.is-valid):not(.is-invalid) + .form-check-label {
color: inherit;
}
.form-check-inline .form-check-input {
margin-top: 0;
}
.form-check-label a {
color: inherit;
}
*:not(.form-switch) > .form-check-input,
*:not(.form-switch) > .form-check-input:checked {
border-radius: 50% !important;
/* width: 1.4285rem;
height: 1.4285rem; */
width: 20px;
height: 20px;
}
/* *:not(.form-switch) > .form-check-input:not(.is-valid):not(.is-invalid),
*:not(.form-switch) > .form-check-input:checked:not(.is-valid):not(.is-invalid) {
background-color: var(--white);
border-color: rgba(0,0,0,.25) !important;
} */
.form-check-input[type="radio"]:checked {
border-color: var(--white);
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='10' height='10' version='1.1' viewBox='0 0 2.6458 2.6458' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3Cdc:title/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(0 -294.35)'%3E%3Cellipse cx='1.3229' cy='295.68' rx='1.3229' ry='1.3229' fill='%2355900f' opacity='.94'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
background-size: auto;
background-repeat: no-repeat;
background-position: center;
}
.form-bg .form-check .form-check-input:not([data-field-id]) + .form-check-label {
padding-top: .25rem;
}
.form-check-input[type="checkbox"],
.form-check-input[type="checkbox"]:checked {
border-radius: 5px !important;
}
.form-check-input[type="checkbox"]:checked {
background-color: var(--primary);
}
.choose-bordered-box-grey .form-check-input[type="checkbox"]:checked {
background-color: var(--primary) !important;
}
form label sup,
form h2 sup,
form [class*="title"] sup,
.color-red {
color: var(--red);
}
form label sup,
form h2 sup,
sup.color-red {
font-size: 1em;
top: 0;
}
.form-check-input.is-valid:not(:checked) ~ .form-check-label,
.was-validated .form-check-input:valid:not(:checked) ~ .form-check-label {
color: inherit;
}
.price-outer-col [name="announcement_cost"] {
flex-basis: 33%;
}
.price-outer-col [name="announcement_cost_currency"] {
flex-basis: 6rem;
}
.price-outer-col [name="announcement_cost_tax"] {
flex-basis: 7rem;
}
.price-outer-col [name="announcement_cost_unit"] {
flex-basis: 6rem;
}
@media (max-width: 1399.98px) {
.price-outer-col [name="announcement_cost"] {
flex-basis: 25%;
}
.price-outer-col [name="announcement_cost_currency"] {
flex-basis: 6rem;
}
.price-outer-col [name="announcement_cost_tax"] {
flex-basis: 7rem;
}
.price-outer-col [name="announcement_cost_unit"] {
flex-basis: 5.5rem;
}
}
@media (max-width: 991.98px) {
.price-outer-col [name="announcement_cost"] {
flex-basis: 25%;
}
.price-outer-col [name="announcement_cost_currency"] {
flex-basis: 3rem;
}
.price-outer-col [name="announcement_cost_tax"] {
flex-basis: 5rem;
}
.price-outer-col [name="announcement_cost_unit"] {
flex-basis: 3rem;
}
}
@media (max-width: 767.98px) {
.price-outer-col [name="announcement_cost"] {
flex-basis: 20%;
}
.price-outer-col [name="announcement_cost_currency"] {
flex-basis: 2rem;
}
.price-outer-col [name="announcement_cost_tax"] {
flex-basis: 6.5rem;
}
.price-outer-col [name="announcement_cost_unit"] {
flex-basis: 2rem;
}
}
/* list of cities */
.city-or-state-section .cities-list {
padding: 0 1rem;
margin-bottom: 2rem;
}
.city-or-state-section .cities-list li {
margin-bottom: .5rem;
}
.city-or-state-section .cities-list a {
color: var(--black);
}
.city-or-state-section .cities-list a:hover {
color: var(--primary);
text-shadow: 0 0 .5rem rgba(0,0,0,.1);
}
@media (max-width: 991px) {
.city-or-state-section .buttons .btn {
margin: 0 0 .5rem;
width: 100%;
display: block;
font-weight: 400;
}
}
@media (min-width: 260px) and (max-width: 767.98px) {
.city-or-state-section .cities-list {
column-count: 2;
column-gap: 1.5rem;
padding-right: 0;
}
}
@media (min-width: 768px) {
.city-or-state-section .cities-list {
column-count: 2;
column-gap: 2rem;
}
.city-or-state-section .buttons .btn.btn-primary {
margin-left: 0;
}
}
@media (min-width: 992px) {
.city-or-state-section .cities-list {
column-count: 3;
column-gap: 3rem;
}
}
/* list check circle at register page */
.list-check-circle {
--left-offset: 3rem;
font-size: var(--fs-18);
color: var(--dark-text2);
padding-left: var(--left-offset);
list-style: none;
}
.list-check-circle li::before {
content: "\f058";
font-family: var(--fa);
float: left;
margin-left: calc(-1 * var(--left-offset));
font-size: 1.66rem;
margin-top: -.25rem;
}
.list-check-circle li + li {
margin-top: 1.5rem;
}
.list-check-circle strong {
font-weight: 600;
}
@media (max-width: 767.98px) {
.list-check-circle {
font-size: 1rem;
--left-offset: 1.75rem;
line-height: 1.2;
}
.list-check-circle li::before {
font-size: 1.33rem;
margin-top: -.15rem;
}
.list-check-circle li + li {
margin-top: .5rem;
}
}
/* site footer */
.site-footer {
background: var(--dark);
color: var(--medium-grey);
}
.site-footer a {
color: var(--white);
}
.site-footer .footer-top {
border-bottom: 1px solid var(--border-grey);
}
.site-footer .footer-middle + .footer-bottom {
border-top: 1px solid var(--border-grey);
}
.site-footer .footer-middle,
.site-footer .footer-bottom {
font-size: .875rem;
line-height: 1.5;
}
.site-footer .footer-text p:last-child {
margin-bottom: 0;
}
.site-footer .payment-logo {
width: auto;
max-height: 3rem;
max-width: 10rem;
height: auto;
object-fit: contain;
}
.go-to-top {
position: fixed;
bottom: 2vh;
right: 2vw;
display: block;
color: #B3B3B3;
font-weight: 500;
transition: all .25s;
z-index: 9;
}
.go-to-top:not(:hover) {
opacity: .7;
}
body:not(.scrolled) .go-to-top {
opacity: 0;
}
.go-to-top:hover {
color: #696969;
}
.go-to-top a,
.go-to-top a:hover {
color: inherit;
}
.go-to-top .square {
position: relative;
width: 60px;
box-shadow: 0 0 30px rgba(0,0,0,.2);
display: block;
margin-bottom: 15px;
background: #FFF;
}
.go-to-top .square::before {
content: '';
display: block;
padding-bottom: 100%;
}
.go-to-top .square .glyphicon,
.go-to-top .square i {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
font-size: 30px;
line-height: 200%;
}
@media (max-width: 767px) {
.go-to-top {
transform: scale(.65);
transform-origin: right bottom;
bottom: .5rem;
}
.filters-btn ~ .go-to-top,
.company-search-panel-section ~ .go-to-top {
bottom: 5rem;
}
.action-pokaz .go-to-top {
bottom: 5rem;
}
}
/* single page content */
.page-content {
--this-margin: 2.5rem;
margin-top: var(--this-margin);
margin-bottom: var(--this-margin);
position: relative;
}
@media (max-width: 991.98px) {
.page-content {
--this-margin: 2rem;
}
}
@media (max-width: 767.98px) {
.page-content {
--this-margin: 1.5rem;
}
}
@media (min-width: 1200px) {
.page-content {
--this-margin: 4rem;
}
}
.breadcrumbs + .page-content {
margin-top: 0;
}
.text-page-content img {
max-width: 100%;
height: auto !important;
}
.sliding-text:not(.in):not(.show) .text {
max-height: 3rem;
overflow: hidden;
}
.sliding-text.in .to-hide,
.sliding-text.show .to-hide {
display: none;
}
/* register page additional style */
.register-have-account-already-text {
font-size: var(--fs-15);
}
@media (min-width: 768px) {
.page-content-register-user {
margin-top: 4rem;
}
}
@media (min-width: 992px) {
.page-content-register-user {
margin-top: 5rem;
}
}
.register-social-buttons-outer .btn-lg {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: var(--fs-15);
border-radius: .75rem;
}
.rodo-text {
color: var(--light-grey3);
}
.rodo-text .text a {
color: inherit;
}
.rodo-text .text ~ a {
opacity: .5;
}
.rodo-modal .modal-body {
max-height: 50vh;
max-height: calc(80vh - 10rem);
overflow: auto;
}
.announcement-title-card {
box-shadow: none;
border-color: rgba(0,0,0,.1);
}
body.style-no-radius .announcement-title-card {
border-radius: 0;
}
@media (max-width: 767.98px) {
.announcement-title-card .title {
font-size: var(--fs-16);
}
}
.chosen-category-box {
cursor: pointer;
}
/* create announcement - add photos */
.single-ajax-medium img {
display: inline-block;
margin-bottom: 5px;
}
.single-ajax-medium .first-img-label {
font-size: 1rem;
font-weight: 600;
}
@media (max-width: 767.98px) {
.single-ajax-medium.empty + .single-ajax-medium.empty {
display: none !important;
visibility: hidden;
}
}
.single-ajax-medium label input {
display: none;
}
.single-ajax-medium label input:not(:checked) + .btn {
opacity: .5;
}
.single-ajax-medium {
position: relative;
--outer-border-width: 2px;
}
.single-ajax-medium:not(.empty) .img-thumbnail {
border: var(--outer-border-width) solid var(--white);
}
.single-ajax-medium:not(.empty) .img-thumbnail.is-main {
border-color: var(--primary);
}
.single-ajax-medium .img-thumbnail.is-main + .action-outer .btn.set-as-main {
display: none;
}
.single-ajax-medium .img-thumbnail {
--bs-aspect-ratio: 80%; /* 100% */
}
@media (max-width: 575.98px) {
/* .single-ajax-medium .img-thumbnail {
--bs-aspect-ratio: 50%;
} */
.single-ajax-medium:not(.empty) {
--outer-border-width: 3px;
}
}
/* .single-ajax-medium label {
display: block;
width: 100%;
} */
.single-ajax-medium .img-thumbnail .btn {
width: 100%;
border-radius: 0;
padding: 0;
font-size: 2rem;
color: rgba(0,0,0,.5);
}
.single-ajax-medium .img-thumbnail .btn:hover {
text-shadow: 0 0 .5rem var(--white);
color: rgba(0,0,0,.75);
}
.single-ajax-medium .btn .spinner-border {
vertical-align: middle;
}
.single-ajax-medium .img-thumbnail > img {
object-fit: cover;
}
.single-ajax-medium:not(.loading) .btn .spinner-border,
.single-ajax-medium.loading .btn .fa-icon,
.single-ajax-medium.loading .btn .first-img-label {
display: none;
}
.single-ajax-medium .action-outer {
position: absolute;
top: var(--outer-border-width);
right: calc(var(--outer-border-width) + var(--bs-gutter-x)/ 2);
bottom: var(--outer-border-width);
left: calc(var(--outer-border-width) + var(--bs-gutter-x)/ 2);
background: transparent;
}
.single-ajax-medium .badge-main-photo {
position: absolute;
left: 0;
bottom: 0;
line-height: 1.2;
border-radius: 0;
border-top-right-radius: .25rem;
background: var(--primary);
color: var(--white);
}
@media (max-width: 767.98px) {
.single-ajax-medium .badge-main-photo {
font-size: .75rem;
padding: .5em;
top: 0;
right: auto;
bottom: auto;
left: 0;
border-radius: 0;
border-bottom-right-radius: .25rem;
}
}
@media (min-width: 768px) {
.single-ajax-medium .action-outer {
background: rgba(0,0,0,.5);
}
}
.single-ajax-medium [name="photos_main"]:not(:checked) + .badge-main-photo {
display: none;
}
@media (min-width: 768px) {
.single-ajax-medium:not(:hover) .action-outer {
background: transparent;
}
.single-ajax-medium:not(:hover) .action-outer .btn {
opacity: 0;
}
}
.single-ajax-medium .action-outer .action-buttons {
margin-top: auto;
margin-bottom: auto;
}
/* .single-ajax-medium .delete {
position: absolute;
top: 5px;
right: 20px;
border: 2px solid #FFF;
font-size: 120%;
line-height: 1;
} */
#photosAjax .tooltip-inner {
max-width: calc(100% - 2*var(--padding-x));
margin-left: auto;
margin-right: auto;
}
/* add form */
#createAnnouncement .map-outer,
#companyValidate .map-outer,
.full-width-map-outer {
height: 33vh;
min-height: 250px;
width: 100%;
position: relative;
z-index: 0;
}
@media (max-width: 767px) {
#createAnnouncement .map-outer,
#companyValidate .map-outer,
.full-width-map-outer {
height: 25vh;
min-height: 50px;
}
}
@media (min-width: 992px) {
img.photoToCrop {
max-width: 600px;
}
}
.announcement-meta {
background: var(--navy);
color: var(--white)
}
.announcement-meta .show-phone {
margin-top: -8px;
padding-top: 4px;
padding-bottom: 4px;
}
.announcement-meta a {
color: var(--white);
}
.announcement-meta a:not(.btn):hover {
color: #ffb400;
border-bottom: 2px solid #ffb400;
}
.announcement-meta .meta-name {
color: #9191a3;
}
.announcement-meta .meta-value .price {
color: #ffb400;
font-size: 24px;
}
.announcement-security-rules .title {
font-size: var(--fs-18);
font-weight: 300;
}
.announcement-security-rules .title strong {
font-weight: 500;
display: block;
}
.announcement-security-rules ul {
padding: 1rem 0 1rem 1.25rem;
border-top: 1px solid var(--border-grey2);
border-bottom: 1px solid var(--border-grey2);
margin: 0;
}
.announcement-contact-form {
border: 1px solid rgba(0,0,0,.2);
margin-top: 2.5rem;
padding: 2rem;
background: var(--grey-bg);
}
.announcement-contact-form .title {
font-size: 2rem;
font-weight: 300;
color: var(--dark-text);
border-bottom: 1px solid rgba(0,0,0,.2);
margin-top: 0;
padding-top: 0;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.announcement-contact-form .phone-outer {
font-size: 2rem;
font-weight: 300;
color: var(--dark-text);
display: block;
margin-bottom: 1.5rem;
}
.announcement-contact-form .phone-outer .hide-if-phone,
.announcement-contact-form .phone-outer .hidden-phone {
color: var(--primary);
}
.announcement-contact-form .phone-outer a:not(.btn):hover {
color: #ffb400;
border-bottom: 2px solid #ffb400;
}
@media (max-width: 575.98px) {
.announcement-contact-form {
padding: 1rem;
}
.announcement-contact-form .title,
.announcement-contact-form .phone-outer {
font-size: 1.5rem;
}
}
.announcement-contact-form .form-control {
/* height: auto; */
}
.announcement-contact-form textarea {
height: 115px;
min-width: 100%;
max-width: 100%;
}
.announcement-contact-form .attachment-file-col,
.announcement-contact-form .attachment-desc-col {
font-size: 12px;
}
.announcement-contact-form .attachment-file-col .file-name-value {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.announcement-contact-form .attachment-file-col .file-label > span {
font-weight: 500;
cursor: pointer;
color: #2b2b2b;
}
.price-contact-box-outer-main-1 .announcement-map,
.price-contact-box-outer-main-1 .author-contact-box {
display: none;
}
.price-contact-box-outer-main-2 .price-box,
.price-contact-box-outer-main-2 .announcement-price-contact-box .row-phone {
display: none;
}
.price-contact-box-outer-main-2 .announcement-price-contact-box .announcement-map {
border-top: none;
}
.announcement-price-contact-box-outer.sticky-top {
top: var(--top-offset);
transition: all .25s;
}
.announcement-price-contact-box-outer.sticky-top .hide-if-scrolled {
transition: all .25s;
}
body.scrolled .announcement-price-contact-box-outer.sticky-top .hide-if-scrolled {
height: 0;
overflow: hidden;
margin: 0;
}
body.scrolled .announcement-price-contact-box-outer.sticky-top + * {
margin-top: 4rem !important;
}
.announcement-price-contact-box .announcement-map,
#itemsMap {
background-image: url('../images/grey-spinner-on-white.svg');
background-repeat: no-repeat;
background-position: center;
}
.announcement-price-contact-box {
border: 1px solid rgba(0,0,0,.1);
overflow: hidden;
}
.announcement-price-contact-box:empty {
display: none;
}
.announcement-price-contact-box .price-box {
padding: 1rem 1.5rem;
background: var(--white);
}
.announcement-price-contact-box .price-col {
color: #323232;
font-weight: 500;
font-size: 13px;
}
.announcement-price-contact-box .price-col .price {
font-size: 1.75rem;
line-height: 1;
}
.announcement-price-contact-box .price-col .price small {
font-size: .66em;
}
.announcement-price-contact-box .announcement-map {
/* border: 1px solid #c9c9c9; */
/* border-width: 1px 0; */
position: relative;
}
body:not(.scrolled) .announcement-price-contact-box-outer.sticky-top .announcement-price-contact-box .announcement-map,
.announcement-price-contact-box-outer:not(.sticky-top) .announcement-price-contact-box .announcement-map {
margin-bottom: -3rem;
}
.announcement-price-contact-box .announcement-map:first-child {
border-top: none;
}
.announcement-price-contact-box .announcement-map,
.announcement-price-contact-box .announcement-map .map-outer,
.announcement-price-contact-box .announcement-map #map-outer {
height: 15rem;
width: 100%;
min-width: 100%;
max-width: 100%;
position: relative;
z-index: 0;
}
.announcement-price-contact-box .announcement-map.box-no-map {
max-height: 72px;
}
.announcement-price-contact-box .announcement-map .address-box {
position: absolute;
top: 10px;
right: 15px;
bottom: auto;
left: 15px;
border: 1px solid #c9c9c9;
background: rgba(255,255,255,.9);
font-size: 13px;
font-weight: 500;
padding: 5px 10px;
}
.announcement-price-contact-box .announcement-map .address-box .map-marker {
margin: 3px 12px 10px 0;
font-size: 15px;
}
.announcement-price-contact-box .author-contact-box {
position: relative;
z-index: 999;
padding: 0 1.5rem 2rem;
}
.announcement-price-contact-box-outer.sticky-top .announcement-price-contact-box .author-contact-box {
transition: all .25s;
}
body.scrolled .announcement-price-contact-box-outer.sticky-top .announcement-price-contact-box .author-contact-box {
padding: 1.5rem;
}
/* .announcement-price-contact-box .price-box + .author-contact-box {
margin-top: -2.5rem;
} */
.announcement-price-contact-box .author-contact-box .user-image {
border-radius: 50%;
max-width: 100%;
height: auto;
width: 6rem;
margin-top: 0;
position: relative;
background-size: cover;
background-position: center center;
}
.announcement-price-contact-box .author-contact-box .user-image::before {
content: '';
display: block;
padding-bottom: 100%;
}
.announcement-price-contact-box .price-box + .author-contact-box .user-image {
margin-top: 1rem;
}
.announcement-price-contact-box .author-contact-box .author-name {
font-size: 20px;
color: #323232;
font-weight: 500;
margin: 5px auto;
}
.announcement-price-contact-box .author-contact-box .action-buttons {
margin: 0 0 1rem;
}
.announcement-price-contact-box .author-contact-box .action-buttons .btn {
margin: .5rem 0;
}
.announcement-price-contact-box .author-contact-box .phone-col {
font-size: 1.5rem;
font-weight: 300;
}
.announcement-price-contact-box .author-contact-box .phone-col .phone-value {
color: var(--primary);
display: inline-block;
border-bottom: 2px solid transparent;
}
.announcement-price-contact-box .author-contact-box .phone-col a.phone-value:hover {
color: #ffb400;
border-bottom-color: #ffb400;
}
@media (max-width: 767px) {
.announcement-price-contact-box .author-contact-box .phone-col {
font-size: 2rem;
}
}
.announcement-gallery {
background: var(--grey-bg);
padding: 1rem;
position: relative;
}
.announcement-gallery .carousel-item a {
display: block;
margin-left: auto;
margin-right: auto;
}
.announcement-gallery .single-photo {
margin-left: auto;
margin-right: auto;
display: block;
}
.announcement-gallery .carousel-control-next-icon,
.announcement-gallery .carousel-control-prev-icon {
background-color: rgba(0,0,0,.75);
border: .5rem solid transparent;
border-radius: .5rem;
}
.announcement-gallery .carousel-control-next-icon:hover,
.announcement-gallery .carousel-control-prev-icon:hover {
filter: drop-shadow(0 0 .25rem rgba(255,255,255,.5));
}
.announcement-gallery .carousel-control-next-icon,
.announcement-gallery .carousel-control-prev-icon {
width: 3rem;
height: 3rem;
}
.announcement-gallery .gallery-photo-counter {
left: 1rem;
bottom: 1rem;
color: var(--white);
background-color: rgba(0,0,0,.5);
position: absolute;
padding: .5rem;
line-height: 1;
}
@media (min-width: 992px) {
.announcement-gallery .carousel-control-next-icon,
.announcement-gallery .carousel-control-prev-icon {
width: 4rem;
height: 4rem;
}
}
.announcement-gallery .carousel-control,
.announcement-gallery .carousel-control:focus,
.announcement-gallery .carousel-control:hover {
text-shadow: none;
color: #bdbdbd;
background: none;
opacity: 1;
}
.announcement-gallery .carousel-control:hover {
text-shadow: 0 3px 3px rgba(0,0,0,.5);
}
@media (min-width: 768px) {
/* .announcement-gallery .carousel .item {
height: 100vh;
} */
.announcement-gallery .single-photo {
/* height: 480px;
max-height: calc(100vh - 100px);
max-width: 100%;
width: auto; */
object-fit: contain;
object-position: center;
margin: auto;
display: block;
}
}
@media (max-width: 767.98px) {
.announcement-gallery {
padding: 0;
/* background: transparent; */
background: var(--grey-bg);
}
.announcement-gallery .carousel-control,
.announcement-gallery .carousel-control:focus,
.announcement-gallery .carousel-control:hover {
color: #FFF;
font-size: 30px;
text-shadow: 0 0 10px #000;
width: 12%;
}
/* .announcement-gallery .carousel-item {
position: relative;
} */
.announcement-gallery .carousel-item a img {
/* max-height: 45vh;
max-width: 100%; */
object-fit: contain;
}
.announcement-gallery .carousel-item.normalized a img {
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.carousel-indicators li {
box-shadow: 0 0 8px rgba(0,0,0,.15);
}
}
.announcement-info-belt {
padding: 1rem 0;
color: var(--medium-grey);
font-size: var(--fs-13);
font-weight: 500;
}
.announcement-info-belt > span {
display: inline-block;
margin-right: 1rem;
}
@media (max-width: 767px) {
/* .announcement-info-belt > span {
display: block;
margin-right: 0;
} */
.announcement-info-belt + .alert {
margin-top: 2rem;
}
.announcement-title-outer {
border-bottom: none;
}
.announcement-title-outer .title-with-line {
border-bottom: 1px solid #d3d3d3;
margin-bottom: 1rem;
font-size: 1.5rem;
}
}
/* breadcrumbs */
.breadcrumb-outer {
border-bottom: 1px solid var(--light-grey2);
padding: .75rem 0;
}
.breadcrumb-outer .breadcrumb {
background: transparent;
border-radius: 0;
}
.breadcrumb-outer .breadcrumb,
.breadcrumb-outer .breadcrumb a {
font-size: .75rem;
font-weight: 500;
color: var(--medium-grey);
}
.breadcrumb-outer .breadcrumb > *:not(:first-child) {
margin-left: .25rem;
}
.breadcrumb-outer .breadcrumb > *:not(:last-child) {
margin-right: .25rem;
}
.breadcrumb-outer .breadcrumb > *:last-child {
color: var(--dark-text);
cursor: default;
}
.breadcrumb-outer .breadcrumb .return-link {
color: var(--primary);
font-weight: 600;
}
.breadcrumb-outer .breadcrumb .return-link:hover {
color: var(--yellow);
}
.search-page-sidebar {
margin-bottom: 2rem;
}
@media (min-width: 992px) {
:root {
--sidebar-width: calc((100% / 12) * 2.5);
}
.search-page-sidebar {
width: var(--sidebar-width);
max-width: var(--sidebar-width);
}
.search-page-content-next-to-sidebar {
width: calc(100% - var(--sidebar-width));
max-width: calc(100% - var(--sidebar-width));
}
}
.panel-side {
border-radius: 0;
background: var(--grey-bg);
border: 1px solid #dcdcdc;
padding: 15px;
box-shadow: none;
}
.grey-section .panel-side {
background: var(--white);
}
.panel-side + .panel-side {
margin-top: 1rem;
}
.panel-side .panel-heading {
padding: 0;
margin-bottom: .75rem;
font-weight: 500;
color: var(--dark-text);
font-size: inherit;
}
.side-tags a {
text-decoration: underline;
color: #525252;
display: inline-block;
margin: 0 2px;
}
.side-tags .tag01 {
font-size: var(--fs-13);
}
.side-tags .tag02 {
font-size: var(--fs-15);
}
.side-tags .tag03 {
font-size: var(--fs-18);
}
.side-clipboard ul a {
color: #525252;
}
.side-categories {
font-size: 13px;
color: #525252;
}
.side-categories a {
color: #525252;
}
.side-categories a:hover {
color: var(--primary);
}
.side-categories a small {
font-size: .75rem;
}
.side-categories .active a {
font-weight: bold;
}
.side-categories .categories-toggle {
font-size: 60%;
cursor: pointer;
}
.side-categories ul ul .triangle {
font-size: 45%;
top: -2px;
}
.side-categories .categories-toggle.collapse.in {
display: inline-block;
}
.side-categories ul li {
padding: 0;
margin: 3px 0;
padding-left: 6px;
border-left: 3px solid var(--primary);
}
.side-categories ul li.active {
font-weight: 500;
}
/*
.side-categories ul li .name.active {
font-weight: 500;
color: #202020;
}
*/
.side-categories ul ul {
padding: 2px 0 0;
}
.side-categories ul ul li,
.side-categories ul ul li a {
color: #807777;
font-size: 12px;
}
/* newsletter box */
.newsletter-box {
border: 1px solid var(--border-grey2);
}
.announcements-list + .newsletter-box {
margin-top: 2rem;
}
.newsletter-box:last-child {
margin-bottom: 2rem;
}
.newsletter-box .box-title {
font-size: 2rem;
font-weight: 300;
}
@media (max-width: 767.98px) {
.newsletter-box .box-title {
font-size: 1.5rem;
}
}
.newsletter-box .box-title strong {
font-weight: 500;
}
/* search page */
.cats-links-belt {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #d3d3d3;
}
.announcements-list + .cats-links-belt {
margin-top: 20px;
}
.cats-links-belt ul {
margin-bottom: 0;
}
.cats-links-belt a {
color: #2a2a42;
line-height: 1.8;
}
.search-heading-outer {
border-bottom: 1px solid var(--border-grey2);
margin-bottom: 1rem;
font-size: var(--fs-13);
color: var(--medium-grey);
}
.search-heading-outer .user-image {
border-radius: 50%;
width: auto;
height: auto;
max-height: 60px;
display: inline-block;
margin-right: 10px;
margin-bottom: 5px;
}
.search-heading-outer,
.search-heading-outer .nav a:not(:active) {
color: var(--border-grey);
}
.search-heading-outer .heading {
font-size: 19px;
font-weight: 300;
color: #2a2a2a;
margin: 0;
padding: 0;
line-height: 2;
}
.search-heading-outer .nav-tabs {
border-bottom: none;
}
.search-heading-outer .nav-tabs .dropdown-menu {
padding: 0;
top: -2px !important;
}
.search-heading-outer .nav-tabs > li > a,
.search-heading-outer .nav-tabs > li > span {
border-radius: 3px 3px 0 0;
/* padding: 10px 15px; */
padding: .5rem .75rem;
display: block;
}
.search-heading-outer .nav-tabs > li,
.search-heading-outer .nav-tabs > li:hover {
margin-bottom: 0;
}
.search-heading-outer .nav-tabs > li > a,
.search-heading-outer .nav-tabs > li > a:hover,
.search-heading-outer .nav-tabs > li.active > a,
.search-heading-outer .nav-tabs > li > span {
border: none;
}
.search-heading-outer .nav-tabs > li.active > a {
background: var(--border-grey2);
}
/* .search-heading-outer .nav-tabs > li:not(.active) > a {
padding: 10px;
}
.search-heading-outer .nav-tabs > li > span {
padding: 10px 4px;
} */
.search-heading-outer .nav-sort-links .dropdown > a {
font-weight: 500;
}
@media (max-width: 767.98px) {
.search-heading-outer .nav-sort-links .dropdown > a {
padding-right: 0;
}
}
.search-heading-outer .search-heading strong {
font-weight: 500;
}
.announcements-list .single-announcement {
border: 1px solid var(--border-grey2);
transition: all .25s;
background: rgba(255,255,255,.75);
}
.companies-list .single-announcement {
/* min-height: 100%; */
height: 100%;
}
@media (max-width: 575.98px) {
.companies-list .single-announcement > .row {
min-height: 100%;
/* height: 100%; */
flex-direction: column;
justify-content: space-between;
}
}
@media (max-width: 575.98px) {
.tpl-schema-search .search-heading-outer .heading {
margin-top: 0;
}
}
@media (min-width: 992px) {
.companies-list .single-announcement > .row {
min-height: 180px;
}
.companies-list .single-announcement .img-link img {
max-height: 175px;
}
}
.announcements-list .single-announcement:hover {
box-shadow: 0 2px 7px rgba(0,0,0,.33);
}
.announcements-list .single-announcement.promoted {
border-color: var(--yellow);
background: #ffb30010;
}
.announcements-list .single-announcement ~ .single-announcement,
.announcements-list .single-announcement ~ .mobile-observe-search-box {
margin-top: 1rem;
}
.announcements-list .single-announcement .col-with-title {
border-right: 1px solid var(--border-grey2);
}
.announcements-list .single-announcement.promoted .col-with-title {
border-color: var(--yellow);
}
.announcements-list .single-announcement .announcement-title {
padding: 0;
}
.announcements-list .single-announcement .announcement-title,
.announcements-list .single-announcement .announcement-title a {
color: var(--dark-text);
font-size: var(--fs-20);
font-weight: 400;
overflow-wrap: anywhere;
}
@media (max-width: 991.98px) {
.announcements-list .single-announcement .announcement-title,
.announcements-list .single-announcement .announcement-title a {
font-size: var(--fs-16);
}
}
@media (max-width: 767.98px) {
.announcements-list .single-announcement .announcement-title,
.announcements-list .single-announcement .announcement-title a {
font-size: var(--fs-20);
line-height: 1.5;
}
}
.announcements-list .single-announcement .announcement-info {
font-weight: 500;
font-size: var(--fs-12);
color: #808080;
}
.announcements-list .single-announcement .announcement-list-meta {
font-size: var(--fs-11);
font-weight: 500;
}
.announcements-list .single-announcement .announcement-list-meta,
.announcements-list .single-announcement .announcement-list-meta a {
color: #838383;
}
.announcements-list .single-announcement .announcement-list-meta .type {
font-weight: 500;
color: var(--navy);
}
@media (min-width: 768px) {
.announcements-list .single-announcement .img-link {
position: relative;
}
.search-heading-outer .heading {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.announcements-list .single-announcement .img-link,
.announcements-list .single-announcement .carousel {
position: relative;
display: block;
overflow: hidden;
}
.announcements-list .single-announcement .carousel .carousel-control-prev,
.announcements-list .single-announcement .carousel .carousel-control-next {
filter: drop-shadow(0 0 .25rem var(--black));
}
.announcements-list .single-announcement .featured,
.small-announcement .featured,
.announcement-gallery .featured,
.announcement-gallery .expired-ribbon {
color: var(--white);
background: var(--yellow);
padding: .5rem;
width: 100%;
transform: rotate(-45deg);
position: absolute;
z-index: 999;
display: block;
top: 14%;
left: -27%;
text-align: center;
text-transform: uppercase;
font-size: .8rem;
font-weight: 500;
}
.announcement-gallery .expired-ribbon {
background: var(--border-grey);
}
.announcement-gallery {
overflow: hidden;
}
.announcement-gallery .featured,
.announcement-gallery .expired-ribbon {
width: 12rem;
left: -3rem;
top: 2rem;
}
@media (max-width: 991.98px) {
.announcements-list .single-announcement .featured,
.small-announcement .featured {
font-size: .7rem;
top: 15%;
left: -26%;
padding: .25rem;
}
}
@media (max-width: 767.98px) {
.announcements-list .single-announcement .featured,
.small-announcement .featured {
top: 19px;
left: -26%;
}
}
@media (max-width: 575.98px) {
.announcements-list .single-announcement .featured,
.small-announcement .featured {
top: 2rem;
left: -4rem;
font-size: 1rem;
width: 14rem;
}
}
@media (min-width: 768px) {
.announcements-list .single-announcement .img-link .announcement-icon {
object-fit: contain;
transition: all .25s;
}
.announcements-list .single-announcement .img-link .announcement-icon:hover {
transform: scale(1.15);
}
}
.announcements-list .list-photo-counter {
position: absolute;
bottom: 0;
left: 0;
background-color: var(--primary);
color: var(--white);
padding: .33rem;
line-height: 1;
z-index: 9;
}
.announcements-list .single-announcement .price {
font-size: var(--fs-26);
color: var(--primary);
font-weight: 500;
}
.announcements-list .single-announcement .price small {
font-size: .6em;
}
.announcements-list .single-announcement .price-notice {
font-size: var(--fs-12);
color: #434343;
font-weight: 500;
line-height: 1;
}
.announcements-list .single-announcement .add-to-clipboard-link,
.company-add-to-clipboard-link {
display: block;
color: #5d5d5d;
font-size: var(--fs-12);
font-weight: 500;
}
.announcements-list .single-announcement .add-to-clipboard-link .heart,
.company-add-to-clipboard-link .heart {
font-size: 150%;
color: #c2c2c2;
position: relative;
top: 4px;
}
.announcements-list .single-announcement .add-to-clipboard-link:hover,
.announcements-list .single-announcement .add-to-clipboard-link:hover .heart,
.company-add-to-clipboard-link:hover,
.company-add-to-clipboard-link:hover .heart {
color: #75BC21;
}
.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard,
.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard .heart,
.company-add-to-clipboard-link.is-in-clipboard,
.company-add-to-clipboard-link.is-in-clipboard .heart {
color: var(--tertiary);
}
.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard:hover,
.announcements-list .single-announcement .add-to-clipboard-link.is-in-clipboard:hover .heart,
.company-add-to-clipboard-link.is-in-clipboard:hover,
.company-add-to-clipboard-link.is-in-clipboard:hover .heart {
color: #D7AD48;
}
@media (max-width: 767.98px) {
.cats-links-belt {
font-size: 13px;
}
.search-heading-outer {
border: none;
}
.search-heading-outer .nav-tabs > li > a, .search-heading-outer .nav-tabs > li > span {
border-radius: .25rem;
}
.search-heading-outer .nav-tabs > li {
float: none;
display: inline-block;
}
.announcements-list .single-announcement .col-with-title {
border-right: none;
}
.announcements-list:not(.companies-list) .single-announcement .img-link {
width: 100%;
padding-bottom: 100%;
}
.announcements-list .single-announcement .img-link .announcement-icon {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
object-fit: cover;
}
.announcements-list .single-announcement .announcement-list-meta {
margin-bottom: .75rem;
}
.announcements-list .single-announcement .add-to-clipboard-link {
margin-top: 0;
}
}
@media (max-width: 575.98px) {
.announcements-list:not(.companies-list) .single-announcement .img-link {
width: 100%;
padding-bottom: 75%;
}
.companies-list .single-announcement .img-link {
width: 100%;
padding-bottom: 82.5%;
}
.companies-list .single-announcement .img-link img {
position: absolute;
object-fit: contain;
object-position: center center;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media (min-width: 768px) {
.announcements-list.companies-list .col-with-title > .row {
min-height: 165px;
}
}
.announcements-list .single-announcement .carousel-item img {
object-fit: cover;
}
.carousel-indicators [data-bs-target] {
width: .75rem;
height: .75rem;
border-radius: 50%;
opacity: .5;
background: transparent;
border: 2px solid var(--white);
}
.carousel-indicators .active[data-bs-target] {
background: var(--white);
opacity: .75;
}
@media (min-width: 992px) {
.carousel-indicators [data-bs-target] {
width: .5rem;
height: .5rem;
}
}
.announcement-gallery .carousel-indicators > button {
width: 1rem;
height: 1rem;
border-radius: 50%;
}
/* OSM attribution */
.olControlAttribution {
right: 2px !important;
bottom: 2px !important;
}
.olControlAttribution a {
color: inherit;
}
/* pagination */
.pagination-outer {
margin: 2rem 0;
}
.pagination {
margin: 0;
}
.pagination > li > a,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span,
.pagination > li > span:focus,
.pagination > li > span:hover,
.pagination > .sep > span,
.pagination > .sep > span:hover {
background: #d9d9d9;
color: #303030;
padding: .75rem 1rem;
}
.pagination > li > a,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span,
.pagination > li > span:focus,
.pagination > li > span:hover,
.pagination>li:first-child > a,
.pagination > li:first-child > span,
.pagination>li:last-child > a,
.pagination > li:last-child > span {
border: none;
border-radius: .15rem;
font-size: var(--fs-13);
/* margin-left: 3px;
margin-right: 3px; */
margin-left: .15rem;
margin-right: .15rem;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
background: var(--light-grey);
}
.pagination > li > a .small {
font-size: 70%;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background: var(--primary);
padding: 1rem 1.25rem;
margin-top: -.25rem;
color: var(--white);
}
.pagination > .sep > span,
.pagination > .sep > span:hover {
background: transparent;
border: none;
letter-spacing: 3px;
padding-left: .75rem;
padding-right: .75rem;
}
.list-mine .announcement-icon,
.clipboard-list .announcement-icon {
/* max-width: 60vw;
width: 80px; */
height: auto;
}
.list-mine tr,
.list-mine td {
border-color: rgba(0,0,0,.25);
}
@media (min-width: 768px) and (max-width: 991px) {
.list-mine .announcement-icon {
max-width: 7.5vw;
}
.list-mine tbody td:last-child .btn {
width: 100%;
margin-left: 0;
margin-right: 0;
display: block;
}
}
@media (min-width: 992px) {
.clipboard-list .announcement-icon,
.list-mine .announcement-icon {
max-width: 7.5vw;
}
}
table .checkbox-cell-outer {
position: relative;
min-width: 25px;
}
/* table .checkbox-cell-outer label {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
table .checkbox-cell-outer label input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
} */
table .arrow-under-checkbox-cells {
vertical-align: middle !important;
font-size: 190%;
font-weight: 600;
padding: 0;
}
.list-mine .payment-info {
font-size: .9rem;
}
.list-mine .payment-info .btn {
margin-top: .25rem;
margin-bottom: .25rem;
}
@media (max-width: 767px) {
table .arrow-under-checkbox-cells {
display: none !important;
}
.list-mine td {
border: none;
}
.list-mine tfoot td .btn {
margin-bottom: .5rem;
}
.list-mine .payment-info .btn {
margin-top: .25rem;
margin-bottom: .25rem;
}
/* table .checkbox-cell-outer label {
position: static;
margin-top: .5rem;
margin-bottom: .5rem;
}
table .checkbox-cell-outer label input {
position: static;
} */
}
.list-mine tfoot.is-fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #FFF;
width: 100%;
padding-left: calc((100vw - var(--container-width)) / 2);
padding-right: calc((100vw - var(--container-width)) / 2);
z-index: 9999;
}
table .row-checked {
background-color: rgba(107, 202, 69, 0.36) !important;
}
@media (max-width: 767px) {
.table-mobile-ready thead {
display: none;
}
.table-mobile-ready tbody tr,
.table-mobile-ready tbody tr td,
.table-mobile-ready tfoot tr td {
display: block;
text-align: center;
}
/* .table-mobile-ready tbody tr td:last-child {
padding-bottom: 15px;
} */
.table-mobile-ready tbody tr:not(:last-child) td:first-child {
border-top-style: solid;
border-top-width: 3px;
border-top-color: inherit;
}
.table-mobile-ready td .announcement-icon {
max-width: 100%;
max-height: 200px;
width: auto;
height: auto;
border: 1px solid var(--border-grey2);
}
}
.pricing-table .single-price {
white-space: nowrap;
}
.pricing-table th,
.pricing-table td {
border-left-width: 1px;
border-right-width: 1px;
}
.pricing-table th:first-child:empty {
border-left: none;
}
.pricing-table th {
border-color: inherit !important;
vertical-align: middle;
}
/* Payments options */
.discount-code-outer input.error[type="text"] {
background: rgb(255, 237, 242);
color: var(--red);
}
.do-payment-options {
border-top: 1px solid #e1e1e1;
}
.do-payment-options label {
cursor: pointer;
display: block;
text-align: center;
height: 100%;
}
.do-payment-options img {
/* filter: drop-shadow(0 0 1px rgba(0,0,0,.3)); */
display: block;
max-height: 50px;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
/* position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-left: 5px;
padding-right: 5px; */
margin: auto;
}
.do-payment-options .card {
/* padding-left: 10px;
padding-right: 10px; */
box-shadow: none;
/* height: 85px; */
position: relative;
min-height: 100%;
}
.do-payment-options input:checked + .card {
border-color: var(--primary);
}
.do-payment-options input:not(:checked) + .card img {
filter: grayscale(100%);
opacity: .85;
}
.do-payment-options input[value="dotpay"]:not(:checked) + .card img,
.do-payment-options input[value="inpay"]:not(:checked) + .card img {
filter: grayscale(100%) invert(100%);
}
.do-payment-options input[value="dotpay"]:checked + .card img,
.do-payment-options input[value="inpay"]:checked + .card img {
filter: drop-shadow(0 0 1px rgba(0,0,0,.33));
}
.do-payment-options input[type="radio"] {
display: none;
}
.total-outer {
border-top: 1px solid #e1e1e1;
}
.choose-bordered-box {
border: 1px solid #dfead2; /* #c9c9c9 */
background: #fbfbfb;
}
.choose-bordered-box-part .show-hide-mobile {
display: none;
font-size: var(--fs-18);
color: var(--primary);
position: relative;
z-index: 999;
}
@media (min-width: 1200px) {
.payment-return-btn {
margin-top: -2.5rem;
}
}
/* .pay-col-option-outer .box-checked .choose-bordered-box-part .show-hide-mobile {
color: var(--white);
} */
@media (max-width: 767px) {
.choose-bordered-box-part .show-hide-mobile.down {
display: block;
}
.choose-bordered-box-part ul {
display: none;
}
.do-payment-options img {
max-height: 50px;
width: 50vw;
max-width: 80%;
}
}
.choose-bordered-box-part ul {
/* font-weight: 500; */
font-weight: 400;
list-style: none;
padding-left: 1.5rem;
}
.choose-bordered-box-part ul li {
color: var(--medium-grey);
position: relative;
}
.choose-bordered-box-part ul li + li {
margin-top: 1rem;
}
.choose-bordered-box-part ul li .list-icon {
/* position: absolute;
left: -1.5rem; */
margin-left: -1.5rem;
margin-right: .25rem;
}
.choose-bordered-box-part .list-icon {
color: var(--primary);
display: inline-block;
}
.choose-bordered-box-part .choose-bordered-box-title {
color: #2a2a2a;
}
.choose-bordered-box-grey {
background: var(--light-grey2);
/* min-height: 30%; */
}
@media (min-width: 992px) {
.choose-bordered-box-grey {
min-height: 10rem;
}
}
.choose-bordered-box-part label::first-letter {
text-transform: uppercase;
}
.choose-bordered-box-grey label {
display: block;
position: relative;
color: var(--black);
font-size: var(--fs-16);
}
.choose-bordered-box-grey label input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
}
.choose-bordered-box-title,
.choose-bordered-box-subtitle {
text-align: center;
display: block;
}
.choose-bordered-box-subtitle {
display: none;
}
.choose-bordered-box-part .choose-bordered-box-title {
font-size: var(--fs-18);
position: relative;
line-height: 1.25;
/* font-weight: 900; */
}
.choose-bordered-box-part .choose-bordered-box-title small {
font-size: .7em;
color: var(--medium-grey);
}
/* .choose-bordered-box:not(.box-type-VIEW) .choose-bordered-box-part .choose-bordered-box-title > span:first-child { */
.choose-bordered-box .choose-bordered-box-part .choose-bordered-box-title > span:first-child {
font-weight: 300;
}
.choose-bordered-box .choose-bordered-box-part .choose-bordered-box-title > span:first-child {
display: block;
}
.new-select-payment-form .option-info {
display: inline-block;
position: relative;
/* left: 6px;
top: -1px;
z-index: 10;
position: absolute;
top: 8px;
right: 8px;
left: auto;
width: 23px; */
}
.pay-col-option-outer .choose-bordered-box.box-checked .choose-bordered-box-title {
background-color: var(--primary);
border-radius: .25rem;
color: #FFF;
}
.pay-col-option-outer .choose-bordered-box.box-checked .choose-bordered-box-title .option-info > img,
.pay-col-option-outer .choose-bordered-box.box-checked .choose-bordered-box-title .option-info > a > img {
filter: invert(100%);
}
/* .pay-col-option-outer .choose-bordered-box:not(.box-checked) .choose-bordered-box-title {
border-bottom: 1px solid #e1e1e1;
} */
/* .pay-col-option-outer .choose-bordered-box:not(.box-checked) .choose-bordered-box {
border-color: #EBEBEB;
} */
/* .choose-bordered-box.box-type-VIEW .choose-bordered-box-part:first-child {
padding-top: 10px;
padding-bottom: 5px;
} */
/* .box-type-PROMOTED .choose-bordered-box-subtitle {
color: #55900f;
}
.box-type-MAIN .choose-bordered-box-subtitle {
color: #ff6000;
} */
.choose-bordered-box-part input[type="checkbox"] {
-webkit-appearance: radio;
-moz-appearance: radio;
-ms-appearance: radio;
}
.new-select-payment-form .option-info .option-info-content {
min-width: 500px;
max-width: 100vw;
text-align: center;
}
.new-select-payment-form .option-info .option-info-content > img:first-child {
float: none;
max-width: 100%;
margin: 0 0 3px;
}
.new-select-payment-form .sum-result strong {
font-size: 120%;
font-weight: 900;
}
@media (max-width: 767px) {
.pay-col-option-outer .box-checked .choose-bordered-box {
border-color: var(--primary);
}
.choose-bordered-box,
.choose-bordered-box-part {
padding: 0;
}
.choose-bordered-box {
border-radius: 3px;
overflow: hidden;
}
.pay-col-option-outer .choose-bordered-box-part .choose-bordered-box-title {
border-radius: 0;
}
.pay-col-option-outer:nth-of-type(odd) .choose-bordered-box-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.pay-col-option-outer .choose-bordered-box-title {
text-align: left;
margin-bottom: 0;
}
.choose-bordered-box-grey {
width: 100%;
}
.pay-col-option-outer .choose-bordered-box-title .option-info > img,
.pay-col-option-outer .choose-bordered-box-title .option-info > a > img {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
position: absolute;
}
.do-payment-options {
margin-top: 0;
}
.discount-code-outer .discount-text strong {
display: block;
}
.new-select-payment-form .sum-outer {
border-top: 1px solid #e1e1e1;
}
}
/* pm */
.navbar ul .badge,
.pm-boxes-tabs .badge {
background: var(--badge-grey);
color: var(--white);
border-radius: 1rem;
margin: .2rem 0 .2rem .5rem;
}
.pm-boxes-tabs .badge {
background: var(--badge-red);
}
.pm-boxes-tabs {
border-bottom: none;
position: relative;
z-index: 9;
}
.pm-boxes-tabs .nav-item + .nav-item {
margin-left: 1px;
}
.pm-boxes-tabs .nav-link {
color: var(--darkest);
/* border-radius: .25rem .25rem 0 0; */
/* margin: 0; */
}
.pm-boxes-tabs .active {
border-bottom: none;
position: relative;
overflow: hidden;
}
.pm-boxes-tabs .nav-link {
background-color: var(--grey-bg);
border: 1px solid #d5d5d5;
border-bottom: none;
}
.pm-boxes-tabs .active::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
height: 2px;
background: var(--primary);
z-index: 9;
}
.pm-boxes-tabs .active::after {
content: '';
display: block;
position: absolute;
left: 0;
right: 1px;
bottom: -1px;
height: 1px;
background: #FFF;
}
/* .pm-boxes-tabs > li + li a {
margin-left: -1px;
} */
.pm-boxes-tabs + .alert {
margin-top: 1rem;
}
.messages-in-box-list .list-group-item {
border-radius: 0;
border: 1px solid #d5d5d5;
}
.messages-in-box-list .list-group-item + .list-group-item {
border-top: none;
}
.messages-in-box-list {
color: #6d6d6d;
font-size: var(--fs-12);
}
.messages-in-box-list .thread-name {
color: #2b2b2b;
font-weight: 500;
font-size: var(--fs-15);
}
.messages-in-box-list .last-message-short {
color: inherit;
}
.messages-in-box-list .last-message-short .like-link {
border-bottom: 2px solid #d4e3c3;
display: inline-block;
font-weight: 500;
line-height: 1;
}
.messages-in-box-list .trash-icon {
color: var(--medium-grey);
font-size: var(--fs-20);
}
.messages-in-box-list .list-group-item .message-date {
color: var(--dark-text2);
}
.messages-in-box-list .list-group-item.unread {
background: var(--white);
}
.messages-in-box-list .list-group-item.read {
background: var(--grey-bg);
}
@media (max-width: 767px) {
.messages-in-box-list .last-message-short {
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.pm-boxes-tabs > li > a {
padding: 1rem 3rem;
font-size: var(--fs-16);
}
.messages-in-box-list .list-group-item {
padding: 1rem 1rem 1rem 3rem;
}
.messages-in-box-list .list-group-item .border-left {
border-left: 1px solid var(--light-grey);
}
.messages-in-box-list .list-group-item div:not(.border-left) + .border-left {
padding-left: 2rem;
}
.messages-in-box-list .thread-name {
margin-top: 1rem;
}
/* .pm-search {
position: relative;
top: 25px;
width: 20%;
z-index: 999;
border: 1px solid #616161;
}
.pm-search input,
.pm-search input:focus {
border: none;
box-shadow: none;
}
.pm-search .btn,
.pm-search .btn:hover {
padding: 8px 10px 4px;
color: #616161;
background: transparent;
border: none;
} */
}
.pm-single-messages-list .single-message {
padding: 2rem;
margin-top: 3rem;
}
.pm-single-messages-list .single-message:first-child {
margin-top: 0;
}
.pm-single-messages-list .single-message + .single-message {
margin-top: 2rem;
}
.pm-single-messages-list .single-message.message-to-me + .single-message.message-to-me {
margin-top: .5rem;
}
.pm-single-messages-list .single-message.message-from-me + .single-message.message-from-me {
margin-top: .5rem;
}
.pm-single-messages-list .single-message.message-to-me {
margin-right: 3rem;
border: 1px solid var(--primary);
}
.pm-single-messages-list .single-message.message-from-me {
margin-left: 3rem;
border: 1px solid var(--yellow);
}
.pm-single-messages-list .single-message .meta {
margin-bottom: 2rem;
font-size: var(--fs-12);
font-weight: 500;
}
.pm-single-messages-list .single-message .attachment {
margin-top: 1rem;
font-weight: 600;
}
@media (max-width: 767px) {
.small-photo-in-thread {
margin-bottom: 1rem;
width: auto;
height: auto;
}
.thread-buttons-col .btn {
display: block;
width: 100%;
}
.thread-buttons-col .btn + .btn {
margin-left: 0;
margin-top: .25rem;
}
}
.title-in-thread {
color: var(--dark-text);
font-size: var(--fs-16);
}
.preview-link-in-thread {
font-size: var(--fs-13);
}
.preview-link-in-thread .glyphicon {
color: #848484;
}
.send-message-area {
background: #dfedcd;
padding: 25px 40px 40px;
margin: 80px 0 90px;
}
.send-message-area .announcement-contact-form {
background: #dfedcd;
border: none;
margin: 0;
padding: 0;
}
.send-message-area .announcement-contact-form textarea {
height: 125px;
}
.announcement-security-rules ul {
padding-bottom: 0;
border-bottom: 0;
}
@media (min-width: 768px) {
.send-message-area .announcement-security-rules {
margin-top: 0;
}
}
/* smartphoto/lightbox */
.lightboxOverlay,
.smartphoto {
z-index: 99999 !important;
}
.lightbox {
z-index: 100000 !important;
}
.smartphoto {
background: rgba(0,0,0,.9) !important;
}
.action-do-payment .smartphoto-count,
.smartphoto.smartphoto-no-pagination .smartphoto-count {
display: none;
}
.smartphoto[aria-hidden="false"] .current .smartphoto-img {
display: block;
}
.smartphoto-inner .smartphoto-arrows li {
width: 4rem;
height: 4rem;
border: .5rem solid transparent;
}
.smartphoto-inner .smartphoto-arrows a {
background-repeat: no-repeat;
background-position: center;
}
.smartphoto-inner .smartphoto-nav li {
width: 75px;
height: 75px;
border: 2px solid transparent;
}
.smartphoto-inner .smartphoto-nav li:hover {
border: 2px solid #FFF;
}
.smartphoto-img-wrap {
margin-top: -40px;
}
.smartphoto-body .smartphoto-header {
background: transparent;
}
@media (min-width: 992px) {
.smartphoto .smartphoto-dismiss {
width: 2.5rem;
height: 2.5rem;
background-repeat: no-repeat;
background-position: center;
top: 1rem;
right: 1.5rem;
}
.smartphoto-arrows .smartphoto-arrow-left {
left: 1rem;
}
.smartphoto-arrows .smartphoto-arrow-right {
right: 1rem;
}
}
@media (min-width: 1200px) {
.smartphoto .smartphoto-dismiss {
width: 3rem;
height: 3rem;
top: 2rem;
right: 3rem;
}
.smartphoto-arrows .smartphoto-arrow-left {
left: 2rem;
}
.smartphoto-arrows .smartphoto-arrow-right {
right: 2rem;
}
.smartphoto-inner .smartphoto-arrows li {
width: 6rem;
height: 6rem;
border: 1rem solid transparent;
}
}
/* Fix for small width of columns with buttons in announcements table */
@media (min-width: 992px) {
table .table-column-buttons {
width: 10vw;
}
}
@media (min-width: 1600px) {
table .table-column-buttons {
width: 10rem;
}
}
@media (max-width: 767.98px) {
.table-column-buttons .btn {
padding-top: .75rem;
padding-bottom: .75rem;
font-weight: 500;
}
}
/* Accordion */
.accordion-button:not(.collapsed) {
color: var(--primary);
background-color: var(--primary-transparent);
}
.accordion-button {
background-color: var(--light-grey);
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus {
border-color: var(--primary);
box-shadow: none;
}
/* home map of Poland */
.map-area > svg {
width: 100%;
height: auto;
}
.map-area > svg path {
fill: var(--city-grey) !important;
fill-opacity: 1 !important;
stroke: var(--primary) !important;
stroke-width: 0 !important;
transition: all .25s;
}
.map-area > svg path:hover {
fill: var(--primary) !important;
cursor: pointer;
}
/* Company page */
.company-page-header-section {
padding-bottom: calc(var(--standard-padding-y) / 2);
}
.company-page-header-section:first-of-type {
padding-top: 0;
}
.company-page-header {
border: 1px solid var(--light-grey);
--bg-offset-bottom: 3rem;
}
.company-page-header,
.company-page-header .company-bg-img-outer {
border-radius: 1rem;
overflow: hidden;
}
body.style-no-radius .company-page-header,
body.style-no-radius .company-page-header .company-bg-img-outer {
border-radius: 0;
}
.company-page-header .company-bg-img-outer {
margin-bottom: var(--bg-offset-bottom);
}
.company-page-header .company-bg-img:not([data-src]) {
object-fit: cover;
}
.company-page-header .company-logo {
--logo-size: 200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.company-page-header .company-bg-img-outer + .company-logo {
margin-top: calc(-1 * var(--bg-offset-bottom) - 2rem);
}
@media (min-width: 576px) {
.company-page-header .company-bg-img-outer + .company-logo {
margin-top: calc((-1 * var(--bg-offset-bottom)) - 4rem);
}
}
@media (min-width: 768px) {
.company-page-header .company-bg-img-outer + .company-logo {
margin-top: calc((-1 * var(--bg-offset-bottom)) - (var(--logo-size)/2));
}
}
@media (max-width: 767.98px) {
.company-search-panel-section {
padding: calc(var(--standard-padding-y)/2) 0;
}
}
.company-desc.long-company-desc .company-desc-text {
max-height: 200vh;
transition: max-height .5s ease-in-out;
overflow: visible;
position: relative;
}
.company-desc.long-company-desc .company-desc-text ul,
.company-desc.long-company-desc .company-desc-text ol {
padding-left: 1.25rem;
}
.company-desc.long-company-desc .company-desc-text-hidden {
min-height: 7rem;
max-height: 10rem;
overflow: hidden;
}
.company-desc.long-company-desc .company-desc-text::after {
content: '';
display: block;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%);
opacity: 0;
transition: opacity .5s ease-in-out;
}
.company-desc.long-company-desc .company-desc-text-hidden::after {
opacity: 1;
}
.company-desc-text + .link-outer {
font-weight: 600;
margin-top: 2rem;
position: relative;
z-index: 9;
transition: margin-top .5s ease-in-out;
}
.company-desc-text.company-desc-text-hidden + .link-outer {
margin-top: -3rem;
}
.company-desc-text.company-desc-text-hidden + .link-outer .toggler-hide {
display: none;
}
.company-desc-text:not(.company-desc-text-hidden) + .link-outer .toggler-show {
display: none;
}
.ad-box {
margin: 0 auto;
text-align: center;
max-width: 100%;
overflow: hidden;
}
.ad-box img {
margin-left: auto;
margin-right: auto;
width: auto;
height: auto !important;
max-width: 100%;
}
.ad-box img:first-child:last-child {
display: block;
}
.ad-box iframe {
max-width: 100%;
}
.ad-box .test-ad {
display: block;
text-align: center;
font-size: 120%;
}
.ad-box.list_over_heading {
margin-top: 1rem;
margin-bottom: 1.75rem;
}
.ad-box.home_under_categories {
margin-top: 45px;
}
.ad-box.home_over_footer {
margin-bottom: 45px;
}
.ad-box.announcement_under_gallery {
margin-top: 25px;
}
/*.ad-box.home_between_1 {
margin-top: 45px;
}*/
.announcement-social {
position: relative;
}
.announcement-social .copy-area {
position: relative;
display: inline-block;
line-height: 1;
}
.announcement-social .btn {
position: relative;
border-radius: 3px;
padding-left: .6rem;
padding-right: .6rem;
padding-top: .6rem;
padding-bottom: .6rem;
display: inline-block;
line-height: 1;
font-size: 1.5rem;
width: 39px;
text-align: center;
}
.copy-area {
position: relative;
}
.copy-area .tooltip {
top: auto;
bottom: 93%;
width: 150px;
left: -62px;
/* white-space: nowrap; */
}
.copy-area .tooltip.on-copied,
.copy-area:not(:hover) .tooltip.on-hover,
.copy-area .tooltip.on-copied.active ~ .tooltip {
width: 0;
overflow: hidden;
}
.copy-area:hover .tooltip.on-hover,
.copy-area .tooltip.on-copied.active {
opacity: 1;
width: 150px;
}
.copy-profile-link.copy-area .tooltip {
left: auto;
right: -51px;
}
@media (max-width: 767.98px) {
.announcement-social .btn {
padding-top: .575rem;
padding-bottom: .575rem;
}
.copy-area .tooltip {
left: -57px;
}
.copy-area:focus .tooltip.on-hover {
opacity: 1;
}
.copy-profile-link.copy-area .tooltip {
left: auto;
right: -52px;
bottom: 95%;
}
.copy-profile-link.copy-area .tooltip {
display: none !important;
}
}
.tooltip-primary .tooltip-inner {
background-color: var(--primary);
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-top .tooltip-arrow::before {
border-top-color: var(--primary);
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before {
border-bottom-color: var(--primary);
}
/* PWA button */
#appInstallBar {
/* overflow: hidden; */
padding-left: 15px;
padding-right: 15px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99999999999;
transition: all .25s;
}
pwa-install,
:root {
--modal-z-index: 999999999;
--install-button-color: var(--primary);
}
pwa-install #headerContainer img {
background-color: var(--white);
}
/* #appInstallBar {
display: none !important;
}
@media screen and (max-width: 767.98px) {
.is-chrome #appInstallBar.show,
.is-safari #appInstallBar.show {
display: block !important;
}
} */
@media (display-mode: standalone) {
#appInstallBar,
.is-chrome #appInstallBar,
.is-safari #appInstallBar,
#appInstallBar.show,
.is-chrome #appInstallBar.show,
.is-safari #appInstallBar.show {
display: none !important;
}
}
.opinion-form-modal .is_opinion_rating_0 {
opacity: 0;
width: 0;
height: 0;
}
.opinion-form-modal [name*="opinion_rating"] {
display: none;
}
.opinion-form-modal [name*="opinion_rating"] + label {
cursor: pointer;
}
.icon-opinion-star,
.opinion-form-modal [name*="opinion_rating"] + label .icon-opinion-star {
color: var(--primary);
}
.opinion-show-rating .icon-opinion-star {
color: var(--yellow);
}
.opinion-form-modal .is_opinion_rating_0:checked ~ label .icon-opinion-star,
.opinion-form-modal [name*="opinion_rating"]:checked + label ~ label .icon-opinion-star,
.opinion-show-rating .empty {
/* color: var(--light-grey); */
color: var(--bg-color-2);
text-shadow: 0 0 2px var(--primary);
}
.opinion-form-modal textarea {
max-height: 25vh;
}
.rating-average-outer {
font-size: 1.5rem;
}
.toggle-btn-ellipsis::after {
display: none;
}
.announcement-side-col .relative-outer .tooltip,
.breadcrumbs-observed-outer .tooltip,
.only-mobile-buttons .tooltip {
transform: none !important;
right: 100% !important;
left: auto !important;
white-space: nowrap;
}
.announcement-side-col .relative-outer .tooltip .tooltip-arrow,
.breadcrumbs-observed-outer .tooltip .tooltip-arrow,
.only-mobile-buttons .tooltip .tooltip-arrow {
visibility: hidden;
}
.announcement-side-col .relative-outer .tooltip .tooltip-inner,
.breadcrumbs-observed-outer .tooltip .tooltip-inner,
.only-mobile-buttons .tooltip .tooltip-inner {
max-width: 250px !important;
}
@media (max-width: 767.98px) {
.only-mobile-buttons .tooltip {
transform: none !important;
right: 0 !important;
left: 0 !important;
white-space: nowrap;
bottom: 101% !important;
top: auto !important;
margin: auto !important;
}
.only-mobile-buttons .tooltip .tooltip-inner {
margin-left: auto;
margin-right: auto;
}
}
.is-in-clipboard[data-observe-search] .empty,
[data-observe-search]:not(.is-in-clipboard) .full {
display: none;
}
[data-suggested-cat-path] li:last-child {
font-weight: bold;
}
[data-current-cat-img][src=""] {
display: none;
}
/* company working hours */
.switch-is-open-on-day:checked + label .closed,
.switch-is-open-on-day:not(:checked) + label .open {
display: none;
}
.switch-is-open-on-day {
position: relative;
top: .25rem;
}
[name*="hours"][list]::-webkit-calendar-picker-indicator {
display: none;
opacity: 0;
visibility: hidden;
width: 0;
}
.company-category-chose-outer select option {
display: none;
}
.form-group-hours .switch-is-open-on-day,
.form-group-hours .switch-is-open-on-day:checked {
width: 2.75rem;
height: 1.75rem;
border-radius: 1em !important;
position: relative;
top: -0.0125rem;
}
.form-group-hours .switch-is-open-on-day + label {
padding-top: .125rem !important;
}
.form-group-hours .form-check-label {
padding-top: 0 !important;
}
.check-category-with-icon ~ label img {
object-fit: scale-down;
}
.check-category-with-icon:not(:checked) ~ label {
opacity: .6;
}
@media (max-width: 767.98px) {
.check-category-with-icon ~ label img {
filter: invert(100%);
}
}
/* search results map */
#itemsMap {
width: 100%;
height: 75vh;
}
.popover-in-search-results-map,
.popover-in-search-results-map .popover-body {
border-radius: 1rem;
}
body.style-no-radius .popover-in-search-results-map,
body.style-no-radius .popover-in-search-results-map .popover-body {
border-radius: 0;
}
#itemsMap .gm-style-iw-d {
overflow-x: hidden !important;
overflow-y: auto !important;
max-height: none;
}
#itemsMap .gm-style-iw-d .small-announcement {
border-radius: 0;
}
.popover-in-search-results-map .popover-body,
#itemsMap .gm-style-iw {
padding: 0;
max-width: 14rem !important;
}
.popover-in-search-results-map .popover-body .carousel-item img,
#itemsMap .gm-style-iw .carousel-item img {
object-fit: cover;
}
@media (min-width: 992px) {
.popover-in-search-results-map .popover-body,
#itemsMap .gm-style-iw {
min-width: 11rem !important;
}
}
@media (max-width: 991.98px) {
.popover-in-search-results-map .popover-body,
#itemsMap .gm-style-iw {
min-width: 10rem !important;
max-width: 12rem !important;
}
}
.popover-in-search-results-map .popover-body .clipboard-outer,
#itemsMap .gm-style-iw .clipboard-outer {
position: absolute;
top: .5rem;
right: .5rem;
z-index: 99;
font-size: 1.5rem;
line-height: 1;
}
.popover-in-search-results-map .popover-body .clipboard-outer a,
#itemsMap .gm-style-iw .clipboard-outer a {
color: var(--icon-grey);
text-shadow: 0 0 1px var(--white);
filter: drop-shadow(0 0 .25rem rgba(0,0,0,.5));
text-stroke: 1px var(--white);
-webkit-text-stroke: 1px var(--white);
-moz-text-stroke: 1px var(--white);
}
.popover-in-search-results-map .popover-body .clipboard-outer a.is-in-clipboard,
#itemsMap .gm-style-iw .clipboard-outer a.is-in-clipboard {
color: var(--primary);
filter: drop-shadow(0 0 .25rem #000);
}
#itemsMap .gm-style-iw-d {
padding: 0 !important;
overflow-x: hidden !important;
max-height: none;
}
#itemsMap .gm-style-iw-d + button {
display: none !important;
}
.fixed-map-button {
position: fixed;
top: auto;
right: 0;
bottom: 1rem;
left: 0;
width: 12rem;
margin: auto;
}
@media (min-width: 768px) {
.fixed-map-button {
display: none !important;
visibility: hidden;
}
}
.cookie-alert-text {
font-size: var(--fs-10);
}
.before-my-companies-list-text:empty {
display: none;
}