button {
font-weight: 400;
}
html {
font-size: 16px;
}
.form-horizontal .form-group {
margin-right: 0px;
margin-left: 0px;
}
.catalog-links__limit {
height: fit-content;
}
.form-horizontal .form-group.row {
margin-right: -15px;
margin-left: -15px;
}
.custom-control .custom-control-input:checked~label.custom-control-label {
color: #003333;
font-weight: 400;
}
.extension-block-template {
margin-top: -15px;
}
.extension-block-single {
margin-top: -30px;
}
.extension-block-multi {
margin-top: -26px;
}
.extension-block-template .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none;
}
label.custom-control-label {
font-weight: 400;
display: inline;
}
input[type="radio"],
input[type="checkbox"] {
margin: 0px 0 0;
}
.select2-container--krajee-bs3 .select2-selection {
border: 1px solid #e0e7ea;
line-height: 15px;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: 1px solid #e0e7ea;
height: 40px;
}
.select2-container--krajee-bs3 .select2-selection--single {
height: 40px;
line-height: 26px;
}
.fas {
margin-right: 4px;
}
.select-plan__item-control {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
padding-inline: 10px;
font-size: 13px;
border: 1px solid #E0E7EA;
border-radius: 5px;
}
.select-plan__input {
appearance: none;
}
.select-plan__input::after {
position: absolute;
top: 50%;
left: 3px;
translate: 50% -50%;
width: 16px;
height: 16px;
content: "";
border: #adb5bd solid 1px;
border-radius: 4px;
background: no-repeat 50% / 50% 50%;
}
.select-plan__input:hover::after {
border-color: #34ABBD;
}
.select-plan__input:focus-visible::after {
border-color: #34ABBD;
}
.select-plan__input:checked::after {
background-color: #34abbd;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.select-plan__input:active::after {
background-color: black;
}
.select-plan__input--round::after {
border-radius: 50%;
}
.select-plan__item-control--always-checked .select-plan__label {
pointer-events: none;
}
.select-plan__item-control--always-checked {
cursor: not-allowed;
}
.select-plan__label {
width: 100%;
padding-block: 9px;
margin-bottom: 0;
padding-left: 24px;
font-weight: 500;
color: #003333;
user-select: none;
}
.select-plan__item-control .item-radio .custom-control-label::before {
left: -0px;
}
.field-usercosttobuild-cost .padd-cost-value {
width: calc(100% - 33px);
}
.field-usercosttobuild-cost {
position: relative;
display: flex;
/* flex-wrap: wrap; */
align-items: stretch;
width: 110px;
justify-content: space-between;
margin-bottom: 0;
}
.pp-recommend-line .form-group {
margin-bottom: 0;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__rendered {
line-height: 23px;
}
/* .select2-container .select2-selection--multiple {
min-height: 40px;
} */
.app .select2-container .select2-search .select2-search__field {
height: 31px;
line-height: 28px;
}
.app .select2-container .select2-search .select2-search__field {
font-size: 16px;
height: 35px;
line-height: 28px;
}
.tags-default .select2-selection__choice__remove {
margin: 3px 3px 0 !important;
}
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__choice {
margin: 5px 0 0 6px;
}
.pp-sale-img-group .custom-control .custom-control-input:checked~label.custom-control-label {
color: #003333;
font-weight: 600;
}
/*Plan Package*/
.select-plan-new .select-plan__item {
margin-bottom: 10px;
}
.select-plan-new .select-plan__item:first-child {
margin-top: 0px;
}
.select-plan__item-title {
font-size: 13px;
line-height: 1;
color: #03353d;
font-weight: 500;
margin-bottom: 8px;
}
.select-plan-new .select-plan__item-title {
margin-top: 20px;
}
.select-plan-new .select-plan__item-title {
margin-bottom: 10px;
}
.select-plan__item-title {
font-weight: 700;
}
.select--with-note {
border: 1px solid #E0E7EA;
border-radius: 5px;
}
.qa-description {
font-size: 20px;
}
.select-plan-new .item-radio {
justify-content: space-between;
align-items: center;
padding: 9px 10px;
border: 1px solid #E0E7EA;
}
.item-radio .custom-control {
min-height: 20px;
}
.select-plan-new .custom-control {
position: relative;
display: block;
min-height: 1.3125rem;
padding-left: 0;
}
.select-plan-new .custom-control .custom-control-input:checked~.custom-control-label {
color: #003333;
padding-left: 24px;
}
.select-plan-new .item-radio label {
color: #003333;
font-size: 13px;
font-weight: 500;
vertical-align: middle;
}
.select-plan-new .item-radio .custom-control-label::before {
border: 1px solid #34ABBD;
/*top: 55%;*/
/*transform: translateY(-45%);*/
}
.custom-control-label::after {
left: 0;
/*top: 55%;*/
/*transform: translateY(-45%);*/
}
.select-plan-new .cost_value {
display: flex;
gap: calc(1ch + 2px);
color: #34ABBD;
font-size: 13px;
font-weight: 700;
}
.cost_value {
white-space: nowrap;
}
.select-plan-new .custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
color: #bdc6ca;
padding-left: 24px;
}
.select-plan-new .custom-control .custom-control-input:checked~.custom-control-label {
color: #003333;
padding-left: 24px;
}
.select-plan-new .custom-control .custom-control-input:checked~label.custom-control-label {
font-weight: 500;
user-select: none;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.pp-cost-wrapper--left .js_options_block .custom-control {
position: relative;
display: block;
min-height: 1.3125rem;
padding-left: 22px;
}
.custom-checkbox--big-cad1 .custom-control-label {
padding-left: 0px;
}
.custom-checkbox--big-cad1.custom-control .custom-control-input:checked~.custom-control-label {
padding-left: 0px;
font-weight: 600;
}
.contact-us-page .file-drop-zone .file-preview-thumbnails {
display: none;
}
.pp-cost-group-line__checker .custom-control .custom-control-label:before {
top: 12px;
}
.pp-cost-group-line__checker .custom-control .custom-control-label:after {
top: 12px;
}
.card-body .help-block {
color: red;
height: auto;
}
.pp-checker-line label {
font-weight: 300;
display: inline;
}
.pp-checker-line .custom-control-label::before {
top: 0px;
}
.pp-checker-line .custom-control-label::after {
top: 0px;
}
.pp-checker-line .custom-control.custom-checkbox {
line-height: 20px;
}
.footer-div {
width: calc(100% + 0px);
}
@media (min-width: 1366px) {
.author-container-catalog .author-card__footer {
padding-top: 0px;
}
.author-container-catalog .author-card__license {
margin-bottom: 0px;
}
}
.tt-input[type='text']::placeholder {
opacity: 1;
}
.tt-input[type='text']:focus::placeholder {
opacity: 1;
color: #ccc;
}
.select2-dropdown--below {
min-width: fit-content !important;
}
.author-works {
position: relative;
}
.set-settings-title {
color: #03353d;
font-size: 20px !important;
font-weight: 600 !important;
margin-bottom: 5px !important;
}
.author-container-catalog .close-author {
position: absolute;
top: 20px;
right: 20px;
z-index: 100;
}
@media (max-width: 1023px) {
.author-card__footer {
display: none;
}
}
@media (max-width: 767px) and (min-width: 320px) {
.pp-cost-wrapper--left h4 {
padding-left: 0 !important;
}
.pp-cost-wrapper--left .pp-set-checker__mini .custom-checkbox {
padding-left: 0 !important;
}
#author-plans .author-links__items {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
.author-links__items .select {
min-width: 35px;
max-width: 35px;
}
#author-plans .types-work {
margin-bottom: 10px;
}
.author-links__container {
flex-wrap: wrap;
justify-content: center !important;
}
.cost-badge-p {
font-size: 16px !important;
font-weight: 400 !important;
}
.cost-badge-custom > span {
font-size: 16px !important;
font-weight: 400 !important;
}
.withdraw-container {
padding: 25px 10px;
text-align: center;
justify-content: center;
}
.top-cards .bottom-cards.withdraw-container{
padding: 10px 10px;
height: 70px;
}
}
.select2-container .select2-selection--single .select2-selection__rendered {
line-height: 40px;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow b {
right: 4px;
}
.file-preview-thumbnails {
width: 100%;
overflow: scroll;
max-height: 350px;
}
.div-filter {
height: calc(100% - 200px);
height: 100%;
}
.file-preview-thumbnails::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.file-preview-thumbnails::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #34abbd;
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.tariff .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none;
}
.tariff .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 30px !important;
}
.tariff .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow b{
margin-right: 20px !important;
filter: brightness(0) !important;
}
.login-register .select2-container--krajee-bs3,
.login-register .select2-selection--single {
text-align: left !important;
padding: 0 15px !important;
}
.login-register .select2-selection--single,
.login-register .select2-selection__arrow {
right: 15px !important;
}
.login-register .custom-control-label::after {
left: -1.5rem !important;
}
.login-register .custom-control-label {
/*position: fixed;*/
}
.select2-selection__clear {
top: -2px !important;
}
.cad-set {
display: flex;
align-items: center;
width: 50%;
padding-left: 10px;
}
.width-content {
width: fit-content !important;
}
.cad-set-flex {
display: flex !important;
flex-wrap: wrap;
}
.cad-set > span {
font-size: 18px;
font-weight: bold;
padding-right: 10px;
}
.pp-profile__left .select2-selection__arrow,
.pp-profile-office .select2-selection__arrow {
border-left: none !important;
}
.form-checker-no-active {
color: #bdc6ca;
}
.per-square,
.title-bold {
font-weight: 600 !important;
}
.author-title {
font-size: 20px;
font-weight: 600;
margin-top: 35px;
margin-bottom: 25px;
}
.pp-profile__form-checker .freelancer {
padding-left: 5px !important;
font-weight: 600 !important;
}
.tarifs__row .select2-selection--single,
.tarifs__row .select2-selection__arrow {
height: 75px !important;
line-height: 75px !important;
}
.tarifs__row .select2-selection--single {
border-radius: 10px;
}
.tarifs-total__button {
margin-top: 15px;
}
.tarifs__row .select2-selection__rendered {
line-height: 75px !important;
font-size: 20px;
text-align: left;
padding-left: 15px !important;
}
.contact-us-page .file-drop-zone-title {
padding: 0!important;
padding-top: 10px !important;
font-size: 16px !important;
color: transparent;
height: 10px;
}
.contact-us-page .file-drop-zone {
min-height: 45px !important;
border: none;
}
.contact-us-page .field-files {
margin-top: 20px !important;
}
.contact-us-page ::placeholder,
.contact-us-page .select2-selection__placeholder {
font-size: 16px;
color: #9d9d9d;
}
.preview-p .plan-crumbs .select2-selection__placeholder {
padding-right: 10px !important;
font-size: 13px !important;
}
.preview-p .author-card__country-office {
display: flex;
justify-content: center;
}
.hero {
background-color: #16494D !important;
}
.hero__links a .svg-icon {
margin-left: 0;
padding-left: 7px;
}
.hero__link-text {
text-wrap: nowrap;
}
.fw-600 {
font-weight: 600 !important;
}
@media (min-width: 1200px) {
.preview-p .author-card__country-office {
margin-top: 3px;
margin-left: 10px;
}
}
@media (max-width: 700px) {
.work-details__header,
.catalog__header {
font-size: 31px;
line-height: 1.2;
font-weight: 600;
}
}
.contact-us-page .select2-selection__arrow {
border-left: none !important;
}
.contact-us-page .fileinput-remove,
.contact-us-page .btn-file {
display: none;
}
.contact-us-page .file-drop-zone:hover {
border: none !important;
}
.contact-us-page .file-preview {
border: 1px dashed #34abbd;
}
.blue_underline {
color: #34abbd;
text-decoration: underline;
}
.grey-upload {
color: #969696;
}
.recomend-block .select .select2 .select2-selection .select2-selection__rendered>span {
color: #003333 !important;
}
.recomend-block .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none !important;
}
.wrap-btn {
height: max-content;
text-wrap: wrap;
padding: 10px;
}
.pp-images-tiles__item img {
height: 100% !important;
}
.pp-images-tiles {
position: relative !important;
height: 100% !important;
}
.what-included__text {
margin-bottom: 10px;
}
.what-included__text-last {
margin-bottom: 20px !important;
}
.pager {
display: flex !important;
flex-direction: row !important;
justify-content: flex-end;
flex-wrap: wrap;
}
.pager > .pagination,
.pager > .pager__goto-inside {
width: fit-content;
}
.pager > .pagination {
margin: auto;
}
.pager > .pagination {
padding-left: 15%;
}
.pager > * {
margin-top: 5px;
}
.set-settings-title {
margin-bottom: 15px !important;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
border-radius: 0;
padding: 0 8px;
margin: 0 4px;
pointer-events: none;
color: #003333;
background-color: #f3f3f3;
border: none;
}
.custom-h1 {
font-size: 49px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
max-width: 614px;
}
.pp-set-box {
margin-top: 20px;
}
.pp-profile-controls-lines {
margin-top: 15px;
}
.pp-profile-add-box {
margin-top: 10px;
}
.for-page-title {
text-align: center!important;
font-size: 49px!important;
font-style: normal!important;
font-weight: 700!important;
margin: 0 auto 60px!important;
max-width: 1080px;!important;
}
.for-page-dark-color {
color: #003333 !important;
}
.for-page-h1 {
color: #03353d;
background: #fff;
text-transform: uppercase;
font-size: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 10px;
width: auto;
height: 39px;
align-items: center;
border-radius: 45px;
letter-spacing: 0.9px;
margin-bottom: 50px;
font-weight: 500;
}
.pp20-header--dark-green .for-page-h1 {
color: #16494d;
background: #fff;
font-weight: 500;
font-size: 16px;
}
.color-dark {
color: #003333 !important;
}
.paginator-dots > span {
background-color: #ffffff !important;
padding: 0 !important;
margin: 0 !important;
}
.svg-moved {
width: 10px !important;
height: 15px !important;
}
.pagination .next a,
.pagination .prev a {
background: #34abbd;
color: #fff;
}
.pagination .next.disabled span,
.pagination .prev.disabled span {
background: #c9c9c9 !important;
color: #fff;
}
.recomend-block .select2-container--open .select2-selection__arrow b {
transform: rotate(180deg) !important;
top: 9px !important;
}
.recomend-block .select-with-arrow .select2 .select2-selection .select2-selection__arrow b {
border: none !important;
height: 5px !important;
position: absolute !important;
top: 12px !important;
right: 1px;
width: 10px !important;
background: url(../img/custom-select.png) no-repeat center center !important;
background-size: cover !important; /* Adjust size accordingly */
}
.message-m .message-send-form .row {
margin: 0 !important;
}
@media (min-width: 768px) {
.message-m .form-group {
margin: 10px 10px 0 10px !important;
}
.preview-p .message-m .form-group {
margin-bottom: 10px !important;
}
.message-m .row-cols-md-2>* {
max-width: 47% !important;
}
}
/* .author-item {
justify-content: space-between;
} */
@media (min-width: 1920px) {
.collection-item__image {
height: auto;
padding-bottom: 0 !important;
}
}
@media (min-width: 992px) {
.collection-list .col {
margin-bottom: 30px;
}
}
@media (min-width: 1366px) {
.author-item__works {
width: 50%;
}
}
@media (min-width: 992px) {
.author-item__works-item {
flex: 0 0 content;
display: flex;
}
.author-item__works-item img {
display: block;
/*width: auto; todo try 140px instead of auto*/
width: 100%;
height: auto;
max-height: 120px;
}
}
@media (max-width: 991px) {
.author-item__works-item:nth-child(n+5) {
display: none;
}
.author-item__works-item {
display: block;
width: 25%;
max-width: 25%;
}
.pp-copyright-desc {
padding-left: 20px;
}
.pager > .pagination {
padding-left: 0!important;
}
}
.cost-t .pp-content-simple-cost {
height: 100% !important;
}
.cost-t .next {
margin-right: 15px !important;
}
.template-cost-s .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none !important;
}
.work-p .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none !important;
}
.templaces-list__items {
margin-top: 20px;
}
.disabled-btn {
color: white;
background-color: #b9b9b9;
border: none;
}
.disabled-btn:hover {
background-color: #919191;
}
.skip-left-margin {
margin-left: 0 !important;
}
.message-m .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 14px !important;
padding-left: 15px !important;
}
.message-m .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 36px !important;
}
.message-m .select2-container--krajee-bs3 .select2-selection {
font-size: 16px !important;
}
@media (max-width: 767px) {
.template-cost-s .custom-control {
padding-left: 0 !important;
}
}
@media (min-width: 768px) {
.single-plan-p .crumbs__items {
height: 82px;
}
}
@media (max-width: 991px) {
.hero__item--right .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
position: relative !important;
}
.hero__item--right .select2-container--krajee-bs3 .select2-selection--single {
justify-content: center !important;
}
.hero__item--right .select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 5px !important;
padding-left: 35px !important;
}
}
.from-world .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
position: relative !important;
}
.padding-right-small {
padding-right: 10px;
}
.from-world .selection {
justify-content: flex-start !important;
}
.from-world .select2-container .select2-selection--single .select2-selection__rendered {
/*padding-right: 5px !important;*/
/*padding-left: 35px !important;*/
}
.client-p .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none;
}
.client-p .select2-selection__rendered {
padding-left: 0 !important;
}
.plan-dimentions {
display: flex;
flex-wrap: wrap;
}
.plan-dimentions > .full-specs__item {
padding: 0 15px;
flex: 0 0 50%;
margin-top: 30px;
box-sizing: border-box;
}
@media (max-width: 750px) {
.plan-dimentions {
flex-direction: column;
}
}
.work-aside--recommendations .select2-selection__clear {
top: -1px !important;
}
.author-c .select2-container--disabled .select2-selection__rendered {
background-color: #e7e7e7 !important;
}
.plan-crumbs .crumbs__items {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.plan-crumbs .select2-container {
width: fit-content !important;
}
.plan-crumbs .select2-container--krajee-bs3 .select2-selection {
border: none !important;
}
.plan-crumbs .select2-container--krajee-bs3 .select2-selection {
box-shadow: none !important;
}
.plan-crumbs .select2 .select2-selection .select2-selection__arrow b {
border: none !important;
height: 5px !important;
position: absolute !important;
top: 18px !important;
right: -2px;
width: 10px !important;
background: url(../img/custom-select.png) no-repeat center center !important;
background-size: cover !important; /* Adjust size accordingly */
}
.plan-crumbs .select2-container--open .select2-selection__arrow b {
transform: rotate(180deg) !important;
top: 9px !important;
}
.plan-crumbs .select2-selection__arrow {
border-left: none !important;
}
.plan-crumbs .select2-dropdown select2-dropdown--below {
width: fit-content !important;
}
.plan-crumbs .select2-selection__placeholder {
color: #003333 !important;
font-size: 13px !important;
}
.custom-dropdown {
width: fit-content !important;
border-radius: 7px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
/*left: -100px !important;*/
}
.custom-dropdown .select2-results__option {
color: #0a0a0a !important;
text-decoration: none !important;
font-weight: 100 !important;
height: 25px !important;
}
.custom-dropdown .select2-results__option:hover {
text-decoration: underline !important;
}
.custom-dropdown .select2-results__option--highlighted,
.custom-dropdown .select2-results__option[aria-selected] {
background-color: #fff !important;
}
.custom-dropdown .select2-results__options {
height: fit-content !important;
max-height: none !important;
overflow-y: hidden !important;
}
.custom-dropdown .select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] {
color: red !important;
}
.reverse-btn {
color: #fff !important;
background-color: #309bab !important;
border-color: #309bab !important;
}
.hide-reverse {
display: none;
}
.display-item-block {
display: block !important;
}
.pp-profile__avatar_hover-camera {
height: 120px;
}
.update-plan-author {
overflow-x: hidden;
}
.separate-header {
display: flex;
flex-direction: column;
}
.x-scale {
transform: scaleX(-1) !important;
}
.under-tariff {
margin-top: 20px;
text-align: left;
color: #444444;
}
.single-plan-p .custom-control-label {
padding-top: 2px;
}
.preview-p .author-item {
display: block;
}
.preview-p .custom-control-label {
padding-top: 0 !important;
}
.password-readonly,
.password-readonly .form-control[readonly] {
background-color: #ffffff !important;
cursor: text !important;
color: #0a0a0a;
}
.no-render-title {
padding-left: 10px !important;
}
.no-bold_copyright {
padding-top: 3px !important;
font-weight: 400 !important;
font-size: 16px !important;
padding-left: 0 !important;
}
.copyr-p .custom-checkbox--big .custom-control-label {
color: #0a0a0a!important;
}
.copyr-p .file-preview-thumbnails {
overflow: visible !important;
}
.copyr-p .krajee-default.file-preview-frame .file-thumbnail-footer {
padding: 5px 0 !important;
height: fit-content !important;
}
.copyr-p .file-error-message {
position: absolute !important;
z-index: 999999 !important;
bottom: 10px !important;
}
.copyr-p .kv-file-content > object {
max-width: 130px !important;
}
.copyr-p .file-actions {
display: flex;
justify-content: center;
}
/*.copyr-p .file-footer-caption,*/
.copyr-p .file-drag-handle,
.copyr-p .kv-file-zoom,
.copyr-p .kv-file-rotate {
display: none;
}
.set-page-settings .file-drag-handle,
.set-page-settings .kv-file-zoom,
.set-page-settings .kv-file-rotate,
.pp-content-simple-sale-img .kv-file-zoom,
.pp-content-simple-sale-img .kv-file-rotate
{
display: none !important;
}
.admin-edit-plan .set-page-settings .file-drag-handle,
.admin-edit-plan .set-page-settings .kv-file-zoom,
.admin-edit-plan .set-page-settings .kv-file-rotate,
.admin-edit-plan .kv-file-zoom,
.admin-edit-plan .kv-file-rotate
{
display: inline !important;
}
.catalog-links {
margin-bottom: 17px;
}
.adm-user-upd .kv-file-content > object {
width: 200px !important;
}
.pp-editor-wrapper h1 {
font-size: 39px !important;
padding-left: 92px;
margin-left: -5px;
}
.contact-p .kv-file-rotate ,
.contact-p .kv-file-upload {
display: none;
}
.grey-btn {
color: #7e7e7e;
}
.grey-text {
color: #7e7e7e;
}
.faq__item-body img,
.pp20-faq__description img {
position: relative !important;
width: 100% !important;
height: auto !important;
}
.pp-content-simple-cost .select-plan__text {
display: none;
}
.pp-content-simple-cost .pp-cost-wrapper--left .js_options_block {
padding-left: 0 !important;
margin-bottom: 20px;
}
.cost-new {
padding-left: 92px;
margin-left: -5px;
}
.warning-sign {
width: 30px;
bottom: 10px;
}
.cost-status-div {
display: flex;
align-items: end;
}
.cost-badge-p {
font-size: 20px;
margin: 6px 0;
font-weight: 500;
}
.cost-badge-custom > span {
font-size: 20px;
font-weight: 500;
text-decoration: underline;
}
.cost-pp .pp-list-badge--green {
color: #c8de72 !important;
background-color: transparent !important;
border-color: transparent !important;
}
.cost-pp .pp-list-badge--gray {
color: #a2a2a2 !important;
background-color: transparent !important;
border-color: transparent !important;
}
.cost-pp .pp-list-badge--orange {
color: #ffa51a !important;
background-color: transparent !important;
border-color: transparent !important;
}
.cost-pp .pp-list-badge--blue {
color: #34abbd !important;
background-color: transparent !important;
border-color: transparent !important;
}
.cost-pp .pp-list-badge--red {
color: #ff0707 !important;
background: none !important;
border-color: transparent !important;
}
.hh-height {
height: 20px;
}
.no-b-p {
margin-bottom: 0 !important;
}
.m-b-smaller {
margin-bottom: 20px !important;
}
.login-register .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {
top: 10px !important;
right: 35px !important;
}
.fixed-select .select2-selection__rendered {
text-align: left;
}
.fixed-select .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow b {
top: 43% !important;
}
.fixed-select .select2-selection__arrow {
border-left: none !important;
}
.fixed-select .select2-selection--single {
height: 40px !important;
}
.fixed-select .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 18px !important;
padding-left: 15px !important;
}
.fixed-select .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 36px !important;
}
.no-render .custom-checkbox--big .custom-control-label {
color: #34abbd;
}
.one-row-stamp {
grid-template-columns: 1fr !important;
}
.inbox-counter {
display: flex;
align-items: center;
}
a:focus {
color: #0a0a0a !important;
text-decoration: none !important;
}
/*a:hover,*/
.login-register input {
height: 40px !important;
color: #003333 !important;
font-size: 17px !important;
}
.remodal-overwrite input {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 15px;
border-radius: 4px;
border: 1px solid #e0e7ea;
box-shadow: none;
color: #003333;
font-size: 18px;
}
.remodal-overwrite .select2-selection__rendered {
color: #003333 !important;
font-size: 18px !important;
}
.clear-row > .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.select2-results__option {
font-size: 14px !important;
}
.reverse-margin {
margin: 0 -10px;
}
.deep-bottom {
margin-bottom: 20px;
}
.select2-selection__rendered {
font-size: 16px !important;
}
.without-bottom-line {
border-bottom: none !important;
}
.avatar-required {
color: #8a8a8a !important;
}
@media (min-width: 992px) {
.without-top .modal-form {
padding-top: 0 !important;
}
}
.small-left-padding {
padding-left: 15px !important;
}
.auto-height-select .select2-container--krajee-bs3 .select2-results>.select2-results__options {
max-height: fit-content !important;
}
.link-stylized {
font-size: 16px;
padding-top: 2.5px;
font-weight: 200;
width: fit-content;
color: #34abbd;
text-decoration: underline;
}
.link-stylized:hover {
text-decoration: none;
}
.plan-dropdown-custom .select2-results > .select2-results__options {
max-height: fit-content !important;
}
.smaller-left-margin {
margin-left: 5px !important;
}
.work-c .select .select2 .select2-selection .select2-selection__rendered {
padding-right: 25px !important;
}
.author-c .select .select2 .select2-selection .select2-selection__rendered {
padding-right: 25px !important;
}
.skip-top-margin {
margin-top: 0 !important;
}
.small-top-margin {
margin-top: 20px !important;
}
.modal-form-fix {
padding-top: 20px !important;
padding-bottom: 10px !important;
}
.is-disabled-option {
/*color: white !important;*/
/*background-color: #d3d3d3 !important;*/
}
.filter__option {
padding: 8px;
text-align: center;
flex-wrap: wrap;
/*max-width: 70%;*/
height: auto !important;
}
.lp-author-btn {
width: 195px;
margin-top: 20px;
background-color: #ebf0f2 !important;
color: #34abbd !important;
}
.lp-author-btn:hover {
background-color: #ffffff !important;
}
.author-works-page .kv-file-rotate,
.author-works-page .kv-file-zoom
{
display: none !important;
}
.find-plan-names {
display: flex;
flex-direction: column;
align-items: start;
justify-content: start;
}
.search-author-page {
color: #0a0a0a !important;
text-transform: none !important;
display: flex;
flex-wrap: wrap;
}
.search-author-page > *{
padding-right: 3px;
}
.search-author-image {
width: 40% !important;
}
.countries-tabs {
display: flex;
}
.countries-tabs_build-cost {
display: flex;
}
.all-states-checkbox {
margin-bottom: 10px;
margin-top: 10px;
}
.country_tab_title,
.country_tab_title-add-new {
border: none;
background: none;
cursor: pointer;
text-decoration: underline;
color: #34abbd;
font-size: 16px;
font-weight: 500;
margin-right: 20px;
}
.country_tab_title:hover,
.country_tab_title-add-new:hover {
text-decoration: none;
}
.country_tab_title-add-new {
color: #34abbd;
}
.country_tab_title_cost,
.country_tab_title_cost-add-new {
border: none;
background: none;
cursor: pointer;
text-decoration: underline;
color: #34abbd;
font-size: 16px;
font-weight: 500;
margin-right: 20px;
}
.country_tab_title_cost:hover,
.country_tab_title_cost-add-new:hover {
text-decoration: none;
}
.country_tab_title_cost-add-new {
color: #34abbd;
}
.tab_active {
cursor: default;
text-decoration: none;
color: #0e0e0e;
}
.tab_active:hover {
color: #0e0e0e;
}
.licensed-modal,
.license-states-title {
font-weight: 600;
color: #34abbd;
font-size: 20px;
}
.license-states-title {
margin: 0 0 10px 35px;
}
.main-blue-color {
font-weight: 600;
color: #34abbd;
}
.main-red-color {
font-weight: 600;
color: #bd3434;
}
.unlicensed-modal {
color: #bd3434;
}
.without-underline {
text-decoration: underline;
text-decoration-color: white !important;
}
.with-underline {
text-decoration: underline !important;
}
.cost-pp .select2-container {
width: 40% !important;
}
.t-label {
display: block;
}
.c-red {
color: #ce0505;
}
.mt-c-0 {
margin-top: 0!important;
}
.full-w-block-center {
position: relative;
width: 100%;
display: flex;
justify-content: center;
}
.flex-wrap {
flex-wrap: wrap;
}
.cost-extension .select2-container {
width: 85px !important;
}
.full-width-select .select2-container {
width: 100% !important;
}
.cost-pp .select2-selection__arrow {
border-left: none !important;
}
.m-bottom-skip {
margin-bottom: 0!important;
}
.margin-middle-bottom {
margin-bottom: 30px !important;
}
.countries-tabs.margin-middle-bottom {
margin-bottom: 70px !important;
}
.preview-select {
display: flex;
justify-items: center;
align-items: center;
}
.no-wrap-text {
white-space: nowrap;
}
.preview-select .select2-container .select2-selection--single .select2-selection__rendered {
padding-right: 30px !important;
}
.preview-select .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none !important;
}
.description-counter {
top: -20px;
text-align: right;
width: 100%;
position: relative;
color: #34abbd;
font-size: 12px;
}
.single-plan-p .author-card__country-dropdown {
transform: none;
margin-top: 25px;
margin-left: 25px;
left: 0;
top:0;
}
.work-aside__header {
text-align: center;
}
.single-plan-p .author-item__country {
margin-bottom: 10px;
}
.single-plan-p .author-phone > span {
font-weight: bold !important;
font-size: 16px !important;
}
.single-plan-p .author-card__country-office {
margin-bottom: -13px;
margin-top: 15px;
}
.button-buy {
margin-top: 10px;
padding: 20px 50px;
}
.sorting__items-plan .select--align-right .select2 .select2-selection .select2-selection__rendered {
padding-left: 120px!important;
}
.sorts-list .select2-selection__clear {
color: red !important;
opacity: .5;
}
.sorting__items-plan .select2-selection__rendered:has(.select2-selection__clear) {
padding-right: 25px !important;
}
.f-i {
display: flex;
justify-content: space-between;
}
.fp-1 {
flex: 1;
}
.fp-5 {
flex: 5;
}
.fp-6 {
flex: 6;
}
.fp-4 {
flex: 4;
}
.fp-18 {
flex: 18;
}
.c-plan-crumbs {
margin-top: 15px;
}
.sorting__items-plan {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 0 !important;
}
.work-details__whats-plans {
}
.p-catalog .select2-selection__clear {
right: 0 !important;
margin-top: 1px !important;
}
@media (min-width: 1200px) {
.p-catalog .sorting__body {
display: block;
}
}
.sorts-list {
flex-wrap: wrap;
}
@media (max-width: 1200px) {
.p-catalog .sorts-list {
flex-direction: column;
}
.sorting__items-plan {
flex-direction: column;
}
.small-hidden {
display: none !important;
}
}
.form-group {
margin: 0;
}
.contacts__form .form-group.field-countrySelect {
margin-top: 20px;
}
.filter__group {
padding: 20px 20px 48px 25px;
}
.form-group.field-plan-type_ids {
display: none;
}
.help-block {
margin-top: 0;
margin-bottom: 0;
}
.mt-10px {
margin-top: 10px;
}
.pr-20px {
padding-right: 20px !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.author-office__country {
display: flex;
justify-content: center;
align-items: center;
}
.author-office__country .iti__flag {
margin-right: 9px;
}
.single-plan-p .author-item__country {
position: relative;
background-color: #E0E7EA;
color: #16494D;
padding: 4px 12px 4px 4px;
border-radius: 50px;
font-weight: 500;
font-size: 13px;
gap: 8px;
align-items: center;
}
.single-plan-p .author-item__country-title {
font-weight: 500;
font-size: 13px;
}
.light-weight {
font-weight: 300 !important;
}
.cost-pp .pp-profile__form-checker {
margin-bottom: 0;
}
.cost-pp .custom-switch .custom-control-label::before {
top: -3.5px;
}
.cost-pp .custom-switch .custom-control-label::after {
top: calc(0.15625rem - 1px);
}
.d-inline {
display: inline !important;
}
.author-c .author-item__country-flag {
margin-top: 5px;
}
.office-placeholder {
background-color: #E0E7EA;
color: #003333;
padding: 5px 10px;
border-radius: 50px;
font-weight: 400;
font-size: 13px;
cursor: pointer;
}
.office-placeholder-active {
background-color: #34ABBD;
color: #FAFAFA !important;
}
.office-placeholder .flag,
.office-placeholder img {
width: 18px;
height: 18px;
border-radius: 50%;
margin-right: 8px;
}
.flag {
background: var(--bgImg) no-repeat center / cover;
}
.set-tabs .office-placeholder-active {
cursor: default !important;
}
.set-tabs .office-placeholder {
cursor: pointer;
}
.set-tabs {
margin: 20px 0;
}
.preview-p .single-plan-p .pfn {
flex: none !important;
}
.preview-p .single-plan-p .author-item__country-title {
flex: 9;
}
.preview-p .single-plan-p .iti__flag iti__pl {
flex: 1;
}
.single-plan-p .author-item__meta {
margin-top: 17px;
margin-bottom: 0;
}
.bold-text {
font-weight: 700;
}
.not-bold {
font-weight: 400;
}
.currency-font-weight {
font-weight: 400 !important;
}
.m-w-200 {
max-width: 200px;
}
.plan-author-name {
color: #03353d !important;
text-decoration: none !important;
font-weight: 800 !important;
}
.author-license__header-text {
font-weight: 500;
}
.plan-author-name:hover {
text-decoration: none !important;
}
.a-without-underline {
text-decoration: none;
}
.width-90 {
width: 90%;
}
.margin-register-without-privacy {
margin: 10px 0 10px !important;
}
.select2-selection__placeholder,
.select__placeholder,
.select2-selection__rendered {
font-size: 16px !important;
font-weight: 400 !important;
}
.pp-listing-top .select2-selection__rendered, .pp-content .select2-selection__rendered{
font-size: 16px !important;
}
.sorting__select .select__placeholder {
top: 1px;
}
@media (max-width: 539px) {
.preview-nav-b {
display: flex;
flex-direction: column;
}
.preview-nav-b > * {
padding-top: 20px;
padding-right: 20px;
}
.preview-select {
flex-direction: column;
align-items: start;
}
.width-full-relative {
position: relative;
width: 100%;
}
}
@media (max-width: 767px) {
.no-ren {
padding-left: 0 !important;
}
}
@media (min-width: 768px) {
.modal-form__item--textarea-height {
height: fit-content;
}
}
@media (min-width: 1920px) {
.collection-item__image img {
display: block !important;
}
}
@media (min-width: 1200px) {
.single-plan-p .author-card__country-dropdown {
transform: none !important;
top: 0;
left: 0;
margin-top: 25px;
margin-left: 0;
}
}
.image-modal {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(5px);
}
.image-modal-content {
border-radius: 5px;
position: relative;
margin: 20px auto;
padding: 20px;
width: 100%;
max-width: 1200px;
background-color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
@media (max-width: 800px) {
.image-modal-content {
width: 95%;
}
}
@media (max-width: 700px) {
.image-block {
flex-direction: column;
}
.small-images {
flex-direction: row !important;
}
.large-image img {
height: 350px !important;
}
.small-images img {
position: relative;
width: 50% !important;
height: 100% !important;
object-fit: cover;
}
}
.image-modal .work__headline {
margin-bottom: 20px;
align-items: baseline;
}
.image-modal-content .crumbs__items {
padding: 0;
}
.image-modal-content .crumbs__item {
align-items: center;
display: flex;
flex-direction: row;
}
.image-modal-content .crumbs__item svg {
width: 20px;
height: 10px;
filter: invert(72%) sepia(67%) saturate(840%) hue-rotate(149deg) brightness(80%) contrast(81%);
}
.image-modal-content .crumbs__item[href] {
color: #34abbd;
transition: color 0.2s;
font-size: 15px;
font-weight: 400;
border-bottom: none;
}
.image-column {
display: flex;
flex-direction: column;
align-items: center;
}
.image-column img {
width: 100%;
height: auto;
margin-bottom: 10px;
border-radius: 5px;
}
@media (min-width: 768px) {
.image-modal-content::before,
.image-modal-content::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 15%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
}
.image-modal-content::before {
left: -15%;
}
.image-modal-content::after {
right: -15%;
}
}
.image-block {
width: 100%;
height: 550px;
display: flex;
gap: 10px;
}
.image-block img {
border-radius: 5px;
cursor: pointer;
}
.large-image {
flex: 6;
}
.large-image img {
width: 100%;
height: 550px;
object-fit: cover;
}
.small-images {
display: flex;
flex-direction: column;
gap: 10px;
flex: 2.9;
}
.small-images img {
position: relative;
height: 50%;
object-fit: cover;
}
.in-row-center .form-label {
display: flex;
align-items: center;
}
.cost-pp .file-footer-buttons {
display: flex;!important;
}
.cost-pp .btn-kv {
min-width: 50px;
margin-left: 10px !important;
}
.custom-error {
color: #ff2f2f;
margin: 10px 0;
}
.filter__group--range.filter-image {
min-height: 130px;
}
.filter-image .custom-control-label::after {
left: -24px;
}
.filter-image .custom-checkbox {
margin-top: 15px;
}
.hot-grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
width: 100%;
height: 600px;
}
.hot-grid-item {
background-color: #34abbd;
display: flex;
justify-content: center;
border-radius: 10px;
}
.hot-grid-item img {
width: 100%;
border-radius: 10px;
object-fit: cover;
}
.hot-item_big {
grid-column: span 2;
grid-row: span 2;
}
.hot-item_middle {
grid-column: span 2;
}
@media (max-width: 750px) {
.hot-grid-container {
overflow-x: scroll;
white-space: nowrap;
height: 200px;
gap: 0;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(1, 1fr);
}
.hot-grid-item,
.hot-item_big,
.hot-item_middle {
grid-column: span 1;
grid-row: span 1;
width: 250px;
height: 100%;
margin-right: 10px;
}
}
.block-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
width: 100%;
max-width: 1200px;
padding: 60px 0;
}
.block {
background-color: #ffffff;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
padding: 20px 30px;
width: 30%;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.block:hover {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.block-title {
margin: 20px;
font-size: 1.5em;
font-weight: bold;
color: #03353d;
}
.block-description {
font-size: 1.1em;
margin-bottom: 45px;
color: #03353d;
}
.block-button {
background-color: transparent;
border: 1px solid #34abbd;
color: #34abbd;
border-radius: 5px;
padding: 10px 20px;
font-size: 1em;
cursor: pointer;
text-align: center;
margin-bottom: 55px;
}
.block-button:hover {
background-color: #34abbd;
color: #ffffff;
}
.block-button-disabled {
cursor: no-drop;
border: 2px solid #bebebe !important;
color: #bebebe !important;
}
.block-button-disabled:hover {
color: #fff !important;
background-color: #bebebe !important;
}
/* Media query for mobile devices */
@media (max-width: 750px) {
.block {
margin: 0 15px 20px 15px;
width: 100%;
}
.block-container {
justify-content: center;
gap: 0;
}
}
.phone-input .control-label {
display: none !important;
}
.iti__country-list {
z-index: 999;
}
.pp-profile-remove-office {
margin-top: 10px;
}
.hint-container {
margin-left: 5px;
margin-top: 3px;
}
.update-plan-author label {
display: inline-flex;
}
.my-hint {
width: fit-content;
position: absolute;
padding: 5px;
border-radius: 5px;
background-color: #f6f6f6;
border: 2px solid #e8e8e8;
font-weight: normal;
right: 20px;
top: 30px;
margin-left: 20px;
}
.small-margin-left {
margin-left: 5px;
display: none;
@media (min-width: 1920px) {
display: block;
}
}
.small-margin-top {
margin-top: 5px;
}
.small-margin-bottom {
margin-bottom: 5px;
}
.in-view {
display: flex;
}
.work-recommendations__author-image {
flex: 1;
}
.work-recommendations__author-body {
flex: 5;
}
.crop-content {
max-width: 800px !important;
margin: 50px auto;
}
.crop-btns {
display: flex;
justify-content: center;
}
.page-author-cards {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.page-author-card {
border-radius: 5px;
background-color: #FFFFFF;
position: relative;
width: 48%;
display: flex;
flex-direction: column;
padding: 50px;
align-items: start;
text-align: left;
}
.page-author-card h3 {
margin: 0 0 30px 0;
font-size: 31px;
font-weight: 600;
}
.page-author-card p {
font-size: 20px;
font-weight: 500;
line-height: 32px;
text-align: left;
}
.page-author-card a {
text-decoration: underline;
color: #34ABBD;
}
.for-author-subtitle {
margin-top: 60px;
font-size: 31px;
font-weight: 500;
line-height: 100%;
text-align: center;
color: #16494D;
margin-bottom: 40px;
max-width: 1080px;
}
.pp20-header--dark-green .for-author-subtitle {
color: #fff;
}
.pp-operates {
.pp-operates__text {
font-size: 20px;
font-weight: 600;
text-align: center;
margin-bottom: 17px;
line-height: 28px;
}
.pp-operates__flags {
display: flex;
justify-content: center;
gap: 7px;
margin-bottom: 110px;
img {
width: 31px;
}
}
}
.pp-sales {
padding: 63px 50px 41px 50px;
background: #ffffff;
margin-bottom: 40px;
position: relative;
img.for-architector {
position: absolute;
width: 192px;
height: 126px;
top: -69px;
left: 50%;
transform: translateX(-50%);
}
img.for-builders {
position: absolute;
width: 163px;
height: 138px;
top: -75px;
left: 50%;
transform: translateX(-50%);
}
.pp-sales__head {
font-size: 39px;
font-weight: 600;
color: #16494D;
margin-bottom: 11px;
line-height: 46px;
}
.pp-sales__text{
font-size: 25px;
font-weight: 400;
color: #16494D;
margin-bottom: 41px;
line-height: 32px;
}
.pp-sales__little-text {
font-size: 16px;
font-weight: 400;
color: #16494D;
line-height: 24px;
}
}
.for-author-desc {
font-size: 25px;
font-weight: 400;
line-height: 29.54px;
text-align: center;
color: #003333;
}
.how-works {
font-size: 25px;
font-weight: 600;
text-decoration: underline;
margin-top: 29px;
width: 100%;
text-align: center;
display: block;
}
.how-works.architector {
color: #003333;
}
.how-works.builders {
color: #FAFAFA;
}
.how-works:hover {
text-decoration: none;
}
@media (max-width: 540px) {
.key-specs__headline {
flex-direction: column;
}
.key-specs__more {
margin: 15px 0;
}
.work-recommendations__authors-scroller {
height: auto;
}
}
@media (max-width: 1023px) {
.page-author-cards {
flex-direction: column;
}
.page-author-card {
width: 100%;
margin-bottom: 20px;
padding: 24px;
}
.pp-sales {
padding: 24px;
}
.for-author-subtitle {
font-size: 16px;
}
}
.mt-с-2 {
margin-top: 5px !important;
}
.mt-c-5 {
margin-top: 35px !important;
}
.mr-c-6 {
margin-right: 50px !important;
}
.mt-c-3 {
margin-top: 18px !important;
}
.mb-c-5 {
margin-bottom: 35px !important;
}
.c-hr {
width: 100%;
margin-left: 15px;
margin-bottom: 0;
border: 1px solid #d5d5d5;
}
.p-relative {
position: relative !important;
}
.c-black {
color: #03353d !important;
}
.cursor-pointer {
cursor: pointer;
}
.d-block {
display: block !important;
}
.fw-600 {
font-weight: 600;
}
.author-license__states-link {
text-wrap: nowrap;
}
.a-link {
text-decoration: none;
}
.a-link:hover {
text-decoration: underline;
}
.country-flag-plan-item {
margin-right: 5px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #34abbd;
border-color: #34abbd;
}
.pagination > li > a,
.pagination > li > span {
color: #232323;
}
.btn--show-more {
width: 100%;
}
@media (min-width: 768px) {
.collection-list--main .collection-list__titles-items {
flex-wrap: wrap;
}
.app-header__account {
margin: 0 40px 0 0;
}
}
.pb-0 {
padding-bottom: 0!important;
}
.pb-2 {
padding-bottom: 30px!important;
}
.mr-2 {
margin-right: 25px;
}
.tdc {
text-decoration: none !important;
}
.≈ {
align-items: center !important;
}
.d-none {
display: none !important;
}
.bg-none {
background: none !important;
}
.tariff-navbar-item {
font-size: 16px;
color: #34ABBD;
text-decoration: underline;
font-weight: 600;
}
.tariff-navbar-item:hover {
text-decoration: none;
}
.account-dropdown__pro-badge {
padding: 1px 6px 0;
margin-top: 0;
}
.blue-accent {
background-color: #34ABBD;
color: white;
}
#price-container {
max-width: 1244px;
margin: 0 auto;
}
.tarif-item__list-title {
text-align: left;
}
.tarif-item {
height: 100%;
}
.tarif-item.current {
border: 2px solid #34abbd;
.tarif-item__header {
/*translate: -1px -2px;*/
width: 100%;
max-width: 296px;
color: #fafafa;
border-bottom: none;
background: #34ABBD;
}
.tarif-item__price {
translate: 0 -1px;
border-bottom: 2px solid #34abbd;
}
}
.svg-icon-tariff-close {
width: 20px;
height: 15px;
padding-left: 5px;
}
.measurement-btn {
width: 90px;
flex: none;
background-color: white;
border-left: 1px solid #e0e7ea;
border-right: 1px solid #e0e7ea;
border-bottom: 1px solid #e0e7ea;
}
.bl-none {
border-left: none !important;
}
.measurement-checker {
position: absolute;
margin-top: 65px;
margin-left: calc(50% - 45px);
}
.basic-p .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {
right: 5px !important;
color: #ff0000 !important;
font-size: 20px;
}
.basic-p .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {
display: none;
}
.basic-p .select2-container .select2-selection--single .select2-selection__clear {
position: absolute !important;
}
.basic-p .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
right: 10px !important;
}
.main-lp-banner {
background-color: #16494D;
}
.fs-18 {
font-size: 18px !important;
}
.fs-16 {
font-size: 16px !important;
}
.headline-hover {
color: #003333;
}
.headline-hover:hover {
text-decoration: underline !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.header-new-nav_var1 .app-header__account-dropdown {
min-width: 215px !important;
}
.header-new-nav_var1 .account-dropdown__group {
padding: 0;
}
.pages-dropdown {
color: #16494D;
font-size: 16px;
text-decoration: underline;
border-bottom: 1px dashed #E0E7EA;
padding: 16px 20px !important;
font-weight: 600;
}
.pages-dropdown:last-child {
border-bottom: none;
}
.pages-dropdown:hover {
text-decoration: none !important;
color: #16494D !important;
}
.tariff-url {
font-weight: 600;
color: #D93C23;
text-decoration: underline;
font-size: 14px;
}
.tariff-url:hover {
text-decoration: none !important;
}
.easy-blur {
backdrop-filter: blur(5px);
}
.plus-circle-add {
width: 10px;
height: 10px;
background-color: #34ABBD;
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 0 5px;
border-radius: 50%;
}
.domain-popup,
.domain-popup_build-cost {
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.53);
width: 100vw;
height: 100vh;
z-index: 99999999;
}
.domain-container {
position: absolute;
left: 30%;
top: 12%;
background-color: #fff;
width: 350px;
border-radius: 15px;
border: 1px solid #E3E3E3FF;
padding-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-height: calc(100vh - 24%);
overflow: auto;
.domains {
/*max-height: calc(100% - 35px);*/
overflow: auto;
}
.buttons {
border-top: 1px solid #e3e3e3;
}
}
.domain-popup .buttons {
margin-top: 20px;
margin-bottom: 10px;
}
.domain-popup > .domains {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
}
.domain-popup_build-cost .buttons {
margin-top: 20px;
margin-bottom: 10px;
}
.domain-popup_build-cost > .domains {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
}
.domain input {
display: none;
}
.domains > .domain {
border-bottom: 1px solid #e3e3e3;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 25px 15px 25px;
width: 100%;
position: relative;
}
.domains > .domain:hover {
background-color: #FAFAFA;
}
.domains > .domain:hover:first-child {
background-color: #FAFAFA;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.domains input {
/*opacity: 0;*/
}
.domain.active {
font-weight: 600;
color: #D93C23;
}
.domain p {
margin: 0 !important;
}
.m-checkbox {
display: block;
width: 100%;
height: auto;
position: relative;
p {
}
&:after {
content: "";
width: 15px;
height: 15px;
display: block;
position: absolute;
right: 0;
top: calc(50% - 7px);
background-color: #fff;
border: 1px solid #D93C23;
border-radius: 50%;
}
}
.m-checkbox.success {
&:after {
content: "";
border: 1px solid #C8DE72;
background: #C8DE72 url(/img/success-check.png) no-repeat center center;
background-size: cover;
}
}
.setting-page-title {
font-size: 25px;
}
.pp-simple-text {
font-size: 16px;
}
.checkbox-label-default {
font-size: 20px !important;
font-weight: 700 !important;
color: #003333 !important;
}
#documentation-inputs.disabled {
filter: grayscale(1) blur(2px);
pointer-events: none;
}
.tab_error {
color: rgb(245, 0, 0)!important;
}
.error-input-custom {
border-bottom: 3px solid rgba(245, 0, 0, 0.72);
}
.big-label {
font-size: 20px !important;
font-weight: 700 !important;
color: #003333 !important;
}
.middle-label {
font-size: 16px !important;
font-weight: 500 !important;
color: #003333 !important;
}
.small-label {
font-size: 16px !important;
font-weight: 400 !important;
color: #bdc6ca; !important;
}
.super-small-label {
font-size: 14px !important;
font-weight: 600 !important;
color: #003333 !important;
}
.form-group.field-usercosttobuild-month {
max-width: 185px;
}
.w-100 {
width: 100% !important;
}
.w-300 {
width: 300px;
}
.w-850 {
width: 850px;
}
.flex-direction-column {
flex-direction: column !important;
}
.radio-cc .custom-switch .custom-control-label::before {
background-color: #adb5bd !important;
}
.radio-cc .custom-control-input:checked~.custom-control-label::before {
background-color: #c8de72 !important;
}
.modal-gray-text {
font-size: 16px;
font-weight: 600;
color: #BDC6CA;
}
.modal-big-price {
font-size: 39px;
color: #003333;
font-weight: 800;
}
.cost-board {
color: #003333;
font-size: 13px;
font-weight: 400;
background-color: #BDC6CA;
padding: 2px 20px;
border-radius: 20px;
margin: 10px 0;
width: fit-content;
}
.green-board {
background-color: #C8DE72;
}
.font-weight-500 {
font-weight: 500 !important;
}
.text-center {
text-align: center !important;
}
.justify-content-center {
justify-content: center !important;
}
.align-items-center {
align-items: center !important;
}
.cost-build-btn {
text-transform: none !important;
background-color: #D93C23;
color: #ffffff;
font-size: 16px;
font-weight: 700;
padding: 15px !important;
}
.cost-build-btn:hover {
background-color: #BF3C28;
font-size: 16px;
font-weight: 700;
}
.build-cost-input {
text-align: center;
}
.build-cost-style {
display: block;
width: 180px;
}
.build-cost-page .input-group {
width: 180px ;
}
.build-cost-page .custom-checkbox--big-cad1 {
padding-left: 92px;
margin-left: -5px;
}
.build-cost-page .pp-cost-wrapper--left .custom-checkbox--big-cad1 {
padding-left: 0;
margin-left: 0;
}
.input-separator {
margin: 6px 20px 0 20px !important;
}
#plan_form > p {
padding-left: 92px;
margin-left: -5px;
}
.mt-c-20px {
margin-top: 20px !important;
}
.regular-p {
font-size: 16px;
font-weight: 400;
color: #003333;
}
.subregular-p {
font-size: 13px;
font-weight: 400;
color: #003333;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fs-25 {
font-size: 25px !important;
}
.fs-20 {
font-size: 20px !important;
}
.pp-cost-radio-checkbox .custom-control-input:checked~.pp-helper-text {
color: #03353d;
}
.pp-cost-radio-checkbox {
padding-left: 25px;
}
.pp-helper-text {}
.pp-cost-radio-checkbox .pp-helper-text {
display: block;
font-size: 16px;
}
.pp-cost-radio-checkbox .custom-checkbox--cost {
margin-left: 25px;
pointer-events: none !important;
margin-top: 10px;
}
.pp-cost-radio-checkbox .subcheckbox {
margin-left: 25px;
margin-top: 10px;
}
.pp-cost-radio-checkbox .custom-radio .custom-control-label {
font-weight: 600;
font-size: 20px;
line-height: 1.3;
}
.pp-cost-radio-checkbox .custom-radio--checked .custom-control-label {
color: #03353d;
}
.pp-cost-radio-checkbox .custom-radio--checked .custom-checkbox--cost {
margin-left: 25px;
pointer-events: auto !important;
}
.pp-cost-radio-checkbox .custom-control-label,
.pp-cost-radio-checkbox .pp-helper-text {
color: #bdc6ca;
padding-left: 24px;
display: inline-block;
}
.pp-cost-radio-checkbox .custom-control-input:checked~.custom-control-label,
.pp-cost-radio-checkbox .custom-control-input:checked~.pp-helper-text {
color: #03353d;
}
.pp-cost-radio-checkbox .input-group>.form-control {
pointer-events: none;
}
.pp-cost-radio-checkbox .custom-radio--checked .pp-cost-input {
display: flex;
}
.pp-cost-radio-checkbox .custom-radio--checked .input-group>.form-control {
pointer-events: auto;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.pp-cost-radio-checkbox--no-checked .custom-radio,
.pp-cost-radio-checkbox--no-checked .custom-radio input {
pointer-events: none !important;
}
.custom-checkbox--cost label {
font-weight: 300;
}
.subcheckbox label {
font-weight: 300;
}
.strict-corners-author {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.sub-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.builder-status-container {
padding: 1px 5px;
border-radius: 5px;
color: #fff;
/*text-wrap: nowrap;*/
font-size: 12px;
max-height: 33px;
width: 40%;
line-height: 16px;
}
.status0 {
background-color: #021D7D;
}
.status1 {
background-color: #18a162;
}
.status2 {
background-color: #0593a8;
}
.status3 {
background-color: #036e7e;
}
.status4 {
background-color: #4cb47f;
}
.align-items-baseline {
align-items: baseline !important;
}
.color-light-green {
color: #18a162;
}
.underplan-offer-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.underplan-offer-container img {
width: 17px;
height: 13px;
}
.underplan-offer-container .main-block {
align-items: center;
}
.wrap-data {
width: 40%;
display: flex;
align-items: center;
}
.underplan-offer-container .main-block span,
.underplan-offer-container .main-block a {
font-size: 14px;
color: #03353d;
font-weight: 400;
}
.collection-item__visited-count {
font-size: 14px;
}
.underplan-offer-container .main-block .active {
font-size: 16px;
color: #34ABBD;
font-weight: 500;
}
.my-area {
margin-top: 15px;
width: 100%;
padding: 15px;
}
.offer-form {
padding-bottom: 30px !important;
padding-top: 15px !important;
}
.lang-dropdown__item-subtitle {
color: #34ABBD;
font-weight: 400;
}
.lang-dropdown__item {
padding: 15px 15px 12px;
border-bottom: 1px solid rgba(183, 183, 183, 0.34);
}
.lang-dropdown__item:last-child {
border-bottom: none;
}
.how-works-item-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
}
.how-works-item-container > div{
display: flex;
align-items: center;
justify-content: flex-start;
}
.how-works-item-header {
font-size: 16px;
font-weight: 700;
color: #16494D;
text-decoration: none;
line-height: 19px;
margin-bottom: 8px;
}
.how-works-item-link{
color: #34ABBD;
padding-right: 0;
font-size: 13px;
font-weight: 500;
text-decoration: none;
line-height: 16px;
width: 60px;
display: inline-block;
}
.how-works-item-link.tutorial-url{
width: calc(100% - 60px);
}
.how-works-item-header:hover {
text-decoration: underline;
color: #16494D;
}
.how-works-item-link:hover {
text-decoration: underline;
}
.text-left {
text-align: left!important;
}
.text-underline-none {
text-decoration: none !important;
}
@media (max-width: 1199px) {
.author-catalog-link {
text-decoration: none!important;
}
}
.text-not-bold-location {
font-weight: 300 !important;
}
.disable-area {
filter: grayscale(1);
pointer-events: none;
}
.artists-tabs {
margin-top: 20px;
display: flex;
width: 100%;
justify-content: space-around;
align-items: center;
}
.artists-tab {
font-size: 22px;
font-weight: 600;
color: #03353d;
text-decoration: underline;
cursor: pointer;
}
.artists-tab:hover {
text-decoration: none;
}
.artists-tab.active {
cursor: default;
color: #34ABBD;
text-decoration: none;
}
.placeholder-for-recomment {
padding: 1px 8px;
font-size: 12px;
}
.build-cost-page .author-item,
.build-cost-page .author-item__body,
.build-cost-page .work-aside__body{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.work-details__print {
align-items: center;
}
.p-absolute {
position: absolute !important;
}
.right-input-label {
margin: 1px;
margin-right: 2px;
padding: 0.375rem 0.75rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
color: #BDC6CA;
font-weight: 600;
font-size: 16px;
background-color: #FAFAFA;
}
.left-input-label {
margin: 1px;
padding: 0.375rem 0.75rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
color: #BDC6CA;
font-weight: 600;
font-size: 16px;
background-color: #FAFAFA;
}
.pl-45px {
padding-left: 45px !important;
}
.pr-45px {
padding-right: 45px !important;
}
.r-0 {
right: 0 !important;
}
.works-action-bar {
display: flex;
align-items: center;
margin-left: 1px;
}
.work-text-option {
margin-bottom: 5px;
}
.work-p input[type="checkbox"] {
accent-color: #c8de72;
}
.app__wrapper--auth .select2-selection__rendered {
font-size: 16px !important;
}
.auth-page-vertical {
display: flex;
flex-direction: column;
justify-content: center;
}
.p-lr-20px {
padding-right: 20px!important;
padding-left: 20px!important;
}
.ml-30px {
margin-left: 30px!important;
}
.ml-44px {
margin-left: 44px !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
}
@media (max-width: 1199px) {
.author-catalog-link {
text-decoration: none!important;
}
.ml-44px {
margin-left: 0!important;
}
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-50px {
margin-bottom: 50px !important;
}
.mb-100px {
margin-bottom: 100px !important;
}
.map-container #map {
width: 100% !important;
border-radius: 10px;
}
.full-height {
height: 100% !important;
}
.tiny-flag {
width: 18px;
height: 18px;
border-radius: 50%;
}
.work-details__aside .author-item__body .iti__flag.iti__ua {
width: 18px;
height: 18px;
border-radius: 50%;
}
.catalog-item__country-title, .domain-popup_build-cost_build-cost {
margin-top: 30px;
.tiny-flag {
margin-right: 8px;
}
}
.catalog-item__country .catalog-item__country-title {
margin-top: 0;
}
.countries-tabs .tiny-flag {
width: 22px;
height: auto;
margin-right: 5px;
border-radius: 0;
}
.templages-page .select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none !important;
}
.templages-page .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 16px !important;
}
.p-0 {
padding: 0 !important;
}
.mt-10px {
margin-top: 10px;
}
.pl-10px {
padding-left: 10px !important;
}
.pr-10px {
padding-right: 10px !important;
}
.author-header-license {
font-size: 13px;
}
.author-license__header-icon-author-header {
width: 9px;
top: -1px;
height: 16px;
margin-right: 5px;
}
.author-header-license-label-container {
margin-bottom: 0;
margin-top: -20px;
margin-left: 25px;
}
.mp-8px {
margin-top: 8px !important;
}
.rating-author-block {
padding: 20px;
}
.reviews-container {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.reviews-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.reviews-header h2 {
margin: 0;
font-size: 25px;
color: #003333;
font-weight: 700;
}
.reviews-header a {
text-decoration: none;
font-size: 13px;
font-weight: 500;
color: #34ABBD;
}
.review-bar {
font-weight: 500;
display: flex;
align-items: center;
margin-bottom: 10px;
justify-content: flex-start;
}
.star-icon {
color: #ffc107;
background: url("../img/stars/star14.svg");
width: 14px;
height: 14px;
display: inline-block;
}
.reviews-container .star-icon{
background: none;
width: 20px;
height: auto;
}
.nostar-icon {
color: #E0E7EA;
}
.review-bar .star {
color: #20a1a3;
font-size: 16px;
margin-right: 5px;
width: 28px;
display: flex;
align-items: center;
justify-content: space-between;
}
.review-bar .bar-container {
background-color: #e9ecef;
border-radius: 5px;
width: calc(100% - 80px);
max-width: calc(100% - 92px);
height: 10px;
margin-right: 14px;
overflow: hidden;
position: relative;
}
.review-bar .bar-fill {
background-color: #ffc107;
height: 100%;
border-radius: 5px;
}
.review-bar .count {
font-size: 14px;
color: #20a1a3;
}
.review-modal-stars {
display: flex;
justify-content: center;
gap: 5px;
margin-bottom: 20px;
}
.review-modal-stars span {
font-size: 24px;
cursor: pointer;
color: #ffc107;
}
.review-modal-stars span.inactive {
color: #e9ecef;
}
.review-modal-textarea {
width: 100%;
height: 200px;
resize: none;
padding: 10px;
border: 1px solid #e9ecef;
border-radius: 5px;
font-size: 20px;
margin-bottom: 15px;
}
.review-modal-checkbox-container {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: #6c757d;
margin-bottom: 10px;
}
.review-modal-checkbox-container label {
margin-bottom: -2px;
font-size: 16px;
color: #16494D;
font-weight: 400;
}
.review-modal-input-field {
width: 100%;
padding: 8px;
border: 1px solid #e9ecef;
border-radius: 5px;
margin-bottom: 20px;
font-size: 14px;
}
.review-modal-button-container {
display: flex;
justify-content: center;
gap: 20px
}
.review-modal-button-container button {
width: 25%;
}
.review-modal-button {
width: 48%;
padding: 10px;
font-size: 16px;
border-radius: 5px;
font-weight: 500;
border: none;
cursor: pointer;
transition: background-color 0.2s;
}
.review-modal-button.cancel {
background-color: #e9ecef;
color: #6c757d;
}
.review-modal-button.cancel:hover {
background-color: #d6d8db;
}
.review-modal-button.post {
background-color: #20a1a3;
color: white;
}
.review-modal-button.post:hover {
background-color: #178d8f;
}
.review-modal-checkbox {
width: fit-content !important;
height: 25px;
accent-color: #c8de72;
}
.modal-p {
font-size: 20px;
}
.full-pp-btn-success {
width: 100%;
padding: 5px 0;
font-size: 25px;
}
.pp-btn-transparent {
background-color: #fff;
color: #34ABBD;
font-size: 16px;
font-weight: 700;
padding: 11px 0;
border: none;
}
.pp-btn-transparent:hover {
background-color: #F3F3F3;
color: #34ABBD;
}
.resend-block {
margin-bottom: 30px;
}
.enter_code-input-group {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.enter_code-input-group input {
width: 48px;
height: 48px;
text-align: center;
font-size: 1.25rem;
border: 1px solid #ccc;
border-radius: 6px;
outline: none;
transition: all 0.3s ease;
}
.enter_code-input-group input:focus {
border-color: #20a1a3;
box-shadow: 0 0 5px #178d8f;
}
.enter_code-container {
padding: 0 10px;
}
.mb-15px {
margin-bottom: 15px !important;
}
.auth-downtext {
padding: 0 20px;
margin-top: 30px;
}
.h-margin {
margin-top: 20px;
margin-bottom: 20px;
}
.pp-btn-success:disabled {
background-color: grey;
color: white;
border: none;
}
.pp-register-content {
right: 0;
left: 0;
}
@media (max-width: 1600px) {
.pp-register-content {
left: 0;
}
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
border-left: none;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow b {
border: none !important;
height: 8px !important;
position: absolute !important;
/*top: 18px !important;*/
/*top: calc(50% - 2px) !important;*/
right: -2px;
margin-left: -15px !important;
width: 10px !important;
background: url(../img/custom-select.png) no-repeat center center !important;
background-size: cover !important;
}
.select2-container--krajee-bs3.select2-container--open .select2-selection--single .select2-selection__arrow b {
border: none !important;
height: 5px !important;
position: absolute !important;
top: 18px !important;
right: -2px;
margin-left: -15px !important;
width: 10px !important;
background: url(../img/custom-select.png) no-repeat center center !important;
transform: rotate(180deg);
background-size: cover !important;
}
.inbox-p .krajee-default.file-preview-frame {
box-shadow: none !important;
width: 150px !important;
border-radius: 10px !important;
}
.inbox-p .rotatable:not(.hide-rotate) .btn-kv-rotate, .rotatable:not(.hide-rotate) .kv-file-rotate,
.inbox-p .kv-file-rotate,
.inbox-p .kv-upload-progress,
.inbox-p .file-drag-handle,
.inbox-p .file-upload-indicator,
.inbox-p .kv-file-zoom {
display: none !important;
}
.inbox-p .file-caption-info {
width: 100% !important;
}
.inbox-p .file-preview {
border: none !important;
border-radius: 0!important;
padding: 10px 0 !important;
}
.inbox-p .fileinput-remove {
display: none;
}
.inbox-p .file-footer-caption {
margin-bottom: 0 !important;
}
.inbox-p .krajee-default.file-preview-frame .kv-file-content {
width: 100% !important;
}
.inbox-p .krajee-default.file-preview-frame .file-thumbnail-footer {
height: auto !important;
}
.inbox-p .kv-file-remove {
background-color: red !important;
color: white !important;
border-radius: 50% !important;
height: 30px !important;
min-width: 30px !important;
width: 30px !important;
position: absolute !important;
top: -155px !important;
right: 10px !important;
}
.inbox-p .kv-file-remove > .glyphicon-trash {
left: -5px !important;
}
.inbox-p .file-preview {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.inbox-p .file-preview-thumbnails {
overflow: unset!important;
max-height: none !important;
}
.inbox-p .kv-file-download .glyphicon-download {
left: -5px !important;
}
.inbox-p .kv-file-download {
background-color: #34abbd !important;
color: white !important;
border-radius: 50% !important;
height: 30px !important;
min-width: 30px !important;
width: 30px !important;
position: absolute !important;
top: -120px !important;
right: 10px !important;
}
.inbox-p .file-input .btn-file:hover {
background-color: #ececec;
}
.inbox-p .file-input .btn-file:hover:before {
border-radius: 10px;
content:'Max 10Mb';
position: absolute;
top: -50px;
padding: 14px;
background-color: #16494D;
color: #fff;
font-size: 16px;
text-align: center;
font-weight: 400;
z-index: 100;
}
.inbox-p .file-input .btn-file {
overflow: visible;
min-width: unset;
border: none;
position: absolute;
bottom: 0;
left: 20px;
background: #F3F3F3;
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
padding: 6px;
justify-content: center;
i{
width: 24px;
height: 24px;
}
}
.inbox-p .glyphicon-folder-open:before {
font-size: 20px !important;
color: #BDC6CA !important;
}
.inbox-p .glyphicon-folder-open:before {
content: "\e142" !important;
}
.inbox-p .hidden-xs {
display: none !important;
}
.attachment-container {
width: 100%;
position: relative;
display: flex;
padding: 10px 0;
flex-wrap: wrap;
}
.attachment-image {
width: 418px !important;
height: 279px !important;
object-fit: cover!important;
border-radius: 10px !important;
}
.attachment_download {
display: flex;
flex-direction: column;
margin: 10px 5px;
}
.download-btn {
color: #16494D;
font-size: 14px;
text-decoration: underline;
font-weight: 500;
}
.file-size {
padding-left: 5px;
font-size: 13px;
color: #BDC6CA;
font-weight: 400;
}
.download-container {
display: flex;
align-items: center;
}
.download-container img {
width: 15px;
margin-right: 10px;
}
.outlined-download {
border: 1px solid #E0E7EA;
border-radius: 10px;
padding: 20px;
}
.send_input_container .message-input{
width: 100%;
min-height: 38px;
border: 1px solid #e0e7ea;
padding: 8px 20px;
}
.chat-main-box .chat-right-aside {
/*height: 800px;*/
display: flex;
flex-direction: column;
}
.message-container .conversation-pjax {
flex: 1;
}
.send_control {
/*margin: 10px;*/
display: flex;
flex-direction: column;
}
.send_input_container {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
margin:0 20px;
align-items: flex-end;
}
.white-chat-screen {
opacity: 0;
}
.terms-page label {
font-weight: 400 !important;
}
.terms-label {
font-weight: 600 !important;
margin-bottom: 20px;
margin-top: 30px;
}
.terms-input {
width: 70px;
font-size: 16px;
text-align: center;
font-weight: 700;
color: #16494D;
}
.terms-hint {
font-size: 13px;
color: #16494D;
font-weight: 400;
margin-bottom: 5px !important;
}
.terms-hint-container {
margin-top: 10px;
margin-left: 62px;
}
.terms-generator {
margin-top: 20px;
padding: 20px;
font-size: 16px;
color: #6D8283;
font-weight: 400;
background-color: #ffffff;
border: 1px solid #E0E7EA;
border-radius: 3px;
}
.checkout-container {
max-width: 550px;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: 20px auto;
}
.checkout-container > img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 10px;
}
.checkout-container h5 {
margin-top: 30px;
margin-bottom: 25px;
}
.checkout-container .form-check {
margin-bottom: 15px;
justify-content: space-between;
}
.privacy-policy-center {
display: none !important;
position: relative;
width: 100%;
margin-top: 20px;
justify-content: center;
}
.order-container {
display: flex;
flex-direction: column;
}
.checkout-container .form-group {
width: 100%;
}
.checkout-container .checkout-container-row {
gap: 20px;
display: flex;
}
.checkout-container-row.half {
width: 50%;
}
.checkout-container .field-orderfull-state {
flex: 4;
}
.checkout-container .field-orderfull-zip {
flex: 2;
}
.plan-info {
font-size: 16px;
}
.mt-20px {
margin-top: 20px !important;
}
.mt-5px {
margin-top: 5px !important;
}
.mb-20px {
margin-bottom: 20px !important;
}
.checkout-container input[type="text"] {
height: 40px;
font-size: 16px;
padding-left: 10px;
width: 100%;
margin-bottom: 5px;
}
.checkout-container .form-group {
margin-bottom: 20px;
}
.checkout-container .required .has-star:not(.custom-control-label):not(.custom-file-label)::after, .is-required::after {
position: absolute !important;
font-size: 12px !important;
margin-top: -2px !important;
color: #34ABBD !important;
}
.ml-25px {
margin-left: 25px !important;
}
.checkout-container input[type="radio"] {
accent-color: #31a1b2 !important;
}
.checkout-container {
color: #16494D !important;
}
.checkout-container .terms-generator {
margin: 0;
padding: 0;
border: none;
font-size: 14px;
color: #16494D;
font-weight: 400;
}
.checkout-container .btn--primary {
font-size: 20px;
height: 45px !important;
}
.checkout-container label {
font-size: 14px !important;
font-weight: 400 !important;
}
.order-modal {
background-color: #fff;
width: 100%;
height: 100%;
overflow: auto;
}
.order-modal-app {
background-color: #f3f3f3;
}
.order-modal-content {
border-radius: 5px;
position: relative;
margin: 20px auto;
padding: 20px;
width: 100%;
max-width: 1200px;
background-color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
@media (max-width: 800px) {
.order-modal-content {
width: 95%;
}
}
@media (max-width: 1200px) {
.order-header-logo {
position: absolute !important;
margin-top: -4px !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
}
@media (max-width: 575px) {
.privacy-policy-center {
display: flex !important;
}
.return-order > span {
display: none;
}
.app-header__aside.order-right {
display: none !important;
}
.checkout-container-row {
flex-direction: column;
gap: 0 !important;
}
.checkout-container input[type="text"] {
margin-bottom: 5px !important;
}
}
.order-modal .work__headline {
margin-bottom: 20px;
align-items: baseline;
}
.order-modal-content .crumbs__items {
padding: 0;
}
.order-modal-content .crumbs__item {
align-items: center;
display: flex;
flex-direction: row;
}
.order-modal-content .crumbs__item svg {
width: 20px;
height: 10px;
filter: invert(72%) sepia(67%) saturate(840%) hue-rotate(149deg) brightness(80%) contrast(81%);
}
.order-modal-content .crumbs__item[href] {
color: #34abbd;
transition: color 0.2s;
font-size: 15px;
font-weight: 400;
border-bottom: none;
}
@media (min-width: 768px) {
.order-modal-content::before,
.order-modal-content::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 15%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
}
.order-modal-content::before {
left: -15%;
}
.order-modal-content::after {
right: -15%;
}
}
.order-right a,
.order-right a:focus,
.return-order {
font-size: 16px;
font-weight: 600;
color: #34abbd !important;
text-decoration: none;
}
.order-right a {
cursor: default;
}
.return-order svg {
margin-top: 2px;
width: 20px;
height: 15px;
filter: invert(72%) sepia(67%) saturate(840%) hue-rotate(149deg) brightness(80%) contrast(81%);
}
.return-order:hover {
text-decoration: underline;
}
.order-right {
display: flex;
}
.order-right img {
margin-right: 10px;
width: 15px;
height: 15px;
}
.comment-field-btn {
width: fit-content;
color: #34ABBD;
font-size: 14px;
text-decoration: underline;
font-weight: 500;
cursor: pointer;
}
.checkbox-checker {
margin-top: 20px;
margin-bottom: 30px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start !important;
}
.checkbox-checker label {
font-size: 14px !important;
font-weight: 600 !important;
color: #03353d;
height: 13px;
}
.comment-field-btn:hover {
text-decoration: none;
}
.field-orderfull-city {
margin-top: 15px !important;
}
.order-total-price {
font-size: 20px;
text-align: center;
margin-bottom: 20px;
font-weight: 800;
}
#accept_terms {
margin-top: 0!important;
margin-right: 10px;
height: 20px;
width: 20px;
accent-color: #4fa0ad !important;
}
.billing_part img {
width: 15px;
margin-right: 5px;
}
.billing_part_item {
display: block;
margin-bottom: 12px !important;
}
.billing_part_item.active {
color: #34ABBD !important;
}
.mb-30px {
margin-bottom: 30px !important;
}
.billing-page-content h1 {
margin-top: 0;
font-size: 20px;
font-weight: 700;
@media (max-width: 1024px) and (min-width: 991px) {
margin: 0;
padding: 0;
}
}
.billing-page-content .wrap-header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}
.notific{
margin-bottom: 30px;
span{
color: #D93C23;
}
a{
color: #34ABBD;
text-decoration: underline;
}
}
.list-view{
display: flex;
align-items: center;
p{
font-size: 16px;
font-weight: 700;
color: #16494D;
margin: 0 0 0 12px;
}
}
.buttons-block{
display: flex;
margin-bottom: 40px;
.export{
color: #34ABBD;
border: 2px solid #34ABBD;
background: #fff;
font-size: 16px;
font-weight: 600;
padding: 9px 17px;
border-radius: 5px;
height: 40px;
&:hover{
color: #fff;
border: 2px solid #34ABBD;
background: #34ABBD;
}
}
}
.billing-page-content .wrap-header{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}
.notific{
margin-bottom: 20px;
span{
color: #D93C23;
}
a{
color: #34ABBD;
text-decoration: underline;
}
}
.list-view{
display: flex;
align-items: center;
p{
font-size: 16px;
font-weight: 700;
color: #16494D;
margin: 0 0 0 12px;
}
}
.buttons-block{
display: flex;
margin-bottom: 40px;
.export{
color: #34ABBD;
border: 2px solid #34ABBD;
background: #fff;
font-size: 16px;
font-weight: 600;
padding: 9px 17px;
border-radius: 5px;
height: 30px;
&:hover{
color: #fff;
border: 2px solid #34ABBD;
background: #34ABBD;
}
}
}
.payment-content-links {
display: flex;
justify-content: flex-start;
margin-bottom: 30px;
border-bottom: 1px solid #e7e7e7;
}
.inner-navigation {
position: relative;
}
.inner-navigation::after {
position: absolute;
top: -1px;
left: 0;
z-index: -1;
content: "";
height: 100%;
width: 100%;
border-bottom: 1px solid #e7e7e7;
}
.inner-navigation__list {
display: flex;
justify-content: flex-start;
margin: 0;
padding: 0;
padding-left: 0px;
@media(max-width: 767px) {
padding-left: 0;
}
}
.inner-navigation__item {
list-style: none;
}
.inner-navigation__link {
display: flex;
}
.inner-navigation__link,
.payment-content-links a {
margin-right: 20px;
font-size: 16px;
font-weight: 500;
color: #003333 !important;
padding-bottom: 15px;
text-decoration: none;
}
.inner-navigation__link.active,
.payment-content-links a.active {
color: #34abbd !important;
text-decoration: none;
pointer-events: none;
border-bottom: 2px solid #34abbd;
}
.billing-btn {
font-size: 16px;
font-weight: 600;
line-height: 32px;
text-align: center;
border: 2px solid #34abbd;
}
.payment-card {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: stretch;
margin-bottom: 70px;
}
.payment-card_item {
flex: 1;
min-width: 250px;
border-radius: 5px;
text-align: center;
height: 100%;
}
.payment-card_item > div {
background: #F3F3F3;
margin-bottom: 10px;
}
.payment-card_item h2 {
font-weight: 500;
font-size: 16px;
color: #003333;
margin-bottom: 10px;
text-align: center;
width: 100%;
padding: 0 30px;
}
.payout-right{
}
.payment-card_item p {
font-weight: 800;
font-size: 39px;
color: #003333;
}
.billing-board-price{
line-height: 47px;
}
.payment-card_item p.billing-board-price-red{
color: #D93C23;
}
.payment-card_item p.payout-method{
font-weight: 500;
font-size: 16px;
color: #34ABBD;
margin-bottom: 6px;
}
.payout-method-wrap{
display: flex;
justify-content: center;
font-size: 13px;
font-weight: 500;
color: #003333;
img{
margin-right: 5px;
width: 36px;
}
}
.withdraw-billing-button {
display: inline-block;
padding: 10px 20px;
margin-top: 10px;
background: #34ABBD;
color: white;
border: none;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
font-weight: 500;
text-align: center;
}
.withdraw-billing-button::after {
content: "→";
}
.withdraw-billing-button:hover {
background: #1e9eaf;
color: white;
}
.billing-container .table-bordered {
border: none !important;
}
.billing-container .table-striped > tbody > tr:nth-of-type(odd) {
background-color: transparent!important;
}
.billing-container .summary {
display: none !important;
}
.billing-container .table-striped > tbody > tr:hover {
background-color: transparent!important;
}
.billing-container .table-bordered > tbody > tr > td,
.billing-container .table > thead:first-child > tr:first-child > th {
vertical-align: middle;
background-color: #fff !important;
border: none !important;
border-bottom: 1px solid #dee2e6 !important;
padding: 15px 5px;
font-size: 16px !important;
font-weight: 300 !important;
}
.billing-container .table-bordered > tbody > tr > td {
color: #16494D;
}
.billing-container .table > thead:first-child > tr:first-child > th {
color: #16494D;
}
.billing-container .table > thead:first-child > tr:first-child > th {
vertical-align: middle;
font-weight: 700 !important;
border-bottom: 2px solid #E0E7EA !important;
}
.billing-container .table > thead:first-child > tr:first-child > th a {
vertical-align: middle;
text-decoration: none !important;
color: #003333 !important;
pointer-events: none;
}
.color-dark_red {
color: #D93C23 !important;
}
.billing-container{
.table{
.name{
font-size: 16px;
font-weight: 500;
color: #003333;
}
.country{
font-size: 13px;
font-weight: 400;
color: #34ABBD;
}
tbody{
border-bottom: 1px solid #ddd;
tr{
th{
vertical-align: middle;
}
}
}
td{
vertical-align: middle;
padding: 23px 6px;
a[download],
button{
border: none;
background: transparent;
width: 40px;
height: 40px;
border-radius: 50%;
&:hover{
background: #F3F3F3;
}
}
a[download] {
display: inline-flex;
justify-content: center;
align-items: center;
}
a[download] svg {
fill: currentColor;
}
}
}
}
.table-payment-history{
th{
font-weight: 400;
}
}
.table-payment-method{
th{
font-weight: 500;
img{
margin-right: 20px;
width: 53px;
}
}
tr{
td{
a{
color: #D93C23;
font-size: 16px;
font-weight: 400;
text-decoration: underline;
&:hover{
text-decoration: none;
}
}
.default-btn{
font-size: 14px;
font-weight: 400;
color: #FAFAFA;
border-radius: 5px;
background: #34ABBD;
width: auto;
height: 30px;
padding: 7px 19px;
}
button.make-default-btn{
font-size: 14px;
font-weight: 400;
color: #34ABBD;
border-radius: 5px;
background: transparent;
width: auto;
height: auto;
padding: 0;
text-decoration: underline;
&:hover{
text-decoration: none;
background: transparent;
}
}
}
}
}
.billing-base-container {
box-shadow: none !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.plan-info-order {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
}
#order_form .form-check-inline {
margin-right: 15px;
}
.pp-top-navigation__item span {
font-size: 16px;
font-weight: 600;
color: #003333;
}
.download_table-img {
padding: 5px;
width: 30px;
border-radius: 30%;
}
.download_table-img:hover {
background-color: #efefef;
}
.bottom-cards {
display: flex;
}
.bottom-cards.withdraw-container {
padding: 5px 50px;
height: 50px;
}
.bottom-cards.withdraw-container.middle {
padding: 5px 25px;
}
.bottom-cards.withdraw-container.right p {
width: 100%;
}
.bottom-cards.withdraw-container.right {
padding: 5px 25px;
width: 100%;
justify-content: center;
}
.bottom-cards.withdraw-container p {
margin: 0;
font-weight: 700;
font-size: 16px;
}
.withdraw-container {
width: 100%;
padding: 25px 50px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 5px;
/*height: 100%;*/
}
.withdraw-container-below {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
padding: 10px 50px
}
.withdraw-container-below p {
margin: 0;
height: fit-content;
display: block;
font-weight: 700;
font-size: 16px;
}
.withdraw-container-above {
text-align: left;
margin-bottom: 18px;
}
.withdraw-container-above * {
font-weight: 500 !important;
font-size: 16px !important;
}
.withdraw-container-above p {
margin: 0;
}
.impossible-withdraw, .minimum-amount{
color: #D93C23;
font-size: 16px;
font-weight: 500;
}
.payment-date{
color: #34ABBD;
font-size: 16px;
font-weight: 500;
}
.payment-card_item {
flex: 3;
}
.payment-card_item.main {
flex: 5;
.withdraw-container{
padding: 25px 50px;
}
}
.payment-card_item.secondary {
margin: 25px 0;
background: #F3F3F3;
}
.withdraw-container-above.center > p {
text-align: center;
}
.billing-board-price {
font-weight: 800;
font-size: 39px;
}
.remodal__head-offer {
border-bottom: none !important;
}
.offer-form-content-modal {
padding-top: 0 !important;
}
.offer-remodal__title {
background: none !important;
}
@media (min-width: 1366px) and (max-width: 1600px){
.withdraw-container {
padding: 25px 3px;
}
.payment-card_item.main {
.withdraw-container {
padding: 25px 5px;
}
}
.withdraw-container-above * {
font-weight: 500 !important;
font-size: 14px !important;
}
.withdraw-container-above {
height: 42px;
}
}
@media (min-width: 1601px) and (max-width: 1919px){
.withdraw-container {
padding: 25px 20px;
}
.payment-card_item.main {
.withdraw-container {
padding: 25px 20px;
}
}
}
.offer-form-custom {
padding: 0 !important;
border: 1px solid #e0e7ea;
border-radius: 10px;
padding-bottom: 40px !important;
}
.custom-offer-text {
border: none!important;
}
.custom-offer-container {
display: flex;
flex-direction: column;
}
.custom-offer-container .js_price {
width: 40px;
}
.custom-offer-container .currency-font-weight {
font-weight: 600 !important;
color: #BDC6CA;
}
.custom-offer-header {
padding: 0 15px;
border-bottom: 1px solid #e0e7ea;
display: flex;
justify-content: space-between;
align-items: center;
}
.custom-offer-price-container {
display: flex;
align-items: center;
}
.mr-20px {
margin-right: 20px;
}
.ml-20px {
margin-left: 20px !important;
}
.remodal-custom-offer {
max-width: 700px;
}
.custom-offer-price-values {
margin: 20px 0;
display: flex;
flex-direction: column;
}
.custom-offer-price-values p {
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin: 0 5px;
text-wrap: nowrap;
}
.custom-offer-price-values p>span {
font-weight: 500;
}
.grey-text-billing {
margin-left: 5px;
font-weight: 300 !important;
color: #a1a1a1 !important;
}
.custom-offer-container .pp-btn-danger {
background-color: #E0E7EA;
border-color: #E0E7EA;
color: #16494D;
}
.send_input_message_and_files_container {
width: 100%;
border-radius: 10px;
padding: 0;
margin-bottom: 30px;
position: sticky;
bottom: 0;
}
.send_input_message_and_files_container textarea {
border: none;
margin-left: 5px;
}
.remodal-custom-offer .file-input .btn-file {
bottom: -35px !important;
left: 10px !important;
}
.offer-price-container {
font-size: 25px;
font-weight: 700;
padding: 20px;
}
.default-offer-header {
font-size: 14px;
font-weight: 400;
padding: 20px;
max-width: 50%;
}
.bubble .offer-form-custom {
width: 720px;
padding-bottom: 0 !important;
}
/*@media (min-width: 1115px) {*/
/* .bubble .offer-form-custom {*/
/* width: 720px;*/
/* }*/
/*}*/
.offer-description {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #16494D;
overflow: hidden;
transition: max-height 0.3s ease-in-out;
max-height: 100px;
margin-bottom: 10px;
}
.offer-details,
.offer-read-more {
display: block;
font-weight: 500;
font-size: 13px;
line-height: 14.32px;
color: #34ABBD;
text-decoration: underline;
}
.offer-details:hover,
.offer-read-more:hover {
text-decoration: none;
cursor: pointer;
}
.offer-details {
margin-top: 15px;
font-size: 15px;
}
.offer-content-message {
padding: 35px;
}
.offer-details-list {
margin-top: 10px;
display: flex;
flex-direction: column;
}
.offer-details-item {
display: flex;
margin-bottom: 3px;
}
.offer-details-item .key {
font-weight: 400;
font-size: 14px;
color: #16494D;
width: 120px;
}
.offer-details-item .value {
font-weight: 700;
font-size: 14px;
color: #16494D;
}
.offer-content-message .svg-icon {
width: 10px;
color: #34ABBD;
margin-left: 4px;
margin-top: 18px;
height: 10px !important;
}
.rotated-chevron {
transform: rotate(180deg);
}
.offer-expanded {
height: fit-content !important;
}
.order-btns {
display: flex;
}
.order-btns a,
.order-btns button {
margin-left: 10px;
}
.select2-offer-days {
margin: 15px !important;
width: 75px !important;
height: 40px !important;
visibility: visible!important;
border-radius: 5px !important;
text-align: center !important;
}
.def_order_days_title {
margin: 15px 0 !important;
width: 150px !important;
font-size: 13px !important;
}
.text-below-default-offer-form {
background-color: #f3f3f3;
padding: 10px;
margin-top: 10px;
width: 100%;
font-size: 13px;
color: #16494D;
font-weight: 400;
text-align: left;
border-radius: 5px;
}
.offer-success-btn,
.offer-failed-btn{
background-color: #C8DE72;
display: flex;
justify-content: center;
align-items: center;
color: #16494D;
font-weight: 600;
font-size: 16px;
pointer-events: none;
border: none;
}
.offer-success-btn > img,
.offer-failed-btn > img {
width: 15px;
margin-right: 10px;
}
.offer-failed-btn {
background-color: #D93C23;
color: #fafafa;
}
.select-conversation-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 20px;
text-align: center;
height: 100%;
}
.select-conversation-title {
font-size: 20px;
font-weight: 600;
color: #16494D;
margin-bottom: 20px;
}
.select-conversation-description {
font-size: 16px;
font-weight: 400;
color: #16494D;
}
.offer-price-global {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.center-row {
display: flex;
justify-content: center;
align-items: center;
}
.custom-offer-input {
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
margin-bottom: 10px;
}
.custom-offer-input input {
margin-right: 10px;
width: 16px;
height: 16px;
}
.custom-offer-input input:checked {
filter: invert(1);
}
.revision-reasons-container {
display: flex;
flex-direction: column;
width: 100%;
}
.revision-reasons-item {
width: 100%;
text-align: center;
padding: 15px;
border: none;
background-color: #E0E7EA;
color: #16494D;
font-weight: 600;
font-size: 16px;
margin-top: 10px;
border-radius: 5px;
}
.offer-header-paddings {
padding-top: 15px;
padding-bottom: 15px;
}
.offer-crumbs {
padding-left: 10px;
text-decoration: none !important;
}
.offer-crumbs a {
text-decoration: none!important;
color: #16494D;
font-weight: 600;
font-size: 16px;
border-bottom: none !important;
}
.offer-crumbs svg {
margin-top: 5px;
width: 30px;
height: 15px;
filter: invert(72%) sepia(67%) saturate(840%) hue-rotate(175deg) brightness(80%) contrast(81%);
}
.resolution-header {
display: block;
width: 100%;
text-align: center;
font-size: 25px;
font-weight: 700;
color: #16494D;
padding: 10px;
}
.resolution-time {
color: #D93C23;
font-size: 16px;
font-weight: 400;
text-align: center;
}
.cost-checkbox-months::before {
top: 5px
}
.cost-checkbox-months::after {
top: 5px
}
.checkbox-small-label-months {
padding-bottom: 5px;
}
/*.noaction-option {*/
/* pointer-events: none;*/
/*}*/
.pt-0 {
padding-top: 0 !important;
}
.line-height-20px {
line-height: 20px !important;
}
.for-bottom-text {
font-size: 20px;
font-weight: 500;
text-align: center;
}
.pp20-btn-red {
background-color: #D93C23;
color: #fff;
}
.pp20-btn-red:hover {
background-color: #C82E1A;
color: #fff;
}
.for-under-btn {
font-size: 16px;
text-decoration: underline;
color: #16494D;
text-align: center;
font-weight: 600;
margin-top: 27px;
display: block;
}
.for-under-btn:hover {
text-decoration: none;
color: #16494D;
}
.for-button {
width: fit-content;
padding: 0 10px;
}
.pp20-header--dark-green .page-author-card {
color: #16494D !important;
}
.pp20-header--dark-green {
background-color: #16494D;
color: #FAFAFA !important;
}
.pp20-header--dark-green .for-under-btn {
color: #FAFAFA;
}
.pp20-header--dark-green .for-under-btn:hover {
color: #FAFAFA;
}
.pp20-header--dark-green .pp20-btn-red {
color: #D93C23;
background-color: #fff;
}
.pp20-header--dark-green .pp20-btn-red:hover {
color: #C82E1A;
background-color: #fff;
}
.for-green .pp20-btn-red {
color: #FFFFFF;
background-color: #16494D;
}
.reg-button {
font-size: 25px;
font-weight: 600;
background: #D93C23;
color: #FAFAFA;
border-radius: 40px;
padding: 20px 87px;;
margin-top: 60px;
&:hover {
color: #FAFAFA;
}
}
.for-green .pp20-btn-red:hover {
color: #FFFFFF;
background-color: #16494D;
}
.form-container-tax {
/*width: 50%;*/
}
.form-container-tax .form-group.full {
display: flex;
align-items: center;
}
.form-container-tax .form-group.full > * {
flex: 1;
}
.tax-desc {
display: block;
width: 450px;
margin-left: 20px;
font-size: 13px;
font-weight: 400;
}
.form-container-tax .form-group.half {
width: 50%;
}
.tax-form-radio {
display: flex;
align-items: center;
gap: 20px;
border: none;
margin: 0;
padding-top: 15px;
}
.tax-form-radio .radio:first-child {
margin-top: 0;
}
.tax-form-radio input[type="radio"], input[type="checkbox"] {
margin-top: 5px;
}
.tax-form input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #2ea1b2;
margin-top: 0 !important;
}
.checkbox-tax label {
display: block;
padding-left: 25px;
}
.checkbox-tax .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
margin-left: -25px;
}
.color-red {
color: #D93C23 !important;
}
.w-50p {
width: 50%;
}
.pb-30px {
padding-bottom: 30px;
}
.removeErrors .help-block-error {
display: none !important;
}
.rating-title {
font-size: 31px;
font-weight: 800;
color: #003333;
margin-bottom: 15px;
}
.rating-item-name {
font-size: 20px;
font-weight: 700;
color: #003333;
}
.rating-item-country {
font-size: 16px;
font-weight: 400;
color: #34ABBD;
}
.rating-item-text {
font-size: 20px;
font-weight: 400;
color: #003333;
}
.review-header {
display: flex;
flex-direction: column;
}
.review-stars {
margin-top: 10px;
color: #ffcc00;
font-size: 16px;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.rating-item-count {
font-size: 20px;
color: #34ABBD;
font-weight: 700;
margin-left: 10px;
}
.rating-item-date {
margin-left: 10px;
color: #BDC6CA;
font-size: 16px;
font-weight: 400;
}
.rating-score-main {
font-size: 24px;
display: flex;
}
.rating-stars-block {
display: flex;
margin-bottom: 15px;
}
.artist-rating {
margin-left: 10px;
font-size: 18px;
font-weight: 500;
color: #34ABBD;
}
.cost-name-desc {
font-weight: 400;
margin-top: 11px !important;
}
.upload-delete-zoom .kv-file-zoom {
display: none !important;
}
.upload-delete-rotate .kv-file-rotate {
display: none !important;
}
.left-menu-img img {
width: 15px;
margin-right: 15px;
}
.pp-sl-inner__box .left-menu-img img {
margin-right: 10px;
}
.tarif-item__price-mo {
margin: 14px 0;
}
.countdown-wrapper {
margin: 30px 0;
}
.countdown-container {
background: #fff;
border-radius: 12px;
border: 1px solid #E0E7EA;
text-align: center;
}
.countdown-container h2 {
padding: 20px 40px;
margin: 0;
font-size: 20px;
color: #333;
background-color: #fafafa;
width: 100%;
border-bottom: 1px solid #E0E7EA;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.countdown {
margin: 20px 0;
display: flex;
justify-content: center;
gap: 15px;
font-weight: bold;
color: #033;
}
.countdown-separator {
font-size: 48px;
font-weight: 600;
color: #033;
margin-top: -5px;
}
.countdown-item {
display: flex;
flex-direction: column;
align-items: center;
font-size: 48px;
}
.countdown-item span {
font-size: 14px;
margin-top: 5px;
font-weight: 400;
color: #666;
}
.message-content-title {
margin-top: 10px!important;
}
.order-cost-to-build-container {
background-color: #FAFAFA;
border: 1px solid #E0E7EA;
border-radius: 10px;
width: 100%;
display: flex;
justify-content: center;
text-align: center;
padding: 40px 20px;
}
.order-cost-to-build-text {
width: 70%;
font-weight: 500;
font-size: 16px;
color: #16494D;
}
.red-order-text {
color: #D93C23;
}
.cost-sample {
text-align: center;
padding: 10px 30px;
margin: auto;
display: block;
font-size: 13px;
font-weight: 400;
}
.set-title-message {
margin-top: 5px;
}
.disabled-buy-tariff {
background-color: #b4b4b4;
color: #fff;
border: none;
pointer-events: none;
}
.mt-15px {
margin-top: 15px !important;
}
.discount-order {
font-size: 14px;
color: #D93C23;
text-align: center;
font-weight: 400;
}
.revision-message-block {
margin-left: 30px;
}
.mr-10px {
margin-right: 10px !important;
}
.billing-container .reviews-container {
margin-left: 0 !important;
}
.review-header-container {
display: flex;
align-items: center;
}
.review-image {
width: 50px;
margin-right: 20px;
border-radius: 50%;
}
.hero__item .filter__group--range {
min-height: 135px;
}
.hero__item .filter__group {
border-top: none !important;
}
.reviews-container .review:last-child {
border-bottom: none;
}
.mr--30px {
margin-right: -30px !important;
}
.revision_modal_attachments .fileinput-remove {
display: none !important;
}
.revision_modal_attachments .file-preview {
margin-bottom: 0 !important;
border: none !important;
border-radius: 0 !important;
padding: 5px !important;
}
.restriction-modal {
width: 840px;
}
.restriction-modal .restriction-modal-body {
padding: 106px 138px;
}
.restriction-modal h1 {
font-weight: 700;
font-size: 25px;
margin-bottom: 30px;
text-align: left;
}
.restriction-modal p {
font-weight: 400;
font-size: 20px;
text-align: left;
}
.upload-form-content h1 {
margin-top: 39px;
margin-bottom: 30px;
}
.upload-form-content {
margin-left: 30px;
}
.file-drop-zone {
position: relative;
border: 1px dashed #E0E7EA !important;
border-radius: 4px !important;
padding: 10px !important;
text-align: center !important;
background-color: #FAFAFA !important;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
.file-drop-zone-title {
color: #6D797A !important;
font-size: 14px !important;
margin: 0 !important;
padding: 0 !important;
width: 100%; /* Добавьте это */
position: absolute; /* Добавьте это */
top: 50%; /* Добавьте это */
left: 50%; /* Добавьте это */
transform: translate(-50%, -50%); /* Добавьте это */
}
.upload-form-content .file-drop-zone {
height: 20%;
}
@media (min-width: 360px) and (max-width: 767px){
.withdraw-container{
flex-wrap: wrap;
}
.d-sm-block{
display: block;
}
.d-sm-none{
display: none;
}
.billing-page-content h1{
padding: 0 15px;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 992px){
.billing-container {
width: 100%;
padding: 0 20px;
}
.billing-page-content h1{
padding: 0;
}
.d-md-none{
display: none;
}
.d-md-block{
display: block;
}
.payment-card_item {
flex: none;
width: calc(50% - 10px);
margin-top: 60px;
}
.payment-card_item.main {
flex: none;
width: 100%;
margin-top: 0;
}
}
.billing-container {
display: flex;
flex-direction: column;
padding-right: 40px;
row-gap: 10px;
@media (max-width: 1200px) {
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
}
@media (max-width: 767px) {
padding-inline: 0;
row-gap: 20px;
}
}
.billing-container__payout-summary {
display: grid;
grid-template-columns: minmax(500px, 1.74fr) minmax(356px, 1.13fr) minmax(356px, 1.13fr);
grid-template-rows: auto auto;
grid-template-areas: "wallet sales total-sales"
"notific notific notific";
justify-content: space-between;
gap: 24px 20px;
@media (max-width: 1610px) {
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
grid-template-areas: "wallet wallet"
"sales total-sales"
"notific notific";
gap: 30px;
--payoutCardInnerPaddingInline: 20px;
}
@media (max-width: 768px) {
gap: 18px 20px;
}
@media (max-width: 600px) {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas: "wallet"
"sales"
"total-sales"
"notific";
}
}
.billing-container__cell {
display: flex;
flex-direction: column;
width: 100%;
border-radius: 5px;
}
.billing-container__cell--wallet {
grid-area: wallet;
}
.billing-container__cell--wallet .payout-card {
@media (max-width: 1610px) {
--payoutCardInnerPaddingInline: 53px 42px;
}
@media (max-width: 600px) {
--payoutCardInnerPaddingInline: 20px;
}
}
.billing-container__cell--wallet .payout-card__footer {
@media (max-width: 1610px) {
--payoutCardInnerPaddingInline: 53px 62px;
}
@media (max-width: 600px) {
flex-direction: column !important;
align-items: center;
justify-content: center;
min-height: 69px;
font-size: 14px;
}
}
.billing-container__cell--sales {
grid-area: sales;
}
.billing-container__cell--total-sales {
grid-area: total-sales;
}
.billing-container__cell--total-sales .payout-card__footer {
justify-content: center;
}
.payout-card {
--payoutCardInnerPaddingInline: 53px 30px;
display: flex;
flex-direction: column;
height: 100%;
row-gap: 10px;
@media (max-width: 1610px) {
--payoutCardInnerPaddingInline: 20px;
}
}
.payout-card__container,
.payout-card__footer {
padding-inline: var(--payoutCardInnerPaddingInline);
border-radius: 5px;
background-color: #f3f3f3;
}
.payout-card__container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding-bottom: 20px;
}
.payout-card__container-inner {
@media(max-width: 600px) {
display: contents;
}
}
.payout-card__container--with-payout-method {
flex-direction: row;
justify-content: space-between;
padding-bottom: 0;
column-gap: 20px;
@media (max-width: 600px) {
flex-direction: column;
padding-bottom: 20px;
}
}
.payout-card__container--with-payout-method .payout-card__container-inner {
@media (min-width: 768px) {
display: flex;
flex-direction: column;
}
}
.payout-card__container--with-payout-method .payout-card__body {
@media (min-width: 768px) {
padding-bottom: 20px;
margin-top: auto;
}
}
.payout-card__header-notific--red {
color: #D93C23;
}
.payout-card__container--with-payout-method .payout-card__header {
padding-block: 20px 1px;
text-align: left;
@media (max-width: 600px) {
margin-bottom: 8px;
text-align: center;
}
}
.payout-card__container--with-payout-method .payout-card__body {
justify-content: flex-start;
@media (max-width: 600px) {
justify-content: center;
}
}
.payout-card__header {
padding-block: 20px 0;
text-align: center;
font-weight: 500;
font-size: 16px;
@media (max-width: 600px) {
display: flex;
flex-direction: column;
height: 100%;
margin-bottom: 10px;
padding-block: 24px 0;
}
}
.payout-card__description {
padding-inline: 40px;
@media (max-width: 1610px) {
padding-inline: 0;
}
@media (max-width: 600px) {
padding-inline: 20px;
font-size: 14px;
}
}
.payout-card__description p {
margin-bottom: 10px;
}
.payout-card__description p:last-child {
margin-bottom: 5px;
}
.payout-card__body {
display: flex;
justify-content: center;
margin-bottom: 10px;
font-weight: 900;
font-size: 39px;
@media (max-width: 600px) {
height: 100%;
}
}
.payout-card__payout-method {
display: flex;
align-items: center;
min-width: 159px;
min-height: 150px;
@media(max-width: 600px) {
min-width: 108px;
min-height: auto;
height: 100%;
align-items: center;
justify-content: center;
}
}
.payout-card__footer {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 40px;
column-gap: 20px;
font-weight: 500;
color: #16494d;
@media (max-width: 600px) {
}
}
.billing-container__payout-notific {
grid-area: notific;
font-weight: 400;
font-size: 13px;
color: #16494d;
}
.billing-container__payout-notific span {
color: #d93c23;
}
/*
Зачем нужно было переопределять API Bootstrap во всём контейнере? Это
правило очень важно исправить, применив его лишь к конкретному элементу,
для которого оно нужно.
.inbox-p .hidden-xs {
display: none !important;
}
*/
/*Костыль для исправления переопределения API Boostrap.*/
.table-container--clear-bootstrap .hidden-xs {
display: table-cell !important;
@media (max-width: 767px) {
display: none !important;
}
}
/*
Пока не могу найти, откуда на указанной ширине вьюпорта берутся стили, что
ломают таблицу. Это поведение точно определяется где-то в JS. На данный
момент пришлось импровизировать.
*/
@media (max-width: 480px) {
.table-container--special-responsive-layout {
display: table !important;
}
/*.table-container--special-responsive-layout thead,*/
/*.table-container--special-responsive-layout tbody,*/
/*.table-container--special-responsive-layout tr {*/
/* display: table-row !important;*/
/*}*/
.table-container--special-responsive-layout th,
.table-container--special-responsive-layout td {
display: table-cell !important;
}
.table-container--special-responsive-layout .hidden-xs {
display: none !important;
}
.table-container--special-responsive-layout .visible-lg {
display: none !important;
}
.table-container--special-responsive-layout .rc-handle-container {
width: 100% !important;
}
.table-container--special-responsive-layout td:first-child,
.table-container--special-responsive-layout th:first-child {
text-align: start;
}
}
.table-init-visible .hidden-xs,
.table-init-visible .visible-lg {
display: table-cell !important; /* Принудительно видимы для расчёта ширины */
visibility: hidden; /* Скрыты визуально, но остаются в макете */
}
/* Убедимся, что ручки изменения размера (если есть) не показываются во время инициализации */
.table-init-visible .rc-handle {
display: none;
}
.tariff {
@media (max-width: 1200px) {
margin-top: 120px;
}
}
.tariff__container {
display: flex;
flex-direction: column;
width: 100%;
}
.tariff__breadcrumbs {
margin-bottom: 40px;
order: 1;
}
.tariff__header {
order: 2;
margin-bottom: 28px;
flex-shrink: 0;
@media (max-width: 767px) {
margin-bottom: 24px;
}
}
.tariff__header--big-mb {
margin-bottom: 28px;
padding-left: 92px;
margin-left: -5px;
}
.tariff__title {
margin-bottom: 30px;
font-weight: 700;
font-size: 20px;
color: #003333;
@media (max-width: 1200px) {
margin-inline: 20px;
}
}
.tariff__navigation {
margin-bottom: 0;
margin-right: 20px;
@media (max-width: 1200px) {
margin-inline: 20px;
}
}
.tariff__body {
order: 3;
@media (max-width: 767px) {
gap: 4px !important;
}
}
.tariff__body--big-row-gap {
gap: 22px !important;
}
.tariff__button {
display: none;
width: 138px;
height: 40px;
border: 2px solid #34abbd;
@media (max-width: 767px) {
display: inline-block;
margin-left: 20px;
}
}
.tariff__button--visible {
display: inline-block;
}
.tariff__link-download {
color: #BDC6CA;
transition-duration: 0.2s;
@media (max-width: 767px) {
color: #34ABBD;
}
}
.tariff__link-download:hover {
color: #34ABBD;
}
.tariff__link-download svg {
width: 20px;
height: 20px;
stroke: currentColor;
stroke-width: 0.7;
}
.tariff__table {
@media (max-width: 767px) {
padding-inline: 20px;
}
}
.tariff__table-cell {
}
.tariff__table-cell--plan {
width: 30%;
}
.tariff__table-cell--date {
width: 30.5%;
}
.tariff__table-cell--price {
width: 23.6%;
}
.tariff__table-cell--renew {
text-align: right
}
.tariff__table-cell--id {
width: 30%;
}
.tariff__table-cell--date-alt {
width: 20.2%;
}
.tariff__table-cell--amount {
width: 20.3%;
}
.tariff__table-cell--service {
}
.tariff__table-cell--download {
text-align: right
}
@media(max-width: 480px) {
.kv-table-wrap th, .kv-table-wrap td.tariff__table-cell--amount,
.kv-table-wrap th, .kv-table-wrap td.tariff__table-cell--plan {
width: 20% !important;
}
.kv-table-wrap th, .kv-table-wrap td.tariff__table-cell--service,
.kv-table-wrap th, .kv-table-wrap td.tariff__table-cell--download,
.kv-table-wrap th, .kv-table-wrap td.tariff__table-cell--price,
.kv-table-wrap th, .kv-table-wrap td.tariff__table-cell--data {
width: 50% !important;
}
.table-container--special-responsive-layout-alt th,
.table-container--special-responsive-layout-alt td {
display: table-cell !important;
}
.table-container--special-responsive-layout-alt th,
.table-container--special-responsive-layout-alt td {
text-align: left;
}
.table-container--special-responsive-layout-alt .tariff__table-cell--download {
text-align: right;
}
}
.export-formats-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 0;
}
.export-formats-list__item {
list-style: none;
}
.export-formats-list__link {
min-width: 132px !important;
min-height: 40px;
border: 2px solid #34abbd;
border-radius: 5px;
}
.tariff__table__export-menu {
margin-bottom: 20px;
}
.pp-wrapper--block {
display: block;
}
.export-formats-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 0;
}
.export-formats-list__item {
list-style: none;
}
.export-formats-list__link {
min-width: 132px !important;
min-height: 40px;
border: 2px solid #34abbd;
border-radius: 5px;
}
.tariff__table__export-menu {
margin-bottom: 20px;
}
.pp-wrapper--block {
display: block;
}
.earnings__header {
margin-bottom: 0;
margin: 32px 0;
padding-left: 92px;
padding-right: 40px;
display: flex;
align-items: center;
justify-content: space-between;
@media (max-width: 1024px) and (min-width: 991px) {
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 990px) {
margin: 20px 0;
padding-left: 20px;
padding-right: 20px;
h1 {
margin: 0;
padding: 0;
}
}
@media (max-width: 767px) {
margin: 27px 0;
padding: 0;
}
.select2-container {
max-width: 77px;
width: 77px;
}
.select2-container--krajee-bs3 .select2-selection {
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
border: 2px solid #34ABBD;
border-radius: 5px;
color: #34ABBD;
font-size: 16px;
outline: 0;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
color: #34ABBD;
}
}
.earnings__title {
@media(max-width: 1200px) and (min-width: 990px) {
padding-top: 0px !important;
padding-bottom: 0 !important;
padding-left: 0px;
}
@media (max-width: 990px) {
margin-top: 0 !important;
}
@media (max-width: 767px) {
padding-left: 0 !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.earnings.pp-wrapper {
margin-top: 142px;
}
}
.offers .pp-listing-top {
display: flex;
}
.offers__select-sort {
display: flex;
flex-direction: column;
}
.offers__select-sort-form {
display: flex;
gap: 20px;
}
.offers__select-sort-form .form-group {
width: 100% !important;
}
.offers__sort-list {
width: fit-content;
padding: 0;
list-style: none;
}
.offers__form-group {
display: flex;
flex-direction: row-reverse;
}
.offers__tariff {
padding: 8px;
margin-left: 30px;
align-self: flex-start;
}
.offers .offers__select-sort {
width: 490px;
}
.offers .visible-mb {
order: -1;
padding: 0;
margin-left: 0;
margin-bottom: 20px;
}
@media (max-width: 539px) {
.offers .pp-listing-top {
flex-direction: column;
}
.offers__select-sort-form {
flex-direction: column;
}
.offers .offers__select-sort {
width: 100%;
}
.offers__form-group {
flex-direction: column;
}
.offers__tariff {
margin-left: 0;
margin-bottom: 20px;
}
.offers__extra {
order: -1;
width: 100%;
}
.offers__extra div:first-child {
width: 100%;
}
.offers__select-sort {
margin-bottom: 30px;
}
}
.offers__sort-link[data-sort="-views"]::before {
rotate: -90deg;
}
.offers__sort-link {
position: relative;
display: flex;
padding-left: 20px;
}
.offers__sort-link::before {
position: absolute;
top: 50%;
left: 0;
translate: 0 -50%;
rotate: 90deg;
content: "";
width: 15px;
height: 100%;
background: url('../../img/right-arrow.svg') no-repeat center/contain;
}
.container--with-pd-top {
padding-top: 100px;
max-width: 1246px;
margin: 0 auto;
}
.center-block {
max-width: 1246px;
margin: 0 auto;
}
.status-architect {
margin-bottom: 20px;
}
@media (max-width: 1199px) and (min-width: 768px) {
.for-page-h1 {
font-size: 14px;
height: 35px;
}
.for-page-title {
font-size: 32px !important;
line-height: 42px;
margin: 0 auto 30px !important;
max-width: 604px;
}
.for-author-subtitle {
font-size: 25px;
line-height: 34px;
max-width: 604px;
margin: 0 auto 40px;
}
.pp20-container {
margin-right: 20px;
margin-left: 20px;
}
.pp-sales {
padding: 70px 62px 30px;
margin-bottom: 20px;
img.for-architector {
position: absolute;
width: 192px;
height: 126px;
top: -69px;
left: 50%;
transform: translateX(-50%);
}
}
.page-author-card {
display: block;
text-align: center;
padding: 30px 56px;
p {
text-align: center;
line-height: 28px;
}
}
.how-works {
font-size: 22px;
margin-top: 30px;
line-height: 31px;
}
.features {
padding-right: 62px;
padding-left: 62px;
padding-bottom: 70px;
.features__heading {
font-size: 28px;
margin-bottom: 42px;
line-height: 38px;
}
.features__description {
font-size: 22px;
line-height: 31px;
margin-bottom: 49px;
}
.wrap-group {
display: flex;
gap: 29px;
flex-wrap: wrap;
width: 100%;
margin-top: 29px;
margin-bottom: 41px;
.form-group {
width: 100%;
}
}
}
.pp-sales {
.pp-sales__head {
font-size: 28px;
margin-bottom: 11px;
line-height: 46px;
}
.pp-sales__text {
font-size: 22px;
margin-bottom: 30px;
line-height: 31px;
}
}
}
@media (max-width: 767px) and (min-width: 320px) {
.lang-dropdown__item {
padding: 5px 0;
}
.pp20-header {
padding: 30px 0 30px;
}
.for-page-h1, .pp20-header--dark-green .for-page-h1 {
font-size: 11px;
padding: 0 10px;
width: 120px;
height: 25px;
letter-spacing: 0.9px;
margin-bottom: 25px;
font-weight: 500;
}
.for-page-title {
font-size: 25px !important;
line-height: 31px;
margin: 0 auto 30px !important;
max-width: none;
}
.pp20-container {
margin-right: 15px;
margin-left: 15px;
}
.for-author-subtitle {
font-size: 20px;
line-height: 26px;
margin: 30px 0;
}
.pp-operates {
.pp-operates__text {
font-size: 16px;
font-weight: 600;
text-align: center;
margin-bottom: 10px;
line-height: 24px;
}
.pp-operates__flags {
display: flex;
justify-content: center;
gap: 4px;
margin-bottom: 60px;
}
}
.pp-sales {
padding: 49px 15px 30px 15px;
margin-bottom: 20px;
img.for-architector, img.for-builders {
position: absolute;
width: 106px;
height: 70px;
top: -37px;
left: 50%;
transform: translateX(-50%);
}
img.for-builders {
width: 92px;
}
.pp-sales__head {
font-size: 20px;
margin-bottom: 10px;
line-height: 26px;
}
.pp-sales__text {
font-size: 16px;
margin-bottom: 20px;
line-height: 24px;
}
.pp-sales__little-text {
font-size: 13px;
line-height: 20px;
}
}
.page-author-card {
padding: 30px 15px;
display: block;
text-align: center;
h3 {
font-size: 20px;
margin-bottom: 10px;
line-height: 26px;
}
p {
font-size: 16px;
line-height: 24px;
text-align: center;
}
}
.reg-button {
font-size: 18px;
padding: 19px 79px;
margin-top: 10px;
}
.how-works {
font-size: 16px;
line-height: 24px;
margin-top: 20px;
}
}