/**
 * 	FIXANDO
 *
 * 	Copyright 2016 by fixando
 *
 **/

:root {
    --site-background: #ffffff;
    --site-background-secondary: #fafafa;
    --site-font-color: #222222;
    --site-font-color-hover: #000;
    --site-font-weight: 400;
    --site-font-size: 16px;
    --site-line-height: 1.5;
    --site-line-height-medium: 1.4;
    --site-letter-spacing: normal; /* -.006em;*/

    --site-font-size-small: 14px;
    --site-line-height-small: 1.4;
    --site-font-weight-thin: 300;

    --site-font-size-mini: 12px;
    --site-line-height-mini: 1.35;

    --site-horizontal-padding: 20px;

    --answers-label-font-weight: 500;

    --icon-transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), color .3s;
    --icon-transition-all: all .25s cubic-bezier(.34, 1.56, .64, 1);

    --popup-background: #ffffff;
    --popup-shadow: 0 0 50px #333333;
    --popup-footer-background: #ffffff78;
    --popup-header-shadow: 0px 20px 15px 0 var(--popup-background);
    --popup-icon-close-background: rgba(255, 255, 255, 0.7);
    --popup-footer-shadow: 0px -10px 15px 0 rgb(255 255 255 / 80%);

    --selector-box-background: #FFF;
    --selector-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    --selector-box-shadow-small: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    --jalert-background: #fff;
    --jalert-shadow: 0 0 20px #00000066;

    --modal-info-background: #efefef;
    --modal-info-color: #6a6a6a;
    --modal-fullscreen-icon-close-background: #fff;
    --modal-fullscreen-icon-close-color: #000;
    --modal-fullscreen-dark-icon-close-background: #000;
    --modal-fullscreen-dark-icon-close-color: #FFF;
    --modal-iframe-icon-close-background: #dedede;

    --headline-font-color: #222222;
    --headline-font-weight: 600;
    --headline-font-size: 36px;
    --headline-line-height: 44px;
    --headline-line-height-underlined: 50px;
    --headline-letter-spacing: normal; /* -.01em */
    --headline-padding-bottom: 44px;
    --headline-padding-bottom-underlined: 44px;

    --subheadline-font-color: #222222;
    --subheadline-font-size: 24px;
    --subheadline-line-height: 32px;
    --subheadline-font-weight: 500;

    --title-font-color: #222222;
    --title-font-size: 20px;
    --title-line-height: 28px;
    --title-font-weight: 500;
    --title-letter-spacing: normal; /* -.008em */
    --title-font-weight-light: 400;
    --title-padding-bottom: 24px;
    --title-padding-bottom-small: 12px;

    --highlight-font-color: #ffb000;

    --link-font-hover: inherit;
    --link-font-selected: inherit;
    --link-font-inverse-hover: #000000;
    --link-decoration-color: #ffb000;
    --link-font-dark: #ffffff99;
    --link-font-dark-hover: #ffffff;
    --link-font-dark-medium-hover: #ffffff99;

    --linkline-color: #c4c4c4;
    --linkline-color-hover: #ffaf00;

    --recording-background-color: #e1ffc7;
    --recording-border-color: #c5e5a5;
    --recording-text-color: #000;
    --recording-dot-color: #ff3300;

    --full-font-color: #FFF;
    --light-font-color: #737373;
    --very-light-font-color: #d8d8d8;
    --dark-font-color: #222222;
    --darkgrey-font-color: #6e6e6e;
    --intense-font-color: #000;

    --breadcrumb-light-font-color: #fff;

    --icons-gray: #c4c4c4;
    --icons-border-gray: #c4c4c4;
    --icons-darkgray: #222222;
    --icons-yellow: #ffb000;
    --icons-gray-hover: #222222;
    --icons-hover: #000;

    /* The transparent icon gray style
       is the same as default button
       by simulating #c4c4c4 as a black transparent
       to be used on colored backgrounds.
       Don't use on dark backgrounds.
       */
    --icons-gray-transparent: rgba(0, 0, 0, 0.264);

    --checkbox-color: #c4c4c4;
    --checkbox-color-hover: #737373;
    --checkbox-checked-color: #ffb000;
    --checkbox-checked-color-hover: #ffb000;

    --fixando-yellow: #ffb000;
    --fixando-background: #ffefd0;

    --notice-background: #ffefd0;
    --notice-color: #ae8639;
    --notice-border: .5px solid #AE8639A0;
    --notice-shadow: 0 0.14px 2.29266px #ae86393b, 0 0.37px 4.42626px #ae86393b, 0 3px 7px #ae86394d;

    --tip-info-background: #ffefd0;
    --tip-info-color: #ae8639;

    --tipsy-background: #fff;
    --tipsy-color: #000;
    --tipsy-shadow: var(--box-shadow-wide);
    --tipsy-arrow-img: url('/img/tipsy.png?x=2');

    --fixed-site-header-background: #FFF;
    --fixed-header-background: #FFF;
    --fixed-header-font: #222;
    --fixed-header-font-hover: #222;
    --fixed-header-filter: drop-shadow(0px -5px 15px rgb(0 0 0 / 0.3));

    -fixed-bottom-outline: 2px solid #ffffff;
    -fixed-bottom-shadow: 0 0 16px 3px #ffffff !important;

    --input-border-width: 1px;
    --input-border-color: #c4c4c4;
    --input-border-color-hover: #737373;
    --input-border-color-active: #ffb000;
    --input-background: #ffffff;
    --input-background-medium: #fafafa;
    --input-background-disabled: #fafafa;
    --input-background-popup: #ffffff;
    --input-color: #222;
    --input-select-border: 1px solid var(--input-border-color);

    --input-placeholder-color: #9c9c9c;
    --input-placeholder-color-active: #c4c4c4;

    --toggle-color: #222;
    --toggle-background: #f2f2f2;
    --toggle-background-secondary: #e5e5e5;
    --toggle-background-active: #FFF;
    --toggle-background-hover: #ffb000;
    --toggle-active-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 1px 0 rgba(0, 0, 0, 0.04);
    --toggle-active-shadow-last: 0px 2px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 1px 0 rgba(0, 0, 0, 0.04);
    --toggle-shadow: none;

    --box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    --box-shadow-small: 0 0.14px 2.29266px rgba(0, 0, 0, .032), 0 0.37px 4.42626px rgba(0, 0, 0, .048), 0 3px 7px rgba(0, 0, 0, .09);
    --box-shadow-wide: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    --rating-star: #d0d0d0;
    --rating-star-active: #ffb000;

    --alert-background: #ffefd0;
    --alert-color: #ae8639;
    --alert-shadow: none;
    --alert-divider-border: 1px solid rgb(0 0 0 / 7%);

    --error-background: #ffece7;
    --error-color: #ff3300;
    --error-shadow: inset 0px 0px 0px 1px rgb(255 196 189);
    --error-font-weight: 500;

    --btn-radius: 6px;
    --btn-radius-search: 6px;
    --btn-radius-badge: 16px;
    --btn-radius-badge-big: 20px;
    --btn-radius-toggle: 20px;
    --btn-radius-toggle_active: 20px;
    --btn-radius-full: 60px;

    --radius-default: 6px;
    --radius-big: 12px;
    --radius-wide: 12px;
    --radius-input: 6px;
    --radius-modal: 12px;
    --radius-notifications: 6px;
    --radius-slider: 12px;
    --radius-slider-inset: 8px;
    --radius-recording-section: 20px;
    --radius-recording-dot: 50%;

    --box-border: 1px solid #c4c4c4;
    --box-radius: 6px;

    --badge-background: #f2f2f2;
    --badge-background-medium: #c4c4c4;
    --badge-background-inverted: #737373;
    --badge-background-bordered: #FFF;
    --badge-color: #222;
    --badge-color-hover: #000;
    --badge-color-medium: #FFF;
    --badge-color-inverted: #FFF;
    --badge-color-bordered: #222;
    --badge-border: 1px solid transparent;
    --badge-border-medium: 1px solid transparent;
    --badge-border-inverted: 1px solid transparent;
    --badge-border-bordered: 1px solid #c4c4c4;

    --badge-light-color: #737373;
    --badge-light-background: #fff;
    --badge-light-shadow: 0 0.14px 2.29266px rgba(0, 0, 0, .032), 0 0.37px 4.42626px rgba(0, 0, 0, .048), 0 3px 7px rgba(0, 0, 0, .09);

    --list-hover: #fafafa;
    --list-hover-light: #f2f2f2;
    --list-hover-intense: #e0e0e0;

    --table-border: rgba(0, 0, 0, 0.09);
    --light-border: 1px solid rgba(255, 255, 255, 0.09);
    --line-color: #dfdfdf;

    --btn: #f2f2f2;
    --btn-hover: #f2f2f2;
    --btn-font-weight: 500;

    --btn-scale-hover: scale(1.015);
    --btn-scale-active: scale(.989);

    /* The transparent button style
       is the same as default button
       by simulating #f2f2f2 as a black transparent
       to be used on colored backgrounds.
       Don't use on dark backgrounds.
       */
    --btn-transparent: rgba(0, 0, 0, 0.1);
    --btn-transparent-hover: rgba(0, 0, 0, 0.1);

    --btn-font: #222;
    --btn-font-hover: #000;

    --btn-primary: #222222;
    --btn-primary-hover: #000000;
    --btn-primary-font: #ffffff;
    --btn-primary-icon-color: rgba(255, 255, 255, 0.9);

    --btn-primary2: #ffb000;
    --btn-primary2-hover: #ffb000;
    --btn-primary2-font: #000;
    --btn-primary2-font-hover: #222;

    --btn-bordered: #222222;
    --btn-bordered-hover: #000;
    --btn-bordered-background: transparent;
    --btn-bordered-background-hover: transparent;
    --btn-bordered-font: #222222;
    --btn-bordered-font-hover: #000;

    --btn-outlined: transparent;
    --btn-outlined-hover: transparent;

    --btn-white: #ffffff;
    --btn-white-hover: #f7f7f7;
    --btn-white-font: #222222;
    --btn-white-font-hover: #000;

    /* Be careful, these colors are misused for fonts as well */
    --btn-dark: #4a4a55;
    --btn-dark-hover: #50505b;
    --btn-dark-font: #fff;

    --btn-light: #ededed;
    --btn-light-hover: #d5d5d5;
    --btn-light-border: #ededed;
    --btn-light-border-hover: #ffb000;
    --btn-light-font: #444;
    --btn-highlight: #fff3e0;

    --btn-search-background: var(--btn-primary);
    --btn-search-color: var(--btn-primary-font);
    --btn-search-border-color: var(--btn-primary-hover);

    --btn-medium-border: #eaeaea;
    --btn-medium-border-hover: #444;
    --btn-medium-font: #444;
    --btn-medium-font-hover: #000;

    --btn-red: #ed520026;
    --btn-red-hover: #f03709;
    --btn-red-font: #f03709;

    --btn-success: #8cd200;
    --btn-success-hover: #7be600;
    --btn-success-font: #fff;

    --btn-google-background: #fff;
    --btn-google-color: #737373;
    --btn-google-color-hover: #000;

    --btn-ai-glow: #222;
    --btn-ai-glow-font: #fff;
    --ai-icon-color: #ffcd00;
    --ai-shadow: 0 0 0 1px #00000033, 0 0 7px 4px rgb(255 159 10 / 67%), 0 0 7px 7px rgb(94 92 230 / 31%), 0 0 7px 7px rgb(207 0 255 / 60%);
    --ai-shadow-inset: none;

    --success-background: #ecfce9;
    --success-font: #0dd900;
    --success-icon-color: #0dd900;

    --sunny-background: #fffae4;

    --section-background: #fafafa;
    --section-font: #222222;
    --section-font-light: #00000099;

    --section-padding-top: 52px;
    --section-padding-top-small: 24px;
    --section-padding-bottom: 64px;
    --section-padding-bottom-small: 36px;

    --account-section-padding-top: 32px;
    --account-section-padding-bottom: 24px;

    --categories-section-background: var(--fixando-yellow);
    --categories-home-background: #fff6e5;

    --highlighted-color: #e79d0b;
    --highlighted-color-hover: #000;
    --highlighted-background: #fff6e5; /* #fff9ef */
    --highlighted-background-hover: #fff1cb;

    --light-background: #fafafa;
    --medium-background: #f2f2f2;
    --intense-background: #7a7a7a;
    --dark-background: #222222;
    --form-background: #f2f2f2;
    --box-background: #FFF;

    --request-box-background: #fff;
    --request-box-shadow: var(--box-shadow-small);
    --request-more-info: #fff8ee;

    --profile-background: #fff;
    --profile-shadow: var(--box-shadow-small);
    --profile-award-background: #222222;

    --badge-expert-background: #e0c863;
    --badge-experienced-background: #99a1a3;
    --badge-beginner-background: #dda364;

    --badge-progress-bar-background: #f2f2f2;

    --list-background: #f2f2f2;

    --checkout-payment-options-background: #FFF;
    --checkout-payment-options-background-hover: #fafafa;

    --faq-background: #ffefd0;
    --faq-background-active: #fff6e5;

    --pro-question-background: #fff;
    --pro-question-footer-shadow: 0px -10px 15px 0 rgb(255 255 255 / 80%);

    --consent-background: var(--site-background);

    --footer-background: #222222;
    --footer-font: #ffffff;
    --footer-link-font: #ffffff99;
    --footer-link-font-hover: #ffffff;
    --footer-light-font: #ffffff66;
    --footer-border: #656565;
    --footer-border-hover: #a5a5a5;

    --account-dropdown-background: #FFF;

    --menu-background: #222222;
    --menu-font: #f9f9f9;
    --menu-hover: #d7d7d7;
    --menu-active: #eaeaea;
    --menu-active-font: #000000;
    --submenu-font: #737373;

    --slider-box-border: 1px solid #00000014;

    --packages-box-background: #fff;
    --packages-nofeature-background: #f2f2f2;
    --packages-nofeature-color: #ccc;
    --packages-savex-background: #eeffea;
    --packages-savex-color: #07ad00;
    --packages-most-border-color: #08be00;
    --packages-most-color: #fff;

    --calendar-request-color: var(--fixando-yellow);
    --calendar-events-color: #7ad2fe;
    --calendar-hired-color: #3fcf00;
    --datepicker-border: 0.5px solid transparent;
    --datepicker-shadow: 0 0 30px rgb(0 0 0 / 40%);

    --chat-message-user-background: #f2f2f2;
    --chat-message-user-font: #222;
    --chat-message-pro-background: #ffefd0;
    --chat-message-pro-font: #ae8639;
    --chat-message-radius: 4px;
    --chat-message-shadow: none;
    --chat-message-time: rgba(0, 0, 0, 0.5);
    --chat-message-link: #4e4d4d;
    --chat-message-compose-shadow: 0px -10px 15px 0 rgb(255 255 255 / 80%);
    --chat-message-section-shadow: 0 -10px 15px 0 #fff;


    --skill-radius: 18px;
    --skill-background: #f2f2f2;
    --skill-border: 1px solid #f2f2f2;
    --skill-background-active: #222;
    --skill-background-hover: transparent;
    --skill-color: #222;
    --skill-color-hover: #000;

    --whatsapp-background: #20C249;
    --whatsapp-color: #fff;

    --phone-verified-background: #20C249;
    --phone-verified-color: #fff;

    --main-menu-icon-border-bottom: 1px solid #c4c4c4;

    --logo-small: url(/img/logo300.png?x=3);
    --logo-small-light: url(/img/logo_white300.png?x=3);
    --logo-small2: url(/img/logo320.png?x=2);
    --logo-medium: url(/img/logo500.png?x=3);
    --logo-large: url(/img/logo1000.png?x=3);

    --badge-beginner-small: url(/img/badges/beginner_small.png?x=3);
    --badge-experienced-small: url(/img/badges/experienced_small.png?x=3);
    --badge-expert-small: url(/img/badges/expert_small.png?x=3);

    --fixando-ai-logo: url(/img/fixando_ai.png?x=0);
    --fixando-genial-logo: url(/img/fixando_genial.png?x=0);

    --request-progressbar-background: #eeeeee;

    --pro-badges-background: #fff;
    --pro-badges-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    --chart-color-1: #ffb000;
    --chart-color-2: #ffe7c1;
    --chart-color-3: #fff4e2;
    --chart-color-4: #006b48;
    --chart-color-5: #004412;
    --chart-color-6: #35650b;
    --chart-color-7: #6e8500;
    --chart-color-8: #b1a200;
    --chart-color-9: #f2933c;
    --chart-grid-line-color: #e0e0e0;
    --chart-background: rgb(250 250 250);

    --img-filter-hero: opacity(.6) brightness(.85) grayscale(.2);
    --img-invert-filter: none;
    --img-invert-filter-intense: none;

    --google-login-icon-url: url('/img/google_login_icon.png?x=2');
}

@font-face {
    /*
    Font is loaded in header
     */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.icon,
.loader::before {
    font-family: 'fixando';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}

.icon-award:before {
    content: "\e949";
}

.icon-open-link:before {
    content: "\e947";
}

.icon-car-service:before {
    content: "\e944";
}

.icon-gallery1:before {
    content: "\e93b";
}

.icon-no-skill:before {
    content: "\e950";
}

.icon-no-time:before {
    content: "\e951";
}

.icon-too-far:before {
    content: "\e952";
}

.icon-no-clue:before {
    content: "\e95d";
}

.icon-flag:before {
    content: "\e945";
}

.icon-copy:before {
    content: "\e909";
}

.icon-download:before {
    content: "\e913";
}

.icon-rotate-right:before {
    content: "\e939";
}

.icon-rotate-left:before {
    content: "\e93a";
}

.icon-celebration:before {
    content: "\e934";
}

.icon-check2:before {
    content: "\e116";
}

.icon-cross:before {
    content: "\e117";
}

.icon-delete-outline:before {
    content: "\e920";
}

.icon-delete:before {
    content: "\e921";
}

.icon-send:before {
    content: "\e915";
}

.icon-menu:before {
    content: "\e928";
}

.icon-more_vert:before {
    content: "\e91d";
}

.icon-pets:before {
    content: "\e900";
}

.icon-home1:before {
    content: "\e92e";
}

.icon-dry_cleaning:before {
    content: "\e932";
}

.icon-help:before {
    content: "\e90a";
}

.icon-help-outline:before {
    content: "\e933";
}

.icon-coin:before {
    content: "\e936";
}

.icon-edit:before {
    content: "\e93d";
}

.icon-check-circle:before {
    content: "\e93e";
}

.icon-arrow-left-thin:before {
    content: "\e94b";
}

.icon-arrow-right-thin:before {
    content: "\e94a";
}

.icon-upload:before {
    content: "\e604";
}

.icon-plus:before {
    content: "\e613";
}

.icon-check:before {
    content: "\e60d";
}

.icon-google:before {
    content: "\e629";
}

.icon-youtube:before {
    content: "\e635";
}

.icon-twitter:before {
    content: "\e907";
}

.icon-spinner:before {
    content: "\e918";
}

.icon-radio_unchecked:before {
    content: "\e901";
}

.icon-radio_checked:before {
    content: "\e902";
}

.icon-clock:before {
    content: "\e94e";
}

.icon-location:before {
    content: "\e948";
}

.icon-subdirectory_arrow_right:before {
    content: "\e908";
}

.icon-wellness:before {
    content: "\e930";
}

.icon-fixando:before {
    content: "\e93f";
}

.icon-medal:before {
    content: "\e90c";
}

.icon-book1:before {
    content: "\e931";
}

.icon-book:before {
    content: "\e906";
}

.icon-info2:before {
    content: "\ea0c";
}

.icon-home:before {
    content: "\e905";
}

.icon-camera-o:before {
    content: "\e904";
}

.icon-user:before {
    content: "\e600";
}

.icon-users2:before {
    content: "\e601";
}

.icon-user-add:before {
    content: "\e602";
}

.icon-info:before {
    content: "\e603";
}

.icon-warning:before {
    content: "\e917";
}

.icon-profile:before {
    content: "\e605";
}

.icon-envelope:before {
    content: "\e606";
}

.icon-envelope-alt:before {
    content: "\e607";
}

.icon-phone2:before {
    content: "\e608";
}

.icon-settings:before {
    content: "\e609";
}

.icon-lock:before {
    content: "\e60a";
}

.icon-statistic:before {
    content: "\e60b";
}

.icon-ok-sign:before {
    content: "\e60e";
}

.icon-ok:before {
    content: "\e116";
}

.icon-trash:before {
    content: "\e612";
}

.icon-buy:before {
    content: "\e614";
}

.icon-caret-down:before {
    content: "\e615";
}

.icon-caret-up:before {
    content: "\e616";
}

.icon-caret-left:before {
    content: "\e617";
}

.icon-caret-right:before {
    content: "\e618";
}

.icon-images:before {
    content: "\e619";
}

.icon-camera:before {
    content: "\e61a";
}

.icon-gallery:before {
    content: "\e61b";
}

.icon-film:before {
    content: "\e61c";
}

.icon-music:before {
    content: "\e61d";
}

.icon-print:before {
    content: "\e61e";
}

.icon-undo:before {
    content: "\e61f";
}

.icon-search:before {
    content: "\e620";
}

.icon-eye:before {
    content: "\e621";
}

.icon-eye-blocked:before {
    content: "\e622";
}

.icon-crop:before {
    content: "\e956";
}

.icon-proicon:before {
    content: "\e62f";
}

.icon-facebook:before {
    content: "\e62a";
}

.icon-facebook2:before {
    content: "\e62b";
}

.icon-linkedin:before {
    content: "\e912";
}

.icon-vimeo:before {
    content: "\e634";
}

.icon-gender0:before {
    content: "\e630";
}

.icon-gender1:before {
    content: "\e631";
}

.icon-globe:before {
    content: "\e632";
}

.icon-bubble:before {
    content: "\e636";
    color: var(--dark-font-color);
}

.icon-bubbles:before {
    content: "\e637";
    color: var(--dark-font-color);
}

.icon-heart-o:before {
    content: "\e638";
    color: var(--dark-font-color);
}

.icon-heart:before {
    content: "\e639";
    color: var(--dark-font-color);
}

.icon-list:before {
    content: "\e63a";
    color: var(--dark-font-color);
}

.icon-forward:before {
    content: "\e903";
}

.icon-reply:before {
    content: "\e90b";
}

.icon-dot:before {
    content: "\e90c";
}

.icon-file-text2:before {
    content: "\e926";
}

.icon-price-tag:before {
    content: "\e935";
}

.icon-bookmark:before {
    content: "\e919";
}

.icon-phone:before {
    content: "\e942";
}

.icon-pushpin:before {
    content: "\e946";
}

.icon-trophy:before {
    content: "\e99e";
}

.icon-star-full:before {
    content: "\e9d9";
}

.icon-star-empty:before {
    content: "\e91a";
}

.icon-newspaper:before {
    content: "\e90e";
}

.icon-coin-euro:before {
    content: "\e93c";
}

.icon-users:before {
    content: "\e972";
}

.icon-shield:before {
    content: "\e90f";
}

.icon-attachment:before {
    content: "\e9cd";
}

.icon-gift:before {
    content: "\e99f";
}

.icon-calendar:before {
    content: "\e953";
}

.icon-apple:before {
    content: "\eabe";
}

.icon-android:before {
    content: "\eac0";
}

.icon-whatsapp:before {
    content: "\ea93";
}

.icon-minus:before {
    content: "\ea0b";
}

.icon-smile2:before {
    content: "\e9e2";
}

.icon-sad2:before {
    content: "\e9e6";
}

.icon-specialquotelock:before {
    content: "\e91c";
}

.icon-specialquotes_unlocked:before {
    content: "\e937";
}

.icon-specialquote:before {
    content: "\e938";
}

.icon-briefcase:before {
    content: "\e9ae";
}

.icon-certificate:before {
    content: "\e92c";
}

.icon-left-thin-arrow:before {
    content: "\e911";
}

.icon-arrow-right:before {
    content: "\e910";
}

.icon-arrow-thin-up:before {
    content: "\e91e";
}

.icon-arrow-thin-down:before {
    content: "\e91f";
}

.icon-filter:before {
    content: "\e943";
}

.icon-checkbox_checked:before {
    content: "\e94d";
}

.icon-checkbox_unchecked:before {
    content: "\e94f";
}

.icon-dot-circle-o:before {
    content: "\e92d";
}

.icon-trash-full:before {
    content: "\e923";
}

.icon-handshake:before {
    content: "\e929";
}

.icon-hand-right:before {
    content: "\e92a";
}

.icon-hand-left:before {
    content: "\e92b";
}

.icon-mic:before {
    content: "\e922";
}

.icon-play:before {
    content: "\ea1c";
}

.icon-pause:before {
    content: "\ea1d";
}

.icon-stop:before {
    content: "\ea1e";
}

.icon-language:before {
    content: "\e914";
}

.icon-instagram:before {
    content: "\ea92";
}

.icon-ai:before {
    content: "\e916";
}


/*   CUSTOM ICONS   */
/* This section contains individual icons that are either duplicates or derived from other icons.
    These icons can be customized by modifying their content codes directly.
    Add unique custom icons here that are not part of the IcoMoon App.
*/
.icon-arrow-left:before {
    content: "\e911";
}

.icon-remove:before {
    content: "\e117";
}

.icon-cat_1:before {
    content: "\e92e";
}

.icon-cat_2:before {
    content: "\e61a";
}

.icon-cat_3:before {
    content: "\e931";
}

.icon-cat_4:before {
    content: "\e930";
}

.icon-cat_5:before {
    content: "\e92d";
}

.icon-cat_6:before {
    content: "\e900";
}

.icon-cat_7:before {
    content: "\e932";
}

.icon-cat_8:before {
    content: "\e609";
}

.icon-cat_9:before {
    content: "\e9ae";
}

.icon-cat_1667:before {
    content: "\e944";
}

.icon-pass-reason--1:before {
    content: "\e950";
}

.icon-pass-reason--2:before {
    content: "\e951";
}

.icon-pass-reason--3:before {
    content: "\e952";
}

.icon-pass-reason--4:before {
    content: "\e95d";
}

.icon-pass-reason--5:before {
    content: "\e622";
}

.icon-pass-reason--7:before {
    content: "\e91b";
}

/*************************/

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

html, body {
    width: 100%;
    height: 100%
}

html.animateColor * {
    transition: border-color 500ms linear, background 500ms linear;
}

body {
    margin: 0;
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
    color: var(--site-font-color);
    background: var(--site-background);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: auto;
    -webkit-overflow-scrolling: touch;
    overflow: overlay;
    transition: all 0.3s ease;
    --alert-height: 0px;
}

body:has([data-alert-close="switch_language"]) {
    --alert-height: 80px;
}

html.is-iframe body {
    background: var(--popup-background);
}

* {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-variant: common-ligatures;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
}

body.testsystem::before,
body.localhost::before {
    content: '';
    position: fixed;
    height: 3px;
    width: 50px;
    background: #ff0099;
    top: 0;
    left: 0;
    z-index: 100000
}

html.is-iframe body.testsystem #admincanvas,
html.is-iframe body.localhost #admincanvas {
    display: none;
}

body.localhost::before {
    background: transparent;
}

body.packages,
body.account {
    background: var(--site-background-secondary);
}

.pro_quote .request_details::-webkit-scrollbar,
.autocomplete-suggestions::-webkit-scrollbar,
.iti__country-list::-webkit-scrollbar,
.submenu::-webkit-scrollbar,
textarea::-webkit-scrollbar,
#pppcrequestForm #requestFormContainer::-webkit-scrollbar,
body.pro #question_container #requestFormContainer::-webkit-scrollbar,
.about_pro_section .about_pro::-webkit-scrollbar,
.messages_section ul.request_messages::-webkit-scrollbar,
.bid_page .messages_section::-webkit-scrollbar,
#quoteform .estimate-types .types-lists::-webkit-scrollbar,
#quoteform .templates-types .types-lists::-webkit-scrollbar,
.project_bid .pro-other-details::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.footer-dropdown::-webkit-scrollbar-track,
.pro_quote .request_details::-webkit-scrollbar-track,
.autocomplete-suggestions::-webkit-scrollbar-track,
.iti__country-list::-webkit-scrollbar-track,
.submenu::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
#pppcrequestForm #requestFormContainer::-webkit-scrollbar-track,
body.pro #question_container #requestFormContainer::-webkit-scrollbar-track,
.about_pro_section .about_pro::-webkit-scrollbar-track,
.messages_section ul.request_messages::-webkit-scrollbar-track,
.bid_page .messages_section::-webkit-scrollbar-track,
#quoteform .estimate-types .types-lists::-webkit-scrollbar-track,
#quoteform .templates-types .types-lists::-webkit-scrollbar-track,
.project_bid .pro-other-details::-webkit-scrollbar-track {
    background: transparent;
    margin-top: 1px;
    margin-bottom: 1px;
}

.footer-dropdown::-webkit-scrollbar-track {
    background: var(--footer-background);
}

.iti__country-list::-webkit-scrollbar-track,
#pppcrequestForm #requestFormContainer::-webkit-scrollbar-track,
.about_pro_section .about_pro::-webkit-scrollbar-track {
    margin-top: 10px;
    margin-bottom: 10px;
}

textarea::-webkit-scrollbar-track {
    margin-top: 15px;
    margin-bottom: 15px;
}

.pro_quote .request_details::-webkit-scrollbar-thumb,
.autocomplete-suggestions::-webkit-scrollbar-thumb,
.iti__country-list::-webkit-scrollbar-thumb,
.submenu::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
#pppcrequestForm #requestFormContainer::-webkit-scrollbar-thumb,
body.pro #question_container #requestFormContainer::-webkit-scrollbar-thumb,
.about_pro_section .about_pro::-webkit-scrollbar-thumb,
.messages_section ul.request_messages::-webkit-scrollbar-thumb,
.bid_page .messages_section::-webkit-scrollbar-thumb,
#quoteform .estimate-types .types-lists::-webkit-scrollbar-thumb,
#quoteform .templates-types .types-lists::-webkit-scrollbar-thumb,
.project_bid .pro-other-details::-webkit-scrollbar-thumb {
    background: rgba(139, 139, 139, 0.3);
    border-radius: var(--radius-default);

    border: 1px transparent solid;
    background-clip: padding-box;
}

.pro_quote .request_details::-webkit-scrollbar-thumb:hover,
.autocomplete-suggestions::-webkit-scrollbar-thumb:hover,
.iti__country-list::-webkit-scrollbar-thumb:hover,
.submenu::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
#pppcrequestForm #requestFormContainer::-webkit-scrollbar-thumb:hover,
body.pro #question_container #requestFormContainer::-webkit-scrollbar-thumb:hover,
.about_pro_section .about_pro::-webkit-scrollbar-thumb:hover,
.messages_section ul.request_messages::-webkit-scrollbar-thumb:hover,
.bid_page .messages_section::-webkit-scrollbar-thumb:hover,
#quoteform .estimate-types .types-lists::-webkit-scrollbar-thumb:hover,
#quoteform .templates-types .types-lists::-webkit-scrollbar-thumb:hover,
.project_bid .pro-other-details::-webkit-scrollbar-thumb:hover {
    background: rgba(149, 149, 149, 0.6);
}

.submenu::-webkit-scrollbar-thumb {
    opacity: 0;
}

.submenu:hover::-webkit-scrollbar-thumb {
    opacity: 1;
}

a {
    color: var(--link-font-selected);
    text-decoration: none;
    text-underline-position: under;
    text-underline-offset: 1px !important;
    text-decoration-thickness: 1px !important;
}

a.underlined,
.link {
    color: var(--link-font-selected);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
    cursor: pointer;
}

.alert > a.underlined,
.alert > .link {
    text-decoration-color: inherit;
}

a#edit_button, a#edit_button:hover {
    color: var(--full-font-color);
}

a.light_link {
    color: var(--light-font-color);
}

a:hover,
a:active,
a:focus {
    color: var(--link-font-hover);
    text-decoration: none;
    outline: 0;
}

a.nu:hover {
    text-decoration: none !important;
}

a.underlined:hover,
.link:hover {
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
}


.linkline {
    background-image: linear-gradient(transparent calc(100% - 1.5px), var(--linkline-color-hover) 1px), linear-gradient(transparent calc(100% - 1px), var(--linkline-color) 1px);
    background-position: 0 bottom, 0 bottom;
    background-repeat: no-repeat;
    background-size: 0% 6px, 100% 6px;
    text-decoration: none !important;
    border-radius: 0 !important;
    transition: all 500ms cubic-bezier(0.22, 1, 0.36, 1);
    padding-bottom: 1px;
    cursor: pointer;
}

.linkline:hover,
a:hover > * > .linkline {
    background-size: 100% 6px, 100% 6px;
    cursor: pointer;
    text-decoration: none !important;

}


.root-categories .link:hover,
.locationlinks a:hover {
    text-decoration: underline;
    color: var(--link-font-hover);
    cursor: pointer
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

.span_5 {
    width: 170px;
}

.row-fluid {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid:before,
.row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}


.row-fluid .span12 {
    width: 100%;
}

.row-fluid .span11 {
    width: 91.48936170212765%;
}

.row-fluid .span10 {
    width: 82.97872340425532%;
}

.row-fluid .span9 {
    width: 74.46808510638297%;
}

.row-fluid .span8 {
    width: 65.95744680851064%;
}

.row-fluid .span7 {
    width: 57.44680851063829%;
}

.row-fluid .span6 {
    width: 48.93617021276595%;
}

.row-fluid .span5 {
    width: 40.42553191489362%;
}

.row-fluid .span4 {
    width: 31.9159993617021278%;
}

.row-fluid .span3 {
    width: 23.404255319148934%;
}

.row-fluid .span2 {
    width: 14.893617021276595%;
}

.row-fluid .span1 {
    width: 6.382978723404255%;
}

.row-fluid .span_5 {
    width: 17.93617021276595%;
}

.container-fluid {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.container-fluid:before,
.container-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.container-fluid:after {
    clear: both;
}

.padding .container-fluid {
    padding: 20px 40px;
}

.content {
    min-height: 200px;
    padding: 0px 0 35px 0;
}

.row-dark {
    padding: 5px;
    background: transparent;
    margin-left: -20px;
    padding-left: 20px;
    margin-right: -20px;
    padding-right: 20px;
}


p {
    margin: 0 0 10px;
}

hr {
    height: 1px;
    border: none;
    border-top: 1px solid var(--table-border)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: inherit;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizelegibility;
}


h1,
h2 {
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    font-weight: var(--headline-font-weight);
    letter-spacing: var(--headline-letter-spacing);
}

h3 {
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    font-weight: var(--subheadline-font-weight);
    letter-spacing: var(--headline-letter-spacing);
}

h1 b,
h2 b,
h1 .b,
h2 .b,
h1.b,
h2.b {
    font-weight: var(--headline-font-weight);
}

h3 b,
h3 .b,
h3.b {
    font-weight: var(--subheadline-font-weight);
}

h4 {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: inherit;
}

h5,
h6 {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

li {
    line-height: 20px;
}

br::selection {
    background-color: transparent;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

label,
input,
button,
select,
textarea {
    margin: 0;
    vertical-align: middle;
    font-size: var(--site-font-size);
    font-weight: var(--site-font-weight);
    line-height: 20px;
    cursor: pointer;
    border-radius: var(--radius-input);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input:hover,
textarea:hover {
    border-color: var(--input-border-color-hover) !important;
    outline: none;
    transition: all .1s ease-out;
}

input:focus,
textarea:focus {
    box-shadow: inset 0px 0px 0px .5px var(--input-border-color-active);
    border-color: var(--input-border-color-active) !important;
    outline: none;
    border-width: 1px;
    transition: all .2s ease-out;
}

label {
    display: inline-block;
}

label:focus {
    outline: none
}

input,
textarea {
    color: var(--site-font-color);
    min-width: 206px;
    margin-left: 0;
    border: 1px solid var(--input-border-color);
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

textarea {
    display: inline-block;
    padding: 4px 6px;
    vertical-align: middle;
    height: auto;
    overflow: auto;
    background-color: var(--input-background);
    line-height: inherit;
}

select {
    /*
    background: url('/img/arrow.png') right center no-repeat #FFF;
    background-size: 22px;
    */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODc5Rjg3QzhGRkZBMTFFQUE4NzFFN0QwRUFFRjFGRkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODc5Rjg3QzlGRkZBMTFFQUE4NzFFN0QwRUFFRjFGRkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NzlGODdDNkZGRkExMUVBQTg3MUU3RDBFQUVGMUZGRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NzlGODdDN0ZGRkExMUVBQTg3MUU3RDBFQUVGMUZGRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnjPuCgAAAHESURBVHjatJTPK0RRFMffXD9Kk4Syo/kDxkLZsLBl47eQmEiSFBspLNjQSIqFZCFJ+bXwI1JKqKmXBSmLWcxCmZhmFmaKhZQX31tn6nSbMXPHc+ozdb73vvOdd+87x2GapseyLK9hGGHQDJ6M/4kisAfcYN7h8/miMC6kxVtQB15tNs0Dh6CW8i+BnxDbUAkOgNNG0yywxUxlRKRxOwgysQbsgBybjNdAK8tj0lMa+0ETCfGoB+s2mC6AfpZ/0ouagoR7+lcfbFMPWP6D6SQYY/k38IALmQi2cAW6gMW0ETCTgekQmE2g7ccToSwegQFFmwajGqadYEXRJuiujWTGMjaUI5KxRMeUKmQrbgKHcs9edaNIUmARzCma/NgafjGtoqPMVZ4ZT7RZ/FJoCqyyPBtsU7up4aZrymeanAeDyYqLFEc3DHZZ7qSCFUxzgRNQwrRL0K18qFrGsgV6wTnTisExKAMFZOpi63LstimtqW3Mm/6GaaXgFJzRMccjABqVYZSxsYw3mm5+ppWDapa/0MQLpVNQaPRnhAoHE6zF6E0D6RYTmhPpkczDTHsHLeBOp5DIYBw+gA7wDKKgD1zrFvkRYACg1F70Qn4vsAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 50%;
    background-size: 15px;
    border: var(--input-select-border);
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0 15px;
    padding-right: 35px;
    line-height: 33px;
    outline: none;
    height: 40px;
    border-radius: var(--radius-input);
    max-width: 100%;
    background-color: var(--input-background);
    color: var(--input-color);
}

/*noinspection CssInvalidPseudoSelector*/
select::-ms-expand {
    display: none; /* hide default arrow in IE10 */
}

select:focus,
select:hover {
    outline: none;
    background-blend-mode: difference;
    border-color: var(--input-border-color-hover);
    transition: all .2s ease-out;
    animation: wiggle .4s cubic-bezier(.28, .84, .42, 1);
}

select:focus {
    box-shadow: inset 0px 0px 0px .5px var(--input-border-color-active);
    border-color: var(--input-border-color-active) !important;
    outline: none;
    border-width: 1px;
    border: var(--input-select-border);
}

textarea:disabled,
input:disabled,
select:disabled {
    opacity: 0.5
}

textarea:disabled:hover,
input:disabled:hover,
select:disabled:hover {
    cursor: not-allowed;
}

input:-internal-autofill-selected {
    background-color: red !important;
}

/*noinspection ALL*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--input-placeholder-color);
    font-weight: 300;
    letter-spacing: var(--site-letter-spacing);
    transition: all .2s ease-out;
}

input.error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder,
input.error::placeholder,
textarea.error::placeholder {
    color: var(--error-color);
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
input:focus::placeholder,
textarea:focus::placeholder,
:focus::placeholder {
    color: var(--input-placeholder-color-active);
    font-weight: 300;
}


input[type="checkbox"],
input[type="radio"] {
    display: none;
}

/* <hl> Highlight text </hl> */
hl {
    color: var(--highlight-font-color);
}


.invisible-element {
    opacity: 0;
    transition: opacity 1s ease;
}

.non-clickable-element {
    pointer-events: none;
}

.invisible-non-clickable {
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease;
}


overlay {
    position: fixed;
    z-index: 999998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    transform-style: preserve-3d;
    animation: overlay .2s cubic-bezier(0, 0, .2, 1);
}

overlay:after {
    position: fixed;
    top: 50vh;
    left: calc(50% - 30px);
    content: "\e93f";
    font-family: 'fixando';
    transform-style: preserve-3d;
    animation: skrew 1.8s ease-out infinite;
    font-size: 60px;
    opacity: 0.2;
    color: #FFF
}

@keyframes overlay {
    0% {
        opacity: 0
    }
    to {
        opacity: .4
    }
}

.answers label.password_nb,
.answers label.terms_accept,
.answers label.news_accept {
    border-top: none;
    padding: 0 0 12px !important;
    font-size: var(--site-font-size);
}

.answers label.password_nb input[type="checkbox"] + span:before,
.answers label.terms_accept input[type="checkbox"] + span:before,
.answers label.news_accept input[type="checkbox"] + span:before {
    top: 4px !important;
}

.password-not-visible:before {
    font-family: 'fixando';
    content: "\e621";
    font-style: normal;
    text-decoration: none;
}

.password-visible:before {
    font-family: 'fixando';
    content: "\e622";
    font-style: normal;
    text-decoration: none;
}

.js-show-password {
    position: absolute;
    right: 5px;
    padding: 10px;
    cursor: pointer;
    color: var(--light-font-color);
}

.js-show-password:hover {
    color: var(--site-font-color);
}

.password-block {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.password-block .form-control.password-field {
    padding-right: 45px;
    width: 100%;
}

.pro .password-block {
    margin: 10px 0px 5px 0px;
}

.pro .password-block .password-field {
    margin-bottom: 0px;
    flex-grow: 1;
}

.pro .register-pro-form:not(.password-required) .password-block .password-field {
    margin-left: 4px !important;
    margin-right: -4px !important;
}

.pro .register-pro-form.password-required .password-block {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pro .register-pro-form.password-required .password-block .js-show-password {
    right: 15px;
}

.terms_accept input[type="checkbox"].error.changed + span:before,
.news_accept input[type="checkbox"].error.changed + span:before {
    border: none;
    box-shadow: none;
}

.terms_accept.error,
.news_accept.error {
    border: none;
    box-shadow: none;
}

.terms_accept input[type="checkbox"].error + span:before,
.news_accept input[type="checkbox"].error + span:before {
    color: var(--error-color);
}

.terms_accept input[type="checkbox"]:checked + span:before,
.news_accept input[type="checkbox"]:checked + span:before,
.password_nb input[type="checkbox"]:checked + span:before {
    background: none;
}

.terms_accept input[type="checkbox"] + span:before,
.news_accept input[type="checkbox"] + span:before,
.password_nb input[type="checkbox"] + span:before {
    top: 4px;
    font-size: 21px;
    margin-right: -5px;
}

#new_password_container {
    background: var(--light-background);
    padding: 30px 20px;
    border-radius: var(--btn-radius);
    margin-bottom: 40px;
}

.password_forgotten.content {
    padding-top: 40px;
}

.forgot-password-container {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin-top: 20px;
    max-width: 540px;
}

.user_not_accepted {
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    opacity: 0.8;
}

.terms_news {
    background: var(--site-background);
    width: 550px;
    position: absolute;
    z-index: 100001;
    top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 20px;
    flex-direction: column;
    display: flex;
    border-radius: 4px;
}

.termserror {
    font-size: var(--site-font-size-small);
    color: var(--error-color);
    margin-top: 10px;
    height: 15px;
}

h3.cont_info {
    margin-top: 0;
    margin-bottom: 10px;
}

input[type="checkbox"] + span:before {
    font-family: 'fixando';
    font-size: 22px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    content: "\e94f";
    font-weight: normal;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: auto;
    overflow: visible;
    color: var(--checkbox-color);
    /*background: var(--input-background);*/
}

input[type="checkbox"]:not(:checked) + span:active:before,
input[type="checkbox"]:not(:checked) + span:hover:before,
label:hover input[type="checkbox"]:not(:checked) + span:before {
    color: var(--checkbox-color-hover);
}

input[type="checkbox"]:checked + span:before,
input[type="radio"]:checked + span:before {
    content: "\e94d";
    color: var(--checkbox-checked-color);
    transition: none !important;
}


input[type="radio"] + span:before {
    /*background: var(--input-background);*/
    content: '';
    display: inline-block;
    border-radius: 100%;
    border: 1.5px solid var(--checkbox-color);
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 14px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

input[type="radio"]:checked + span:before {
    content: '\e93f';
    background-color: var(--input-background);
    border: 1.5px solid var(--checkbox-checked-color);
    font-family: fixando;
    color: var(--fixando-yellow);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    animation: spin_quarter 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

input[type="radio"]:not(:checked) + span:active:before,
input[type="radio"]:not(:checked) + span:hover:before,
label:hover input[type="radio"]:not(:checked) + span:before {
    border-color: var(--checkbox-color-hover);
}

input[type="checkbox"][disabled] + span:before,
input[type="radio"][disabled] + span:before {
    opacity: .5;
    cursor: not-allowed;
}

input[type="checkbox"] + span.gallery-image:before {
    position: absolute;
    z-index: 2;
}

._hj-widget-container input[type="radio"] + span:before {
    display: none;
}

@-webkit-keyframes tick {
    0% {
        -webkit-transform: scale(0);
    }
    90% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes tick {
    0% {
        transform: scale(0);
    }
    90% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: none
}

.checked_bold input[type="checkbox"]:checked + span,
.checked_bold input[type="radio"]:checked + span {
    font-weight: bold;
}

.checked_color input[type="checkbox"]:checked + span,
.checked_color input[type="radio"]:checked + span {
    color: var(--link-font-selected);
}

.small_checkbox {
    margin-top: 5px;
}

.small_checkbox input[type="checkbox"] + span:before,
.small_checkbox input[type="radio"] + span:before {
    font-size: 22px;
}

#accountform input[type="checkbox"] + span:before,
#edit-account .small_checkbox input[type="checkbox"] + span:before,
#edit-account .small_checkbox input[type="checkbox"] + span:before,
#profile_payments input[type="checkbox"] + span:before {
    /*color: var(--link-font)*/
}

.small_checkbox input[type="checkbox"] + span:hover:before,
.small_checkbox label:hover input[type="checkbox"] + span:before,
.small_checkbox input[type="radio"] + span:hover:before,
.small_checkbox label:hover input[type="radio"] + span:before {
    color: var(--link-font-hover) !important;
}

label.wrap input[type="checkbox"] + span:before,
label.wrap input[type="radio"] + span:before {
    margin-left: -28px;
}

label.wrap {
    margin-left: 28px;
}

ul.display-info {
    margin-top: 20px;
}

ul.display-info li {
    font-size: 12px;
    line-height: 14px;
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
    color: var(--light-font-color);
}

ul.display-info li .info-tag {
    height: 15px;
    display: inline-block;
    width: 15px;
    border-radius: 3px;
    position: absolute;
    top: -1px;
    margin-left: -20px;
}


input[type="checkbox"]#confirm_booking + span:before,
input[type="checkbox"]#no_nif + span:before {
    top: 4px;
    font-size: 21px;
    margin-right: 8px;
    background: var(--input-background);
}

input[type="checkbox"]#confirm_booking + span.error,
input[type="checkbox"]#no_nif + span.error {
    border: none;
    box-shadow: none;
    color: #ff4846;
}

input[type="checkbox"]#confirm_booking + span.error:before,
input[type="checkbox"]#no_nif + span.error:before {
    color: #ff4846;
}


input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    cursor: pointer;
    direction: ltr;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 15px;
    line-height: 1.42857143;
    color: var(--input-color);
    background-color: var(--input-background);
    background-image: none;
    border: var(--input-border-width) solid var(--input-border-color);
    border-radius: var(--radius-input);
}

.form-group label {
    margin-top: 16px;
    margin-bottom: 5px;
    font-weight: 400;
    margin-left: 4px
}

#create_form_fields label:hover {
    color: var(--link-font-hover);
}


.account .form-group label[for=email] {
    margin-bottom: 0;
}

table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: var(--light-background);
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid var(--table-border);
    text-align: left;
}

.table-layout-2col {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.icon-fw {
    width: 1.2857142857142858em;
    text-align: center;
    display: inline-block;
}

a:hover i.icon-fw {
    text-decoration: none;
}

.inline_label.icon {
    position: absolute !important;
    z-index: 2;
    font-size: 21px;
    left: 8px !important;
    top: 8px !important;
    pointer-events: none;
    /*color: var(--input-border-color);*/
}

.select_photo .inline_label.icon.icon-user {
    top: 4px !important;
}

input.inline_label {
    padding-left: 45px;
}

.btn i.inline_label {
    color: inherit;
}

.btn {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 0;
    font-size: var(--site-font-size);
    font-weight: var(--btn-font-weight);
    background-color: var(--btn);
    color: var(--btn-font);
    border-radius: var(--btn-radius);
    line-height: 1.2504;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    outline: none;
    max-width: 100% !important;
    min-height: 36px;
    transition: transform .25s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 100ms, border-color 100ms, color 100ms, opacity 100ms, background 100ms;
}

.btn:active {
    background-image: none;
    outline: none;
    box-shadow: none;
}

.btn:hover {
    background: var(--btn-hover);
}

.btn-default.btn-transparent {
    background: var(--btn-transparent)
}

btn-default.btn-transparent:hover {
    background: var(--btn-transparent-hover)
}

.btn-reduced,
.alert .btn {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    font-weight: 400;
    min-width: 24px;
    min-height: 24px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: var(--btn-radius);
}

.alert .btn {
    position: relative;
    top: -1px;
    background-color: var(--alert-background);
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    color: var(--alert-color);
    text-decoration: underline;
    text-underline-position: from-font;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;

    transition: box-shadow .2s ease;
    min-height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.alert .btn:hover,
.alert .btn:focus,
.alert .btn:active {
    color: inherit;
    background: inherit;
    text-decoration: none;
    box-shadow: 0 0 0 1px var(--alert-color);
    transform: none !important;
}

.btn-primary {
    color: var(--btn-primary-font);
    background-color: var(--btn-primary);
    transition: color .1s ease, transform .25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: var(--btn-primary-font);
    background-color: var(--btn-primary-hover);
}

.btn:not(.fixbottom):not(.disabled):hover {
    transform: var(--btn-scale-hover);
}

.btn:not(.fixbottom):not(.disabled):active {
    transform: var(--btn-scale-active);
}


.btn-save,
.btn-primary2 {
    color: var(--btn-primary2-font);
    background-color: var(--btn-primary2-hover);
}

.btn-save:hover,
.btn-save:focus,
.btn-save:active,
.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2:active {
    color: var(--btn-primary2-font-hover);
    background-color: var(--btn-primary2-hover);
}

.btn-success {
    background-color: var(--btn-success);
    color: var(--btn-success-font);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--btn-success-hover);
    color: var(--btn-success-font);
}

.btn-white {
    background: var(--btn-white);
    color: var(--btn-white-font);
}

@media (hover: hover) {
    .btn-white:hover,
    .btn-white:focus,
    .btn-white:active {
        color: var(--btn-white-font-hover);
        background: var(--btn-white-hover);
    }
}

.btn-dark {
    background: #626262;
    color: #FFF;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    background: #808080;
    color: #FFF;
}


.btn-link {
    background-color: transparent;
    border-color: transparent;
    font-weight: var(--btn-font-weight);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
    display: inline;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
    transform: none !important;
}


.btn-red,
.btn-redhover:hover {
    background: var(--btn-red);
    color: var(--btn-red-font);
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active {
    background-color: var(--btn-red-hover);
    color: var(--btn-red-font);
}

.btn-light-red {
    color: var(--btn-red-font);
    background: transparent;
    border: 1px solid var(--btn-red);
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.btn-light-red:hover,
.btn-light-red:focus,
.btn-light-red:active {
    background-color: var(--btn-red);
    color: var(--btn-red-font);
}


.btn-greenhover:hover {
    background: var(--btn-success);
    color: var(--btn-success-font);
}

.btn-redhover:hover .icon,
.btn-greenhover:hover .icon {
    color: var(--btn-success-font);
}

.icon.greenhover:hover {
    color: #31c608;
}

.btn-orange {
    background-color: var(--fixando-yellow);
    color: #FFF;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    box-shadow: 0 1px 2px 0 rgba(244, 198, 66, 0.3), 0 1px 3px 1px rgba(244, 182, 66, 0.15);
    background-color: var(--fixando-yellow);
    color: #FFF;
}

.btn-light,
.btn-outlined,
.btn-bordered {
    background-color: transparent;
    border: 1px solid var(--btn-bordered);
    box-shadow: inset 0px 0px 0px 1px transparent;
    color: var(--btn-bordered-font);
    padding-top: 7px;
    padding-bottom: 7px;
    min-height: 36px;
    border-radius: var(--btn-radius);
}

.btn-group .btn-outlined {
    border: none;
}

.btn-light a,
.btn-outlined a,
.btn-bordered a {
    color: var(--btn-bordered-font);
}


.btn-reduced.btn-light,
.btn-reduced.btn-outlined,
.btn-reduced.btn-bordered {
    padding: 3px 11px;
    min-height: 24px;
    line-height: 1.40;
}

.btn-bordered,
.btn-bordered:hover,
.btn-bordered:focus,
.btn-bordered:active {
    border-color: var(--btn-bordered);
    color: var(--btn-bordered-font);
}

.btn-outlined:hover,
.btn-outlined:focus,
.btn-outlined:active {
    background-color: var(--btn-outlined-hover);
    color: var(--btn-primary);
}


.btn-bordered:hover,
.btn-bordered:focus,
.btn-bordered:active {
    border-color: var(--btn-bordered-hover);
    background: var(--btn-bordered-background-hover);
    color: var(--btn-bordered-font-hover);
}


.btn-light {
    background: var(--btn-light);
    color: var(--btn-light-font);
    border-color: var(--btn-light-border);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    border-color: var(--btn-light-border-hover);
    background: var(--btn-light);
}

.btn-light-bordered {
    border: 1px solid var(--btn-light-border-hover);
    background-color: transparent;
    color: var(--btn-primary);
}

.btn-light-bordered:hover,
.btn-light-bordered:focus,
.btn-light-bordered:active {
    background: var(--btn);
    color: var(--site-font-color);
}

.btn.btn-glow {
    border-radius: var(--btn-radius-full);
    position: relative;
    padding: 6px 16px;
    padding-left: 34px;
    min-height: 35px;
    background: var(--btn-ai-glow);
    color: var(--btn-ai-glow-font);
    box-shadow: var(--ai-shadow-inset);
}

.btn.btn-glow.btn-small {
    padding: 3px 16px;
    padding-left: 30px;
    min-height: 26px;
    font-size: var(--site-font-size-mini);
}

.btn.btn-glow.ai-glow,
.btn.btn-glow.ai-glow:active,
.btn.btn-glow.ai-glow:focus,
.btn.btn-glow.ai-glow:hover {
    filter: contrast(1) !important;
    transform: var(--btn-scale-active) !important;
    animation: ai-glow-spin 4s linear infinite;
}

.btn.btn-glow::after {
    position: absolute;
    content: "\e916";
    font-family: 'fixando';
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    color: var(--ai-icon-color);
}

.btn.btn-glow.pending::after,
.btn.btn-glow.ai-glow::after {
    animation: ai-glow-item 1.4s ease-in-out infinite;
}

.btn-vote-up,
.btn-vote-down {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 6px 12px;
    height: 26px;
    position: relative;
    line-height: 1;
    border-radius: 15px;
    width: 34px;
    border: none;
    background: transparent;
}

.btn-vote-up:hover,
.btn-vote-down:hover {
    cursor: pointer;
}

.btn-vote-up:after,
.btn-vote-down:after {
    position: absolute;
    content: "👍";
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: transform .25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-vote-down:after {
    content: "👎";
}

.btn-vote-up:hover:after,
.btn-vote-down:hover:after {
    transform: translate3d(-50%, -50%, 0) scale(1.4) rotate(-10deg);
}

.btn-vote-down:hover:after {
    transform: translate3d(-50%, -50%, 0) scale(1.4) rotate(-10deg);
}

.btn-vote-up:active:after,
.btn-vote-down:active:after {
    transform: translate3d(-50%, -50%, 0) scale(1.8) rotate(-10deg);
}

.btn-vote-wrap {
    display: inline-flex;
    vertical-align: middle;
    gap: 0;
    align-items: center;
    opacity: 0;
    transform: translateX(14px);
    pointer-events: none;
}

.btn-vote-wrap.active {
    pointer-events: auto;
    animation: vote-slide-bounce .4s cubic-bezier(.22, .61, .36, 1) forwards;
    animation-fill-mode: forwards;
    animation-delay: .5s;
}

.btn-vote-wrap.disabled {
    pointer-events: none;
}

@keyframes vote-slide-bounce {
    0% {
        transform: translateX(24px);
    }
    70% {
        transform: translateX(-4px);
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.btn-vote-wrap:hover .btn-vote-up:after,
.btn-vote-wrap:hover .btn-vote-down:after {
    opacity: .5;
    filter: grayscale(1);
    transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-vote-wrap .btn-vote-up:hover:after,
.btn-vote-wrap .btn-vote-down:hover:after {
    opacity: 1;
    filter: none;
}

.btn-vote-wrap.status-bad .btn-vote-down,
.btn-vote-wrap.status-good .btn-vote-up {
    /*background: var(--light-background);*/
    filter: grayscale(1);
}

.btn-vote-wrap.status-bad .btn-vote-up,
.btn-vote-wrap.status-good .btn-vote-down {
    display: none;
}


.btn-small {
    padding: 8px 20px;
    width: auto;
}

.btn-large {
    padding: 8px 35px;
    width: auto;
}

.btn-wide {
    min-width: 206px;
    padding: 8px 30px;
    width: auto;
}

.btn-monster {
    padding: 10px 48px;
    width: auto;
    border-radius: var(--btn-radius);
    min-height: 40px;
}

.btn-100 {
    padding: 8px 16px !important;
    width: 100%;
    border-radius: var(--btn-radius);
}

.btn.disabled {
    filter: contrast(0.5) grayscale(1);
    cursor: not-allowed;
}

.btn.pending:not(.ai-glow)::after {
    position: absolute;
    content: "\e918";
    margin-left: 5px;
    font-family: 'fixando';
    animation: spin 2s infinite linear;
    font-size: 17px;
    opacity: 0.6;
}

.btn.pending.pending_item::after {
    content: '' !important;
}

.pending_item > .pending_item {
    position: relative;
    display: inline-block;
    animation: spin 2s infinite linear;
}


.btn-back {
    padding-left: 28px;
    position: relative;
    background: transparent;
}

.btn-back:before {
    position: absolute;
    content: "\e94b";
    font-family: fixando;
    left: 2px;
    transition: var(--icon-transition);
}

.btn.btn-back:focus,
.btn.btn-back:hover,
.btn.btn-next:focus,
.btn.btn-next:hover {
    transform: unset;
    background: transparent;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
    cursor: pointer;
}

.btn-back:hover:before {
    transform: translateX(-2px) scale(1.1);
}

.btn-next {
    padding-right: 28px;
    position: relative;
    background: transparent;
}

.btn-next:before {
    position: absolute;
    content: "\e94a";
    font-family: fixando;
    right: 2px;
    transition: var(--icon-transition);
}

.btn-next:hover:before {
    transform: translateX(2px) scale(1.1);
}


.notification-badge {
    display: flex;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    font-size: var(--site-font-size-mini);
    /*background: #222;*/
    background: var(--error-color);
    color: #fff;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    box-sizing: border-box;
}


.fixando_ai_logo {
    display: inline-block;
    width: 34px;
    height: 14px;
    background: var(--fixando-ai-logo) no-repeat center;
    background-size: contain;
}

body.site_pt .fixando_ai_logo,
body.site_es .fixando_ai_logo {
    background: var(--fixando-genial-logo) no-repeat center;
    background-size: contain;
    width: 78px;
    height: 14px;
}

/****************************
* PAGE RELATED STYLES
*****************************/

.headline-underlined,
.how_it_does_pro h2,
.home-how-it-works-title,
.testimonials-title,
.links-block-title,
.home .newspapers-section h4,
.lat_req,
.recmnd_u,
.headline-text,
.slick-slider_title,
.login-title,
.locations-title,
#jalert_title,
.pro_head_text,
body.pro h1,
.choose_account_title,
body.register .register-title,
.create-pro-account .pro-title,
.team .section-title,
body.packages h1,
.price_ranges .price-title,
.how_it_does_user_main h2,
.near_me_home_cats,
.near_me_title h2,
.near_me_h3,
.more_services_text,
.request-call .title h3,
.top_pros_title,
.site_h1,
.ck-content h1,
.checkout_title,
.category-description-block h2,
.quote_details .header_section,
.question_side_title,
.heading_quote,
.review_page_title,
.category_content h1,
.campaign_page .section h2,
.testimonial-section h2,
.near_me .town_page .title,
.root-cats-title {
    text-decoration: underline;
    text-decoration-color: var(--fixando-yellow);
    text-underline-offset: 9px;
    text-decoration-thickness: 2px;
    line-height: var(--headline-line-height-underlined) !important;
    letter-spacing: var(--headline-letter-spacing);
    padding-bottom: var(--headline-padding-bottom-underlined);
}

.pro_quote #upload_attachment_button.pending:after {
    top: 3px;
    right: -18px;
}

/* Make the link for alert button instead text */
/*.pro_quote #jalert_panel button#jalert_ok {
   padding: 0px 10px;
}*/
.pro_quote #jalert_panel a#quote_page_alert_link {
    display: block;
}

.btn.saved::after {
    position: absolute;
    content: "\e116";
    margin-left: 5px;
    font-family: 'fixando';
    font-size: 16px;
}

.btn.link {
    color: var(--link-font);
}

button.btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.headline-text {
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    font-weight: var(--headline-font-weight);
}

.title-text {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
}

.section,
section {
    box-sizing: border-box;
    padding: var(--section-padding-top) 0 var(--section-padding-bottom) 0;
}

.account-section {
    padding: var(--account-section-padding-top) 0 var(--account-section-padding-bottom) 0;
}

.navbar {
    *position: relative;
    *z-index: 2;
    overflow: visible;
}


.navbar-fixed-top {
    top: 0;
    right: 0;
    left: 0;
    z-index: 2001;
    position: relative;
}


.account .navbar-fixed-top,
.categories .navbar-fixed-top {
    height: 70px;
}


.navbar-inner {
    min-height: 70px;
    padding-right: 0;
    padding-left: 0;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

#footer,
.home_hw_wrks,
.root-cats-links,
.container-cat-teaser,
.home_present_locations_block,
.latest_requests,
.price-pages-links-block,
.visited_cats {
    content-visibility: auto;
}


body.login .navbar-fixed-top {
    z-index: 10001;
}

body.category,
body.quote_templates {
    background: var(--light-background);
}

body.price_pages {
    background: var(--site-background);
}

body.create .navbar-fixed-top,
body.pro_chat .navbar-fixed-top,
body.bid_page .navbar-fixed-top,
body.quote_templates .navbar-fixed-top,
body.info_page .navbar-fixed-top,
body.account .navbar-fixed-top {
    background: transparent;
    border-bottom: none !important;
}

body.create #logo_holder #logo,
body.info_page #logo_holder #logo,
body.quote_templates #logo_holder #logo,
body.bid_page #logo_holder #logo,
body.pro_chat #logo_holder #logo,
body.account #logo_holder #logo {
    background: var(--logo-small2) no-repeat;
}


body.account #logo #logo_addition,
body.pro_chat #logo #logo_addition,
body.info_page #logo #logo_addition,
body.bid_page #logo #logo_addition {
    position: absolute;
    right: -42px;
    top: -10px;
}

body.account #logo #logo_addition svg,
body.pro_chat #logo #logo_addition svg,
body.info_page #logo #logo_addition svg,
body.bid_page #logo #logo_addition svg {
    height: 30px !important;
    width: 44px !important;
}


body.create div.started_reqs a.continue_started_reqs,
body.pro_chat div.started_reqs a.continue_started_reqs,
body.bid_page div.started_reqs a.continue_started_reqs,
body.info_page div.started_reqs a.continue_started_reqs,
body.quote_templates div.started_reqs a.continue_started_reqs,
body.account div.started_reqs a.continue_started_reqs {
    margin-top: 10px !important;
}

.started_reqs {
    position: absolute;
    z-index: 100002;
    text-align: center;
    top: 0;
    left: 200px;
    height: 60px;
    box-sizing: border-box;
    white-space: nowrap;
    left: 200px;
}

body.home:not(.categories) .started_reqs {
    left: 0;
}

.started_reqs a.continue_started_reqs {
    cursor: pointer;
    color: var(--btn-white-font);
    padding: 10px 20px;
    margin: 13px 5px 0px;
    border-radius: var(--radius-default);
    display: flex;
    align-items: center;
    text-decoration: none;
}

.started_reqs a.continue_started_reqs .notification-badge {
    margin-left: 5px;
    position: relative;
    transition: var(--icon-transition);
}

.started_reqs:hover .notification-badge {
    transform: scale(1.1) rotate(11deg);
}

body.header-is-fixed .started_reqs {
    position: fixed;
    left: 0;
}

body.header-is-fixed a.continue_started_reqs {
    left: 200px;
    top: -9px;
    position: absolute;
}

.privacy_h {
    margin: 25px 0 10px 0;
    font-size: 16px;
}

.terms_h {
    margin: 0 0 10px 0;
    font-size: 16px;
}

.contact_h {
    margin: 0;
    font-size: 16px;
}

.partners_h {
    font-size: 16px;
}

.near_me_h3,
.lat_req,
.recmnd_u {
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    padding-bottom: var(--headline-padding-bottom);
}

ul.req_dropdown li:hover i.icon-cross,
ul.req_dropdown li:hover a.req_drop {
    border-color: var(--link-font-hover);
    color: var(--link-font-hover) !important;
}

ul.req_dropdown li a.req_drop {
    margin: 0;
    float: none;
    cursor: pointer;
    padding: 12px 20px;
    display: block;
    padding-right: 50px;
    color: var(--dark-font-color);
    overflow: hidden;
    text-overflow: ellipsis;
}


.started_reqs a.bordered:hover {
    text-decoration: none;
    transition: all .2s, fill .5s;
    border-color: var(--btn-bordered-hover);
}

.req_dropdown li {
    width: 100%;
    position: relative;
    text-align: left;
}

.req_dropdown li i.icon {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: var(--title-font-size);
    color: var(--icons-gray);
    cursor: pointer;
    padding: 12px;
    transition: var(--icon-transition);
}

ul.req_dropdown li i.icon:hover {
    transform: rotate(180deg);
}

.req_dropdown {
    position: absolute;
    top: calc(100% - 5px);
    width: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.2s linear;
    border-radius: var(--radius-big);
    background: var(--popup-background);
    font-size: 16px;
    box-shadow: var(--box-shadow-wide);
    min-width: 315px;
    max-width: 100%;
    padding: 6px;
}

body.header-is-fixed .req_dropdown {
    top: calc(100% - 14px);
}

.started_reqs:hover ul.req_dropdown {
    visibility: visible;
    opacity: 1;
}

.navbar-inner:before,
.navbar-inner:after {
    display: table;
    line-height: 0;
    content: "";
}

.navbar-inner:after {
    clear: both;
}

#search_wrapper.fix-search .icon-menu,
.navbar .icon-menu {
    font-size: 36px;
    padding: 10px 10px;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 12px;
    display: none;
    border-radius: 50%;
    color: var(--site-font-color);
}

#search_wrapper.fix-search .icon-menu:hover,
.navbar .icon-menu:hover {
    color: var(--link-font-hover) !important;
    background: var(--light-background);
}

body.home.categories .navbar .icon-menu:hover {
    background: rgba(255, 255, 255, 0.5);
}

#search_wrapper .icon-menu,
body.create .navbar .icon-menu {
    display: none;
}

.nav-tabs > li {
    float: left;
    position: relative;
    display: block;
    padding-right: 54px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    cursor: default;
    color: var(--site-font-color-hover);
    border-bottom-color: var(--link-decoration-color);
    box-shadow: 0 3px 0 0px var(--link-decoration-color);
    font-weight: 600;
    letter-spacing: -0.59px;
}

.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 12px 0 6px 0;
    border-radius: 0;
    white-space: nowrap;
    color: var(--site-font-color);
    margin-bottom: 1px;
}


.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    text-decoration: none;
    box-shadow: 0 3px 0 0px var(--line-color);
}


.submenu {
    /*    display: inline-block;
        vertical-align: middle;
        margin: 0 0 var(--headline-padding-bottom);
        */
    margin-bottom: 30px;

}

/*
.submenu > li {
    padding-right: 32px;
    font-size: var(--site-font-size-small);
}

.submenu > li > a {
    padding: 6px 0 0 0;
    border-color:transparent;
    text-align: center;
    color: var(--site-font-color);
    margin-bottom: 1px;
}

.submenu > li > a:hover,
.submenu > li > a:focus {
    color: var(--menu-active-font);
    box-shadow: 0 1px 0 0px var(--line-color);

}

.submenu > li.active > a,
.submenu > li.active > a:hover,
.submenu > li.active > a:focus {
    color: var(--site-font-color-hover);
    font-weight: 600;
    box-shadow: 0 2px 0 0px var(--link-decoration-color)
}

*/
.submenu.btn-group > .btn {
    padding: 0;
}

.submenu.btn-group > .btn > a {
    padding: 0 24px;
}

.submenu.btn-group > .btn > .notification-badge {
    top: 0px;
    right: 6px;
    font-size: 10px;
    min-width: 16px;
    height: 16px;
}

.nav-justified {
    width: 100%;
}

.nav-justified > li {
    float: none;
    padding-right: 54px;
}

.nav-justified > li > a {
    text-align: center;
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    font-weight: 400;
}


.request_box .category_p .icon-images {
    margin-left: 5px;
    font-size: var(--title-font-size);
    vertical-align: middle;
}

.request_box .category_p span.cat_tex,
.request_box .client-info-block .client-info {
    vertical-align: middle;
}


#credit_details a {
    font-size: 14px;
}

.order_list {
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    width: auto;
    margin-bottom: 5px;
}

.order_list select#order_dropdown {
    position: absolute;
    left: 0;
    z-index: 1;
}

.order_list + .order_list {
    margin-left: 5px !important;
}

.logout_wrapper {
    text-align: center;
    margin: 0 auto;
    max-width: 500px;
    padding: 20px 40px 60px !important;
}

.star-ratings:last-child {
    margin-right: 0;
}

.star-ratings:before {
    content: '\2605';
    width: auto;
    display: inline-block;
}

.star-ratings:after {
    content: '\2605';
    color: var(--rating-star-active);
    position: absolute;
    left: 0px;
    width: inherit;
    overflow: hidden;
    display: inline-block;
}

.star-ratings {
    font-size: 22px;
    color: var(--rating-star);
    position: relative;
    height: 22px;
    /*line-height: 1;*/
}

#profile_page_container .stars_wrapper .reviews_count {
    display: none
}

.subratings {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    column-gap: 40px;
    align-items: flex-end;
}

.subratings div:not(.subratings_group) {
    white-space: nowrap;
    margin-bottom: 10px;
    text-align: left;
}

#profile_page_container .pro_rating_stats > div + div:not(.row_element) {
    margin-left: 50px;
}

.subratings .star-ratings:before,
.subratings .star-ratings:after {
    content: '\ea0b';
    font-family: Fixando;
    margin-left: 2px;
}

.subratings .star-ratings:after {
    color: var(--success-icon-color);
}

.user_review .subratings {
    justify-content: flex-start;
    padding: 20px 25px 10px;
    background: var(--highlighted-background);
    border-radius: var(--box-radius);
    display: inline-flex;
    margin-bottom: 20px;
}

.about_pro_section .user_review .subratings {
    background: none
}

.project_bid .reviews .stars
.user_review .subratings .stars {
    text-align: left;
}

.about_pro_section .user_review .subratings {
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
}

.project_bid .about_pro_section .reviews .stars {
    text-align: left;
}

.user_sub_ratings {
    display: none;
}

.about_pro_section .about_pro .user_rating .star-ratings {
    font-size: 16px;
}

.bid_page .pro_section .icon .icon,
.bid_page .pro_section .available_verified {
    margin-left: -22px;
    left: -13px;
    margin-right: 0;
}

.after-request-attachment-icon {
    display: none;
}

.after-request-attachment-text {
    display: inline;
}

.after-request-attachment-form {
    padding: 10px;
    height: 180px;
    overflow: auto;
    overflow-x: hidden;
}

.arrow_right_after:after {
    position: absolute;
    content: "\e910";
    font-family: fixando;
    margin-left: 5px;
    margin-top: 1px;
}

.pro-profile-link-bid-page {
    pointer-events: none;
    color: var(--dark-font-color);
}

.affiliate-partner-footer {
    padding-bottom: var(--section-padding-bottom-small);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.affiliate-partner-pagaqui .affiliate-partner-footer .affiliate-partner-logo {
    width: 100px;
}

.js-copy-text-icon,
.js-copy-text-info-icon {
    cursor: pointer;
}

.js-copy-text-icon:after,
.js-copy-text-info-icon:after {
    content: '';
    font-family: 'fixando';
    margin-left: 12px;
    content: "\e909";
    transition: var(--icon-transition);
    opacity: 0.5;
    font-weight: normal;
}

.js-copy-text-icon:hover:after,
.js-copy-text-info-icon:hover:after {
    opacity: 1;
}

/*******************************
    SPECIALQUOTES
 ******************************/

body.specialquotes .show_on_specialquotes {
    display: auto;
}

.show-xpress-left {
    margin-left: auto;
    float: right;
    margin-right: 10px;
}

body:not(.specialquotes) .show_on_specialquotes,
body.specialquotes .hide_on_specialquotes,
.is_specialquote .hide_on_specialquotes {
    display: none !important;
}

.is_specialquote .show_on_specialquotes {
    display: inline-block !important;
}


.icon-specialquote {
    font-size: 22px;
    display: inline-block;
    color: var(--site-font-color) !important;
}

.specialquote_wrapper .specialquotes-limit {
    margin-right: 4px;
    display: inline-block;
    color: var(--site-font-color);
}

.special-quote-unavailable .icon-specialquote {
    color: var(--icons-gray) !important;
}


.icon-specialquotelock {
    display: inline-block;
    color: var(--icons-gray);
    font-size: 16px;
}

.specialquote_wrapper.can-unlock:hover .icon-specialquotelock:before,
.specialquote_wrapper.unlocked .icon-specialquotelock:before {
    content: "\e937";
    color: var(--site-font-color);
}

.specialquote_wrapper {
    display: flex;
    flex-flow: wrap;
    padding: 2px 8px 2px 10px;
    margin-right: 4px;
    border-radius: 18px;
}

.specialquote_wrapper .icon-specialquote {
    font-size: 16px;
    margin-right: 5px;
    margin-top: 1px;
}

.specialquote_wrapper.can-unlock .icon-specialquotelock {
    color: var(--dark-font-color);
}

.specialquote_countdown {
    text-align: left;
    min-width: 60px;
    animation: fadeIn 1s;
    display: none;
}

.specialquote_wrapper.unlocked:hover .specialquote_countdown,
.specialquote_wrapper.can-unlock:hover .specialquote_countdown {
    display: inline-block;
    color: inherit;
}

.specialquote_wrapper.no-limit-today:not(:hover) .specialquote_countdown {
    color: var(--light-font-color);
}

.specialquote_wrapper.no-limit-today .icon-specialquote,
.specialquote_wrapper.no-limit-today .specialquotes-limit {
    color: var(--light-font-color) !important;
}

.specialquote_wrapper.unlocked:not(:hover) .specialquote_countdown {
    color: var(--light-font-color);
}

.specialquote_mobile .specialquote_wrapper {
    flex-direction: row-reverse;
    margin-left: 14px;
    margin-right: 0;
}

.specialquote_mobile .specialquote_wrapper.can-unlock .icon-specialquotelock {
    margin-right: 5px;
}

.specialquote_mobile .specialquote_countdown {
    width: 75px;
    text-align: right;
    display: inline-block;
}

.specialquote_mobile .icon-specialquotelock {
    font-size: 18px;
}

.specialquotes_userinfo .specialquotes-details {
    margin-left: 10px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
}

.specialquotes_userinfo .specialquotes-details .details {
    display: none;
}

.specialquotes_userinfo .specialquotes-details:hover .details {
    position: absolute;
    min-width: 400px;
    z-index: 1;
    width: 100%;
    transition: visibility 0s, opacity 0.2s linear;
    border-radius: var(--btn-radius);
    background: var(--box-background);
    font-size: 18px;
    box-shadow: var(--box-shadow);
    display: block;
    padding: 15px;
    left: -50px;
}

/********************************************/
/* Body class to rotate the entire website  */

body.home:not(.categories).rotate180 {
    transform: rotate(180deg);
}

body.home:not(.categories).rotate180.animate {
    animation: rotate180back 2s ease forwards;
}

body.home:not(.categories).rotate180 modal.cookie-consent {
    transform: rotate(180deg);
}

/****** Start Related categories on Request Done on page ******/
.request_done .related-categories .slider.slickSlider {
    display: block;
    margin: 0px;
}

.request_done .related-categories .recomm_slickSlider .icon-left-thin-arrow,
.request_done .related-categories .recomm_slickSlider .icon-arrow-right {
    top: 28%;
}

.request_done .related-categories .slider .slick-list {
    height: auto;
}

.request_done .related-categories .slick-slider_title {
    font-size: 18px;
    margin: 0px;
    line-height: 1.6;
}

.request_done .related-categories .slider .slick-slider-box {
    width: 280px;
    height: 170px;
    margin: 5px 9px;
    margin-right: 0px;
}

.request_done .related-categories .slider .slick-slider-box img {
    width: 280px;
    height: auto;
}

/****** End Related categories on Request Done on page ******/

body.account .tab-pane .suggested-categories-list .info-label {
    margin: 20px 0px;
}

body.account .tab-pane .suggested-categories-list .title {
    margin-bottom: 10px;
}

body.account .tab-requests .suggested-categories-list .info-label,
body.account .tab-requests .suggested-categories-list .title {
    color: var(--dark-font-color);
}

/****** START APP DOWNLOAD BANNER ******/
.app-download-banner .btn-download {
    width: 150px;
}

.app-download-banner .request_box_rgt p {
    text-align: center;
}

.app-download-banner .request_box_rgt img.download_icons {
    width: 60px;
    margin-top: 3px;
}

.bottom_section .btn-project-view {
    width: 100%;
}

/****** END APP DOWNLOAD BANNER ******/

/****** PASS REQUEST START ******/
.report-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pass-reason-wrapper {
    position: relative;
}

.pass-reason-btn {
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pass-reason-btn.btn i.icon {
    padding-left: 10px;
    margin: 0px;
    z-index: 1;
}

.hover-pass-request-reasons-icon {
    position: absolute;
    width: 35px;
    height: 100%;
    top: 0;
    right: 0;
}

.pass-reason-wrapper .pass-request-reasons {
    display: none;
    position: absolute;
    background-color: var(--box-background);
    box-shadow: var(--box-shadow-wide);
    border-radius: var(--box-radius);
    width: max-content;
    max-width: min(calc(100vw - 60px), 250px);
    top: 36px;
    right: 0px;
    padding: 8px;
    z-index: 2;
}

.pass-request-reasons .pass-reasons-lists .unpass-request {
    padding: 6px 40px;
}

.pass-request-reasons .pass-reasons-lists .next-request {
    margin-left: 42px;
}

.pass-request-reasons .pass-reasons-lists li {
    border-radius: var(--btn-radius);
    padding: 8px 12px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    text-align: left;
    display: flex;
    align-items: flex-start;
    padding-left: 0;

}

.pass-request-reasons .pass-reasons-lists li .icon {
    margin-right: 10px;
    color: var(--icons-darkgray) !important;
    margin-left: 5px;
    margin-top: 2px;
}

.pass-request-reasons .pass-reasons-lists li:hover {
    color: var(--site-font-color-hover);
    background: var(--btn);
}

.pass-reason-btn.btn i.icon:hover,
.hover-pass-request-reasons-icon:hover + .icon {
    color: var(--icons-hover);
}

.pass-request-reasons .pass-reasons-lists li:hover .icon {
    color: var(--icons-hover) !important;
}

.hover-pass-request-reasons:hover .pass-request-reasons,
.hover-pass-request-reasons-icon:hover + .icon + .pass-request-reasons,
.pass-reason-btn.btn i.icon:hover + .pass-request-reasons,
.pass-request-reasons:hover {
    display: block !important;
}

/****** PASS REQUEST ENDS ******/

/*  Modal pop up*/

modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .65);
    justify-content: center;
    align-items: center;
    z-index: 100001;
    will-change: opacity;
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    transition: opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-end 80ms;
    backdrop-filter: blur(10px);
}

modal.open {
    display: flex;
}

mcontainer {
    position: relative;
    font-size: 16px;
    background-color: var(--popup-background);
    box-shadow: var(--popup-shadow);
    color: var(--site-font-color);
    padding: 40px 56px;
    padding-top: 0;
    box-sizing: border-box;
    min-width: 360px;
    min-height: 240px;
    max-height: calc(100vh - 160px);
    border-radius: var(--radius-modal);
    overflow-y: auto;
    animation: mmslideIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

modal.fullscreen mcontainer {
    max-width: 100vw;
    max-height: 100vh;
    width: 100vw;
    height: 100vh;
    background-color: var(--popup-background);
    border-radius: 0;
}

modal.fullheight mcontainer {
    max-height: calc(100vh - 30px);
}

modal.fullscreen {
    align-items: stretch;
}

modal.midsize mcontainer {
    width: 440px
}

modal.largesize mcontainer {
    width: 700px
}

modal.widesize mcontainer {
    width: 940px
}

modal.nopadding mcontainer,
modal.fullscreen.fullsize mcontainer {
    padding: 0;
}

modal.fullscreen.fullsize mcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    overflow: hidden;
}


modal.with_teaser mcontainer {
    padding-bottom: 30px
}

modal.paste mfooter button {
    width: auto
}

modal mcontent info {
    font-size: 14px;
    line-height: 19px;
    background: var(--modal-info-background);
    display: block;
    padding: 10px 15px;
    border-radius: var(--radius-modal);
    color: var(--modal-info-color);
}

modal mcontent list ul {
    padding-top: 15px;
    padding-left: 15px;
}

modal mcontent list ul li {
    list-style-type: disc;
    padding-left: 5px;
    padding-bottom: 20px;
}

modal mcontent list ul ul li {
    padding-bottom: 15px;
}


modal mcontent list h {
    padding-bottom: 10px;
    font-weight: 600;
    display: block;
    line-height: 1.3;
    padding-bottom: 15px;
    padding-top: 10px;
}

mclose {
    position: sticky;
    z-index: 100;
    cursor: pointer;
    font-size: 24px;
    opacity: .3;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: calc(100% - 40px);
    transform: translate(100%, 10px);
}

mclose:after {
    position: absolute;
    top: 22px;
    left: 4px;
    animation: mmfadeIn 3s cubic-bezier(0, 0, .2, 1);
}

modal.fullscreen mclose {
    background: var(--modal-fullscreen-icon-close-background);
    color: var(--modal-fullscreen-icon-close-color);
    opacity: .8;
    border-radius: 20px;
}

modal.noclosebutton mclose {
    display: none;
}


modal.dark mclose,
modal.dark.fullscreen mclose,
modal.dark.fullscreen.fullsize mclose {
    background: var(--modal-fullscreen-dark-icon-close-background);
    opacity: .5;
    color: var(--modal-fullscreen-dark-icon-close-color);
}

mclose:hover {
    opacity: 1 !important;
}

modal.fullscreen.fullsize mclose {
    position: absolute;
    top: 10px;
    left: -10px;
    background: var(--modal-fullscreen-icon-close-background);
    border-radius: 20px;
}

modal.iframe mcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
}

modal.iframe mcontent iframe {
    width: 100%;
    height: calc(100vh - 200px);
    border: 0;
}

modal.iframe.fullsize mcontent iframe {
    height: 100vh;
}

modal.iframe.nopadding mclose {
    position: absolute;
    background: var(--modal-iframe-icon-close-background);
}

modal.nopadding mclose {
    left: calc(100% - 100px);
    background: var(--modal-fullscreen-icon-close-background);
    border-radius: 20px;
}

mheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


mcontent {
    line-height: 1.3;
    color: var(--site-font-color);
    display: block;
    max-width: 100%;
    overscroll-behavior-y: contain;
}

mtitle {
    font-size: 24px;
    font-weight: 600;
}

mfooter {
    padding-top: 24px;
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: 16px;
}

mfooter button {
    padding: 6px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

mheader:empty,
mfooter:empty {
    display: none;
}

mcontent loader {
    display: flex;
    font-size: 8px;
    margin-top: 32px;
    color: #ffb000;
}


@keyframes mmfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes mmslideIn {
    0% {
        transform: translateY(-10%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes mmslideFadeUp {
    0% {
        transform: translateY(+10%)
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(.6, .6);
    }
    50% {
        transform: scale(1.06, 1.06);
    }
    100% {
        transform: scale(1, 1);
    }
}


@keyframes wiggle {
    0% {
        background-position: calc(100% - 16px) 50%;
    }
    30% {
        background-position: calc(100% - 16px) 48%;
    }
    60% {
        background-position: calc(100% - 16px) 52%;
    }
    100% {
        background-position: calc(100% - 16px) 50%;
    }
}


@keyframes ai-glow-item {
    0% {
        font-size: 98%;
        opacity: 0.6;
    }
    50% {
        font-size: 102%;
        opacity: 1;
    }
    100% {
        font-size: 98%;
        opacity: 0.6;
    }
}

.btn.btn-glow.ai-glow .btn-text {
    color: transparent !important;
    background-image: linear-gradient(
            120deg,
            #ff2d55,
            #ff9f0a,
            #ffd60a,
            #5e5ce6,
            #bf5af2,
            #ff2d55
    );
    background-size: 400% 400%;
    -webkit-background-clip: text;
    background-clip: text;
    animation: ai-text-spin 3s linear infinite;
}

@keyframes ai-text-spin {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes ai-bg-spin {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes ai-glow-spin {
    0% {
        box-shadow: 0 0 0 1px rgba(255, 0, 80, 0.95),
        6px 0 8px rgba(255, 140, 0, 0.7),
        0 6px 10px rgba(255, 210, 0, 0.6),
        -6px 0 12px rgba(90, 60, 255, 0.7),
        0 -6px 14px rgba(200, 60, 255, 0.7);
    }

    25% {
        box-shadow: 0 0 0 1px rgba(255, 140, 0, 0.95),
        0 6px 8px rgba(255, 210, 0, 0.7),
        -6px 0 10px rgba(90, 60, 255, 0.6),
        0 -6px 12px rgba(200, 60, 255, 0.7),
        6px 0 14px rgba(255, 0, 120, 0.7);
    }

    50% {
        box-shadow: 0 0 0 1px rgba(255, 210, 0, 0.95),
        -6px 0 8px rgba(90, 60, 255, 0.7),
        0 -6px 10px rgba(200, 60, 255, 0.6),
        6px 0 12px rgba(255, 0, 120, 0.7),
        0 6px 14px rgba(255, 140, 0, 0.7);
    }

    75% {
        box-shadow: 0 0 0 1px rgba(200, 60, 255, 0.95),
        0 -6px 8px rgba(200, 60, 255, 0.7),
        6px 0 10px rgba(255, 0, 120, 0.6),
        0 6px 12px rgba(255, 140, 0, 0.7),
        -6px 0 14px rgba(255, 210, 0, 0.7);
    }

    79% {
        box-shadow: 0 0 0 1px rgba(180, 80, 255, 0.95),
        0 -6px 8px rgba(120, 150, 255, 0.55),
        6px 0 10px rgba(255, 0, 120, 0.6),
        0 6px 12px rgba(255, 140, 0, 0.7),
        -6px 0 14px rgba(255, 210, 0, 0.7);
    }

    100% {
        box-shadow: 0 0 0 1px rgba(255, 0, 80, 0.95),
        6px 0 8px rgba(255, 140, 0, 0.7),
        0 6px 10px rgba(255, 210, 0, 0.6),
        -6px 0 12px rgba(90, 60, 255, 0.7),
        0 -6px 14px rgba(200, 60, 255, 0.7);
    }
}

.ai-glow-flash {
    animation: ai-glow-pulse 1.5s ease-out,
    ai-scan-bg 1.0s ease-out;
    background-size: 100% 300%;
}

@keyframes ai-scan-bg {
    0% {
        background-position: 0% 0%;
        background-image: linear-gradient(
                to bottom,
                rgba(255, 45, 85, 0.00),
                rgba(255, 45, 85, 0.22),
                rgba(255, 214, 10, 0.22),
                rgba(94, 92, 230, 0.22),
                rgba(191, 90, 242, 0.22),
                rgba(255, 45, 85, 0.00)
        );
    }
    100% {
        background-position: 0% 100%;
        background-image: linear-gradient(
                to bottom,
                rgba(255, 45, 85, 0.00),
                rgba(255, 45, 85, 0.00),
                rgba(255, 45, 85, 0.00),
                rgba(255, 45, 85, 0.00),
                rgba(255, 45, 85, 0.00),
                rgba(255, 45, 85, 0.00)
        );
    }
}

@keyframes ai-glow-pulse {
    0% {
        box-shadow: 0 0 0 1px rgba(255, 45, 85, 0.9),
        0 0 16px rgba(255, 159, 10, 0.85),
        0 0 36px rgba(94, 92, 230, 0.85);
    }
    100% {
        box-shadow: none;
    }
}

/**
 * ==============================================
 * loader
 * ==============================================
 */
loader,
loader:before,
loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: loader 1.8s infinite ease-in-out;
    animation: loader 1.8s infinite ease-in-out;
}

loader {
    font-size: 2px;
    margin: auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    display: inline-block;
    left: 7px;
    top: -7px;
    color: inherit;
}

loader:before,
loader:after {
    content: '';
    position: absolute;
    top: 0;
}

loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

loader:after {
    left: 3.5em;
}

@-webkit-keyframes loader {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

modal.cookie-consent,
modal.edit-image-modal {
    z-index: 1000000;
}

modal.cookie-consent {
    animation: none;
    backdrop-filter: none;
}


.edit-image-modal .edit-image-container {
    padding: 0 0 30px;
}

.edit-image-modal .edit-image-container .img-container {
    max-height: 500px;
    width: 500px;
    padding-bottom: 0;
    max-width: 100%;
}

modal.edit-image-modal mcontainer,
modal.cookie-consent mcontainer {
    padding-top: 40px;
    max-width: calc(100vw - 40px);
    background: var(--consent-background);
}

modal.cookie-consent mcontainer {
    width: 550px;
    animation: none;
    padding: 30px 45px;
}

.js-certificate-modal.open mcontainer {
    padding: 20px 20px;
}

.cookie-consent mbody {
    margin-bottom: 20px;
    display: block;
}

.gallery-container mfooter {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}

.cookie-consent mfooter {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}

.cookie-consent .save-selection,
.cookie-consent .change-preferences {
    padding: 12px 16px;
}

.edit-image-modal .zoom-slider {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.edit-image-modal .cropper-container {
    max-height: 450px;
    min-height: 300px;
}

.edit-image-modal .cropper-modal {
    background: var(--dark-background);
}

.edit-image-modal .docs-buttons .rotate-right {
    font-size: 24px;
    transition: var(--icon-transition-all);
}

.edit-image-modal .docs-buttons .rotate-right:hover {
    transform: rotate(180deg);
}

.edit-image-modal .ui-slider-horizontal {
    height: 10px;
}

.edit-image-modal .ui-slider .ui-slider-handle {
    width: 32px;
    height: 32px;
    top: -10px;
    margin-left: -5px;
    background: var(--icons-gray);
    outline: 0;
    border-radius: 18px;
}

.edit-image-modal .ui-slider .ui-slider-handle:hover {
    background: var(--icons-gray-hover);
}

.edit-image-modal .ui-widget-content {
    border: 1px solid var(--icons-gray);
}

.edit-image-modal .ui-widget-header {
    background: var(--input-border-color);
    border-color: var(--input-border-color);
}

.edit-image-modal .ui-corner-all {
    border-radius: var(--radius-default)
}

.edit-image-modal .edit-avatar-actions .docs-buttons {
    padding: 0 30px;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.edit-image-modal .js-edit-avatar-zoom-slider {
    margin: auto;
    margin-top: 36px;
    max-width: calc(100% - 60px);
    background: var(--medium-background);
}

.gallery-container mfooter {
    float: right;
    flex-direction: row-reverse;
}

.gallery-container .save-gallery,
.gallery-container .cancel-gallery {
    margin: 20px;
}

.compose_message .upload-attachments-option .attachment {
    display: inline;
}

.cookie-consent li {
    margin-left: 35px;
    margin-bottom: 20px;
}

.cookie-consent li span {
    margin-left: -35px;
}

#loginform .cookie-consent {
    padding-top: 6px;
    text-align: left;
    margin-top: 10px;
    font-size: var(--site-font-size-mini);
    color: var(--light-font-color);
    font-weight: var(--site-font-weight);
    line-height: var(--site-line-height-mini);
}

#loginform .cookie-consent a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--linkline-color);
    cursor: pointer;
}

#loginform .cookie-consent a:hover {
    text-decoration-color: var(--link-font-hover) !important
}

.cookie-consent-btn {
    background: transparent;
    color: var(--link-font);
    font-size: 16px;
    padding: 16px 16px;
    float: right;
    cursor: pointer;
}

.report-container,
.report-not-allowed-container {
    padding: 10px 20px;
}


modal.whatsapp-block {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.whatsapp-block .info-block {
    display: flex;
    height: 101%;
    align-items: center;
    min-height: 150px;
    max-height: calc(100vh - 140px);
}

.whatsapp-block .info-block .message {
    font-size: var(--title-font-size);
    line-height: 1.5;
}

.whatsapp-block .buttons-block {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

/*  Modal pop up*/
/* user gallery */

.gallery-container {
    max-width: 850px;
    /*height: 530px;*/
}

.gallery-container .gallery-list {
    overflow-x: auto;
    height: 450px;
}

.gallery-container.adjust {
    height: auto;
}

.gallery-empty {
    padding: 40px;
    text-align: center;
    font-size: 18px;
    color: #fc2a23;
}

.gallery-container .attachment-name {
    z-index: 2;
    color: #fff;
    content: '';
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0px;
    background-image: linear-gradient(transparent, rgba(12, 31, 69, 0.9));
}


.upload-attachments-option {
    position: relative;
    display: inline-block;
}

.ask-review-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}


.attachments-option-lists, .ask-review-options-list {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
    bottom: 100%;
    width: 100%;
    transition: visibility 0s, opacity 0.2s linear;
    border-radius: var(--btn-radius);
    background: var(--box-background);
    box-shadow: var(--box-shadow);
}

.attachments-option-lists a,
.ask-review-options-list .item-link {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-radius: var(--btn-radius);
    cursor: pointer;
}

.attachments-option-lists a:hover,
.ask-review-options-list .item-link:hover {
    color: var(--link-font-hover) !important;
}

.upload-attachments-option:hover .attachments-option-lists,
.ask-review-wrapper:hover .ask-review-options-list {
    display: block;
}

.upload-attachments-option:hover .attachments-option-btn .upload-icon {
    transform: translateY(-2px);
    transition: var(--icon-transition);
}

.gallery-container .gallery-pic .image {
    height: 180px;
    width: 180px;
}

.attachments-option-lists .attachments-system {
    width: auto !important;
    height: auto !important;
}

/* user gallery */


.text-dark {
    color: var(--site-font-color);
}

/****** START PRO CHAT PAGE ******/

.chat_project_bid .header_section .back_toqte {
    flex: inherit;
    position: absolute;
    left: 18px;
}

.chat_project_bid .lead-business-name-action-wrap,
.chat_project_bid .lead-business-name-action-wrap .lead_business_name,
.chat_project_bid .lead-business-name-action-wrap .lead_actions,
.pro_details_bid .contact-buttons-wrap,
.pro_details_bid .business_p .pro-review-hire-count-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_details_bid .business_p,
.chat_project_bid .lead-business-name-action-wrap,
.chat_project_bid .lead-business-name-action-wrap .lead_business_name {
    flex-direction: column;
}

.chat_project_bid .lead-business-name-action-wrap {
    align-content: stretch;
    justify-content: space-evenly;
}

.project_bid .chat_project_bid .partners-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding-top: 8px;
}

.project_bid .chat_project_bid .partners-details .logo {
    width: 80px;
    margin-right: 10px;

}

.project_bid .chat_project_bid .partners-details .info {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    margin: 0px;
    color: var(--light-font-color);
}

.project_bid .chat_project_bid .partners-details .info .link {
    color: var(--light-font-color);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
    cursor: pointer;
}

.project_info .partners-block,
.category .partners-block {
    text-align: center;
    color: var(--light-font-color);
}

.
.project_info .partners-block .partner-logo {
    width: 140px;

}


.project_info .partners-block .partner-link {
    color: var(--light-font-color);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
    cursor: pointer;
}

.project_info .partenrs-block .info {
    margin: 0px;
    line-height: 24px;
}

.category .partners-block .partner-logo {
    width: 100px;
    margin-bottom: 10px;
}

.partner-quick-reply .link {
    color: var(--chat-message-user-font) !important;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
    cursor: pointer;
}

.pro_details_bid .contact-buttons-wrap,
.chat_project_bid .lead-business-name-action-wrap .lead_actions {
    flex-direction: row;
}

.contact-buttons-wrap .call-button {
    background-color: var(--btn);
    color: var(--btn-font);
    white-space: nowrap;
    margin-left: 3px;
    display: none;
    margin-top: 5px;
}

.pro_details_bid .contact-buttons-wrap .whatsapp_button,
.pro_details_bid .contact-buttons-wrap .call-button {
    flex: auto;
}

.pro_details_bid .business_p {
    display: flex;
}

/****** END PRO CHAT PAGE START******/

.report_request_section .submit_report,
.report_request_section .cancel_report {
    flex-direction: column;
    justify-content: space-between;
    height: 320px;
    margin-top: 30px;
}

/*Project View*/

.project_view .name-location-city {
    font-weight: 600;
    line-height: 1;
    font-size: 18px;
    display: flex;
    margin: 10px 0;
    color: inherit;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.project_view .name-location-city .fullname {
    flex: 1 0 100%;
}

.project_view .name-location-city .city_link {
    margin: 10px 0px 10px 5px;
}

/*Project View END*/


@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
    }

    .nav-tabs.main_menu {
        border-bottom: 1px solid var(--line-color);
        padding-left: 25px;
        box-sizing: border-box;
    }

    .span4.testimonial-image {
        height: auto;
    }

    .testimonial-image iframe.animated.fadeIn.shadow {
        position: absolute;
        left: 0;
    }

    .span12.t_block {
        display: block;
        position: relative;
    }

}

#checkout_content {
    padding-top: var(--section-padding-top);
    margin-bottom: 60px;
}

.checkout_total_amount {
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    letter-spacing: var(--headline-letter-spacing);
    font-weight: var(--subheadline-font-weight);
    color: var(--intense-font-color);
}

.checkout_title {
    padding-bottom: 20px;
}

.checkout_subtitle {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
    padding-top: var(--section-padding-top-small);
    padding-bottom: var(--title-padding-bottom-small);
}

body.checkout .checkout-block,
body.checkout .package-block {
    border-radius: var(--radius-default);
    padding: 20px;
    margin-top: 10px;
    background: var(--form-background);
}

body.checkout .checkout-block .span3 {
    text-align: right;
}

.payment_logos {
    margin-top: 10px;
    display: flex;
    column-gap: 10px;
}

.payment_logos div {
    display: flex;
    flex: auto;
}

label.payment_options {
    border-radius: var(--radius-default);
    padding: 20px;
    width: 100%;
    background: var(--checkout-payment-options-background);
    box-shadow: var(--box-shadow-small);
    display: flex;
    align-items: center;
}

label.payment_options:hover {
    background: var(--checkout-payment-options-background-hover);
}

#paypal-button-container {
    margin-top: 5px;
}

.payment_options img {
    max-width: 100px;
    filter: var(--img-invert-filter-intense);
}

.payment_options input[type="radio"]:checked + span:before {
    content: '\e90c';
    font-size: 32px;
}

.payment_buttons {
    display: none;
    clear: both;
    margin-top: 20px;
    border-radius: var(--btn-radius);
    background: var(--box-background);
}

.payment_buttons.mbw_continue {
    background: var(--form-background);
    padding: 20px;
}


.payment-info-block {
    padding: 15px 15px 15px 50px;
    font-size: var(--site-font-size);
    position: relative;
    color: var(--alert-color);
    background: var(--alert-background);
    transition: box-shadow .2s ease;
    border-radius: var(--radius-default);
}

.payment-info-block .icon {
    position: absolute;
    top: 14px;
    margin-left: -34px;
}


.payment-info-block.alert .btn {
    padding: initial;
}


.payment_details {
    margin-top: 20px;
    font-size: var(--site-font-size);
}

.payment_details div {
    padding: 2px 0;
}

.payment_details div:nth-child(2n) {
    font-weight: 600;
}

.check_err_message {
    color: var(--error-color);
    background: var(--error-background);
    padding: 12px 16px;
    display: none;
    border-radius: var(--radius-notifications);
    box-shadow: var(--error-shadow);
}

#mbw_reference_container .iti {
    display: inline-block !important;
}

#mbw_reference_container .mbway-button {
    padding: 9px 36px;
    width: auto;
}

body.checkout-mode-no-credits .checkout_subtitle,
body.checkout-mode-no-credits .payment-info {
    display: none;
}

body.checkout-mode-no-credits .package-block {
    background: var(--form-background);
    border-radius: var(--radius-default);
    padding: 10px;
}

#phone_checkout {
    display: inline-block;
    height: 40px;
    line-height: 1.42857143;
    color: var(--site-font-color);
    background-color: var(--box-background);
    background-image: none;
    border: 1px solid var(--input-border-color);
    border-radius: var(--radius-input);
    min-width: 280px;
}

#favorite {
    display: none;
}

.tab-content {
    position: relative;
    z-index: 1999;
}

.tab-content > .tab-pane,
.child-tab-content > .tab-pane {
    display: none;
}

.tab-content > .tab-pane.active,
.child-tab-content > .tab-pane.active {
    display: block;
}

.tab-content > .overview_div, .tab-content > .overview_div > .account_start_request {
    position: relative;
    top: 0px;
    right: 0px;

}

.tab-content > .overview_div.no-menus {
    margin-top: 60px;
}

.account .no_data_info {
    font-size: 22px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    text-align: center;
    color: var(--darkgrey-font-color);
    width: 100%;
    border-bottom: 1px solid var(--line-color);
    padding-bottom: 50px;
    padding-top: 20px;
}

.account_start_request > #create_new_request {
    margin-bottom: 10px;
    z-index: 3001;
    border-color: var(--btn-primary);
    position: absolute;
    right: 0;
    top: -68px;
}

.account-create-new-request {
    font-weight: normal;
}

.account .social_connections {
    border-radius: var(--radius-default);
}

.project_box_wrapper > .box_p_padding {
    padding-bottom: 50px;
}

.feed_requests.btn-group {
    margin-bottom: 10px !important;
}

.feed_requests.btn-group > .btn {
    padding: 0;
}

.feed_requests.btn-group > .btn > a {
    padding: 0 24px;
}

.feed_requests.btn-group > .btn.active {
    background: var(--btn-primary) !important;
    color: var(--btn-primary-font) !important;
}

.feed_requests.btn-group > .btn.active > a {
    color: var(--btn-primary-font) !important;
}

.request_feed {
    display: none;
}

.request_feed .active {
    display: block;
}

.tab-content > .tab-pane > .tab-block {
    display: none;
}

.tab-content > .tab-pane > .tab-block.active {
    display: block;
}

#clear_feed_filter {
    margin-bottom: 3%;
}

.profile_availability_block > .availability_table {
    width: 60%;
    text-align: center;
}

.availability_table > table > tbody > tr > .align {
    vertical-align: middle;
}

.project_started_wrapper {
}

.project_started_request {
    border-radius: var(--radius-default);
    margin-bottom: 20px;
    box-shadow: var(--box-shadow-small);
    padding: 15px;
    max-width: 550px;
    position: relative;;
    display: flex;
    padding-left: 160px;
    overflow: hidden;
    padding-right: 50px;
    background: var(--box-background);
}

.tab-pane .project_started_request h3 {
    padding-top: 0;
    word-break: break-word;
}

.started_request_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    height: 100%;
    background-color: var(--medium-background);
    background-size: cover;
    background-position: center;
}

.cancel_started_request {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icons-darkgray);
    transition: var(--icon-transition-all);
}

.cancel_started_request:hover {
    color: var(--icons-hover);
    transform: rotate(180deg);
}


.alert {
    padding: 15px;
    margin-bottom: 10px;
    background-color: var(--alert-background);
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-mini);
    color: var(--alert-color);
    position: relative;
    text-align: left;
    border-radius: var(--radius-notifications);
    z-index: 1;
    box-shadow: var(--alert-shadow);
}

.alert:not(.fullsize) {
    margin: 0 auto;
}

.alert:not(.alert-error):hover {
    /*    filter: saturate(1.3);*/
}

.alert h5 {
    font-size: var(--site-font-size);
    font-weight: 500;
    margin: 0;
    margin-top: -1px;
}

.alert h4 {
    margin: 0;
    font-weight: normal;
    color: inherit !important
}

.alert-success {
    background-color: var(--btn-success);
    color: var(--btn-success-font);
}

.alert-danger,
.alert-error {
    background-color: var(--error-background);
    color: var(--error-color);
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    box-shadow: var(--error-shadow);
}

.alert-error.invert {
    /*background-color: var(--alert);*/
}

.alert-danger ul,
.alert-error ul {
    list-style-type: circle;
    margin-left: 15px;
}

.alert-danger li,
.alert-error li {
    line-height: var(--site-line-height);
}

.alert-danger li + li,
.alert-error li + li {
    margin-top: 10px;
}


.alert-info {
}

.alert-warning {
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

.alert.bigicon {
    padding-left: 50px;
}

.alert.bigicon .icon {
    position: absolute;
    top: 14px;
    margin-left: -34px;
    font-size: 22px;
}

.remove_message .alert.bigicon .icon {
    margin-left: -30px;
    top: 18px;
    font-size: 24px;
}

.alert.fullsize.bigicon > .icon {
    display: none;
}

.alert-success a {
    color: #F4FF73;
}

.alert-success .btn-primary {
    color: #000;
    background: #fff;
}

.alert-success .btn-primary:hover {
    color: #000;
    background: #e9e9e9;
}

.alert a {
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-color: var(--linkline-color);
    cursor: pointer;
}

.alert a:hover {
    text-decoration-color: #222 !important;
}

.alert.gback {
    color: var(--dark-font-color)
}

.alert.light {
    background: #fff6e4;
    color: #000
}

.alert + .alert {
    margin-top: -10px;
    border-top: var(--alert-divider-border);
}

.alert.basket i.icon-info:before {
    content: "\e614";
}

.alert.fullsize {
    text-align: center;
    border-radius: 0;
    padding: 10px 40px;
    margin-bottom: 0;
}

.alert.fullsize + .alert.fullsize {
    margin-top: 0;
}


.alert[data-alert-close] {
    padding-right: 50px;
    padding-left: 25px;
    position: relative;
}

.alert[data-alert-close] .close-it {
    position: absolute;
    right: 15px;
    top: 3px;
    font-family: 'fixando';
    color: inherit;
    padding: 8px;
    transition: var(--icon-transition);
}

.alert[data-alert-close] .close-it:hover {
    opacity: 1;
    cursor: pointer;
    color: var(--link-font-hover);
    transform: rotate(180deg);
}

.alert[data-alert-close] .close-it:before {
    content: '\e117';
}

.remove_message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000000;
    transition: opacity 1s ease;
}

.remove_message .alert {
    width: 80%;
    border-radius: 0;
    border-bottom-left-radius: var(--btn-radius);
    border-bottom-right-radius: var(--btn-radius);
    margin: 0 auto;
    box-shadow: var(--box-shadow);
    cursor: pointer;
    min-height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}

.image_info {
    display: flex;
}

.home-warning-margin {
    margin-top: 6%;
}

.header_message {
    padding: 12px 20px;
    border-radius: var(--box-radius);
    margin-bottom: 10px;
    background: var(--notice-background);
    color: var(--notice-color);
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
}

.header_message h4 {
    margin: 0;
    padding: 0
}

.cookie_home .cookie_disclaimer {
    position: fixed;
}

.started_notification {
    background-color: var(--badge-background-medium);
    color: var(--badge-color-medium);
    font-size: 10px;
    padding: 2px 10px;
    float: right;
    border-radius: var(--box-radius);
    margin: 2px 0px 0 0;
}


.cookie_disclaimer {
    z-index: 10000;
    color: #FFF;
    background-image: linear-gradient(217deg, #5f5f5f, #111111);
    font-size: 15px;
    text-align: center;
    bottom: 0px;
    position: fixed;
    padding: 10px;
    box-sizing: border-box;
    width: calc(100%);
    line-height: 19px;
}

.cookie_disclaimer .btn {
    line-height: 10px;
}

.popup_content .cookie_disclaimer,
.inPopup .cookie_disclaimer {
    display: none;
}

.cookie_disclaimer a {
    color: var(--link-font-hover);
}


.cookie_button {
    display: inline-block;
    margin-top: 5px;
    margin-left: 8px;
}

.home #popular {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #FFF;
    font-weight: 600;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    text-shadow: 0 0 20px rgba(0, 0, 0, 1);
}

.home #popular a {
    color: #ececec;
    padding: 0 8px;
}

.home #popular a:hover {
    color: #FFF
}

.home .fix-search #popular {
    display: none
}

body.root-category .categories_group .cat {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

body.root-category .categories_group {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

body.root-category .categories_group .parent-name {
    color: var(--site-font-color);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
    cursor: pointer;
}

body.root-category .categories_group .parent-name:hover {
    text-decoration-color: var(--link-decoration-color);
}

body.root-category .categories_group .parent-name:hover:before {
    transform: translateX(2px);
}

body.root-category .categories_group .categories-list {
    column-count: 2;
    column-gap: 24px;
}

body.root-category .categories_group .parent {
    background: var(--medium-background);
    border-radius: var(--radius-default);
    margin-bottom: 24px;
    width: 100% !important;
    padding-top: 1px;
    transform: translateZ(0px);
    padding-left: 20px;
    box-sizing: border-box;
}

body.root-category .categories_group .parent ul {
    padding: 22px;
    color: var(--light-font-color);
    font-size: var(--site-font-size-small);
    column-count: 2;
    column-gap: 24px;
    padding-top: 4px;
}

body.root-category .categories_group li {
    list-style: none;
    line-height: var(--site-line-height-small);
    font-weight: 300;
}

body.root-category .categories_group li + li {
    margin-top: 12px;
}

body.root-category .categories_group h3 {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: 500;
    text-align: center;
    min-height: 40px;
    display: flex;
    align-items: center;
    margin: 8px 10px 8px;
    padding: 4px 12px;
    box-sizing: border-box;
}

body.root-category .categories_group .parent-name:before {
    position: absolute;
    content: "\e94a";
    font-family: fixando;
    margin-left: -24px;
    font-size: 12px;
    color: #fbb000;
    transition: var(--icon-transition);
}

body.categories.parent .categories_group {
    background: var(--medium-background);
    padding-bottom: var(--section-padding-bottom);
}

body.categories.parent .categories_group .categories {
    flex: auto;
    column-count: 2;
    column-gap: 40px;
}

body.categories.parent .categories_group .categories li {
    font-size: var(--title-font-size);
    line-height: var(--site-line-height);
}

body.categories.parent .categories_group .categories li + li {
    margin: 12px 0;
}

body.categories.parent .categories_group .categories li a {
    padding-left: 24px;
    display: inline-flex;
    align-items: center;
}

body.categories.parent .categories_group .categories li a:before {
    position: absolute;
    content: "\e94a";
    font-family: fixando;
    margin-left: -24px;
    font-size: 12px;
    transition: var(--icon-transition);
}

body.categories.parent .categories_group .categories li a:hover:before {
    transform: translateX(2px);
}

body.categories.parent .categories_group .categories li a span:hover {
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
}

@supports (background: -webkit-named-image(i)) {
    /* Safari only */
    body.categories.parent .categories_group .categories li a:before {
        position: relative;
        padding-right: 10px;
    }
}

.parent-page-content {
    padding: 0 var(--site-horizontal-padding);
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.parent-slider-cats {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}


.keyword-categories-list {
}

.keyword-categories-list ul {
    margin: 0 auto;
}

.keyword-categories-list li {
    background: var(--medium-background);
    border-radius: var(--btn-radius);
    max-width: 700px;
    min-width: 500px;
    margin: 2px auto;
}

.keyword-categories-list li a {
    display: block;
    position: relative;
    padding: 16px 20px 16px 44px;
    text-align: left;
    border-radius: var(--btn-radius);
}

.keyword-categories-list li a:hover {
    color: var(--link-font-hover);
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
}


.keyword-categories-list li a:hover,
.keyword-categories-list li a.active,
.keyword-categories-list li a.focus {
    color: var(--site-font-color-hover);
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
}

.keyword-categories-list li a:before {
    position: absolute;
    content: "\e94a";
    font-family: fixando;
    margin-left: -24px;
    font-size: 12px;
    transition: var(--icon-transition);
    color: var(--icons-yellow);
}

.keyword-categories-list li a:hover:before {
    transform: translateX(2px);
}


.maincat_navigation_small {
    border-top: 1px solid var(--line-color);
    text-align: center;
    background: var(--medium-background);
    border-bottom: 1px solid var(--line-color);
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
    max-width: 750px;
    min-height: 84px;
    flex-wrap: nowrap;
    margin: 10px auto;
    text-align: center;
    flex-direction: row;
    row-gap: 5px;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    column-gap: 20px;
}

.maincat_navigation_small a:not(.btn-primary) {
    color: var(--full-font-color);
    font-weight: 300;
    align-self: auto;
    flex: 1;
    font-size: 12px;
    padding: 0 0px;
    border: 0;
    text-decoration: none;
}

.maincat_navigation_small a i.icon {
    display: block;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--icons-yellow);
    position: relative;

}

.maincat_navigation_small a i.icon:after {
    position: absolute;
    content: '';
    border-bottom: var(--main-menu-icon-border-bottom);
    max-width: 80px;
    width: 46px;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


body.categories .maincat_navigation_small a i.icon {
    color: var(--icons-yellow)
}

@media (hover: hover) {
    .maincat_navigation_small a:hover i.icon,
    .maincat_navigation_small a:hover span {
        /*color: var(--icons-gray-hover) !important;*/
    }

    .maincat_navigation_small a:hover i.icon:after {
        border-color: var(--icons-yellow);
        width: 100%;
        opacity: 1;
    }

    .request-call .close-popup:hover {
        color: var(--icons-yellow);

    }
}

.home .maincat_navigation_small {
    background: none;
    border: none;
    position: relative;
    z-index: 3;
    min-height: 95px;
    margin-bottom: 30px;
}

.home .maincat_navigation_small a:not(.btn-primary) {
    max-width: 130px;
    border-radius: var(--btn-radius);
    min-width: 115px;
    font-weight: 400;
    line-height: var(--site-line-height-medium);
    font-size: var(--site-font-size);
    color: var(--site-font-color);
    padding: 0px 2px 20px 2px;
}


.reviews-block .trustpilot {
    color: var(--full-font-color);
}

.categories .maincat_header_small {
    position: relative;
    display: flex;
    background: var(--medium-background);
    color: var(--site-font);
    padding: var(--headline-padding-bottom) var(--site-horizontal-padding);
    text-align: left;
}

.maincat_header_small_wrapper {
    width: 100%
}

.categories .maincat_header_small h1 {
    margin-bottom: 12px;
}

.categories .maincat_header_small .subtitle:not(:empty) {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    font-weight: var(--site-font-weight);
}

.categories .maincat_header_small .subtitle h2 {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    font-weight: var(--site-font-weight);
    display: inline;
    text-decoration: none;
}

.categories #home_search_wrapper {
    margin-top: 130px;
}

.categories .maincat_navigation_small {
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    justify-content: center;
    margin-bottom: 20px;
    background: var(--box-background);
    padding-top: 30px;
}


.categories .maincat_navigation_small a.active,
.categories .maincat_navigation_small a.active i.icon,
.categories .maincat_navigation_small a.active span {
    color: var(--icons-gray-hover);
}

.category div.maincat_navigation_wrapper {
    /*border-top: 1px solid #e1e3e3;*/
    background: var(--medium-background);
    margin-bottom: 64px;
}

.category .maincat_navigation_small {
    min-height: 0;
    border: none;
    margin: 0 auto;
    padding: 20px;
}

.category .maincat_navigation_small a {
    line-height: 20px;
    font-size: 16px;
    color: var(--light-font-color);
    white-space: nowrap;
}

body.category .navbar-fixed-top {
    height: 70px;
}

.hero {
    background: var(--fixando-yellow);
    min-height: 240px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero_near_me {
    height: 210px;
    padding-top: 15px !important;
    text-align: center;
    background: var(--medium-background);
}

body:not(.transeffect) .hero_near_me ol.breadcrumbs_list li:after,
body:not(.transeffect) .hero_near_me ol.breadcrumbs_list li span:not(.hidden),
body:not(.transeffect) .hero_near_me ol.breadcrumbs_list li a,
body:not(.transeffect) .hero_near_me ol.breadcrumbs_list li {
    color: var(--light-font-color);
}

.near_me.transeffect .transwrapper {
    background: #00000010 !important;
}

.hero_message {
    color: #fff;
    width: 100%;
    display: inline-block;
    background: #222222;
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.hero_message .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.other-campaign-categories {
    color: var(--dark-font-color);
}

.campaign_page .campaign-links {
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
}

.campaign_page .campaign-links:hover {
    text-decoration-color: var(--link-decoration-color);
}

.hero_message .subtitle {
    font-size: var(--title-font-size);
    line-height: 26px;
    margin-bottom: 10px;
}

.hero_message .get_start_wrapper #getstarted {
    color: var(--btn-bordered-font);
    background: var(--btn-white);
    transition: none;
}

.packages-footer .footer-button {
    background: var(--btn-bordered);
    color: var(--btn-bordered-font);
    transition: none;
}

.get_start_wrapper {
    min-height: 40px;
}

.hero_near_me_title {

}

.hero .img {
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover !important;
    filter: var(--img-filter-hero);
}

.share .hero {
    margin-bottom: 0;
    padding-bottom: 100px;
}


.service_category_hero_title {
    font-size: var(--headline-font-size);
    font-weight: var(--headline-font-weight);
    line-height: var(--headline-line-height);
    padding-bottom: 20px;
}

.maincat_header {
    /* text-align: center; */
    box-sizing: border-box;
    padding: 0px;
    z-index: 2;
    color: var(--title-font-color);
    position: relative;
    clear: both;
    margin-bottom: 40px;
    perspective: 1000px;
}

.maincat_header h1 {
    color: var(--full-font-color);
    margin-top: 30px;
    margin-bottom: 10px;
}

body.keyword .maincat_header h1 {
    color: var(--full-font-color);
}

.maincat_header .subtitle,
.maincat_header .subtitle h1 {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
}

.maincat_header .subtitle h1 {
    color: var(--title-font-color);
    text-decoration: none;
}

.categories .maincat_header {
    color: var(--full-font-color);
    margin-bottom: 40px;
    margin-top: 20px;
}

.categories .maincat_header .subtitle {
    transform: none;
    font-size: 24px;
    line-height: 26px;
}

.tab-pane#requests h3 {
    padding-left: 15px;
}

.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: wrap
}

.flex .col {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    flex-grow: 1;
}

.flex2 {
    flex-basis: 50%;
    align-self: stretch
}

.flex3 {
    flex-basis: 33.33%;
    align-self: stretch
}

.additional_data div {
    margin-top: 15px;
}

.additional_data {
    margin-left: 10px;
}

.pro_quotation {
    margin: 10px 0px;
}

.related_category_list {
    margin: 1px !important;
    background-color: var(--light-background);
    padding: 10px 0px;
}

.near_me_links .flex3 {
    flex-grow: 0;
    flex-basis: calc(33.33% - 2px);
}

.flexx {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    max-width: 767px;
    margin: 0 auto;
}

.category .flexx {
    max-width: 918px;
}

.flexx .fcol {
    align-self: auto;
    flex: 1 1 auto;
    line-height: 2
}

#price_pages_container {
    min-height: 300px;
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

#price_pages_container .price_page_question {
    margin-top: 20px;
    padding-bottom: var(--title-padding-bottom);
    font-size: var(--title-font-size);
    letter-spacing: var(--title-letter-spacing);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
    text-align: left;
}

.section-navigation {
    margin-top: var(--section-padding-top);
}

.price-pages-container .section-navigation .section {
    position: relative;
    text-align: left;
    display: block;
    font-weight: 400;
    box-sizing: border-box;
    padding: 18px 20px;
    border: none;
    background: var(--medium-background);
    color: var(--dark-font-color);
    border-radius: var(--btn-radius);
    margin-bottom: 2px;
}


.price-pages-container .section-navigation .section:hover {
    background: var(--btn-white-hover);
}

.price-pages-container .section-navigation .section:hover:after {
    color: var(--site-font-color-hover);
}

.price-pages-container .section-navigation .section:after {
    position: absolute;
    font-family: Fixando;
    content: "\e910";
    right: 10px;
    color: var(--icons-gray-transparent);
}

.price_pages_links {
    padding: 20px;
    border-radius: var(--radius-default);
    background: var(--highlighted-background);
}

.price_pages_section {
    margin-bottom: var(--section-padding-bottom);
}

.side-section .price_pages_section {
    background: var(--highlighted-background);
}

.price_pages_links .price_pages_link {
    display: block;
    padding: 10px 0;
    margin: 3px;
    position: relative;
    text-align: left;
    color: var(--site-font-color);
}

.price_pages_links .price_pages_link:hover {
    z-index: 1;
    color: var(--site-font-color-hover);
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color)
}

.price_pages_title {
    font-size: var(--title-font-size);
    display: block;
    padding: 10px 0;
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
    letter-spacing: var(--title-letter-spacing);
}

.price_pages_section .price_pages_title {
    padding: 20px;
}

.price_pages_section_links a {
    display: block;
    padding: 12px 35px 12px 20px;
    margin: 1px;
    position: relative;
    color: var(--site-font-color-hover);
    background: var(--medium-background);
    border-radius: var(--btn-radius);
}

.side-section .price_pages_section_links a {
    background: none;
}


.price_pages_section_links a:hover {
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
}

.price_content_steps_wrapper {
    margin-top: var(--section-padding-top);
    margin-bottom: var(--section-padding-bottom);
    padding: 40px;
    text-align: center;
    border: 1px solid var(--input-border-color);
    border-radius: var(--radius-big);
}


.price_content_steps_wrapper .price-steps-first-title {
    margin-bottom: 30px;
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    font-weight: var(--subheadline-font-weight);
    letter-spacing: var(--title-letter-spacing);
}

.price_content_steps_wrapper .price-steps-second-title {
    margin: 10px 0 30px 0;
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    font-weight: var(--subheadline-font-weight);
    letter-spacing: var(--title-letter-spacing);
}

.price_content_steps_wrapper .price-steps-subtitle {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    color: var(--light-font-color);
    text-align: left;
}

.price_content_steps.flex {
    justify-content: center;
    align-items: center;
}

.price_content_steps .flex3 {
    padding: 0 10px;
    box-sizing: border-box;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    padding-bottom: 30px;
}

.price_content_steps .flex3 div {
    height: 160px;
}

.price_content_steps .flex3 img {
    width: 100px;
}

.price_ranges {
}

.price_ranges .price-title {
}

.price_ranges .price-subtitle {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    margin-bottom: var(--title-padding-bottom);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
}

.price_ranges_from_to {
    padding: 16px 20px;
    background: var(--fixando-background);
    border-radius: var(--radius-default);
}

.price_ranges_from_to + .price_ranges_from_to {
    margin-top: 5px;
}

.price_ranges_from_to .prices {
    color: var(--dark-font-color);
    margin-top: 12px;
}

.price_ranges_from_to .prices .average-price,
.price_ranges_from_to .prices .price-range {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
}

#price_pages_container .related_category_list {
    padding: 15px !important;
    background-color: var(--box-background);
    border-radius: var(--radius-default);
    box-shadow: var(--box-shadow-small);
    margin-bottom: 20px !important;
}

#price_pages_container .related_category_list img {
    border-radius: var(--radius-default);
}

.price_pages_content_container {
    margin-left: 0 !important;
    padding-right: 40px;
}

.price_pages_faq,
.locations_pages_faq {
    width: 100%;
    text-align: center;
}


.price_pages_faq .faq_dropdown .questions,
.locations_pages_faq .faq_dropdown .questions {
    background: var(--faq-background)
}

.price_pages_faq .faq_dropdown .questions,
.price_pages_faq .faq_dropdown .answers,
.locations_pages_faq .faq_dropdown .questions,
.locations_pages_faq .faq_dropdown .answers {
    max-width: 100%
}

.price_pages_faq .faq_dropdown .questions.active,
.locations_pages_faq .faq_dropdown .questions.active {
    background: var(--faq-background-active);
}

.price_pages .top-cities .title {
    padding: 20px 0;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
    letter-spacing: var(--title-letter-spacing);
}

.price_pages .top-cities {
    margin-bottom: 50px;
}

.price_pages .top-cities-prices {
    border-radius: var(--btn-radius);
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    padding: 8px;
}

.price_pages .top-cities-prices .head {
    font-weight: 600;
}

.price_pages .top-cities-prices .head,
.price_pages .top-cities-prices .price-details {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    height: 50px;
    justify-items: center;
    align-items: center;
    border-bottom: 1px solid var(--table-border);
}

.price_pages .top-cities-prices .price-details {
    background: var(--fixando-background);
}

.price_pages .top-cities-prices .price-details:hover {
    background: var(--list-hover);
}

.price_pages .top-cities-prices .price-details:last-child {
    border-bottom: none;
    border-bottom-left-radius: var(--radius-big);
    border-bottom-right-radius: var(--radius-big);
}

.price_pages .top-cities .last-updated {
    margin: 10px 0;
    color: var(--light-font-color);
}

.price_pages .partners-simulator {
    border-radius: var(--btn-radius);
    margin-top: var(--section-padding-top);
    background: var(--light-background);
    padding: 15px;
    border-radius: var(--radius-default);
}

.show-more-button {
    margin-top: 20px;
}

.campaign_page .section {
    width: 100%;
}

.campaign_page section.section.testimonial-section {
    padding: 25px 0px !important;
}

.campaign_page .section h2 {
    padding-bottom: var(--headline-padding-bottom);
}

.campaign_page .flex div {
    width: calc(50% - 20px);
    text-align: left;
    padding: 20px;
    box-sizing: border-box;
}

.category-description, .category-details, .campaign-about-sub-sections {
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
}

.campaign_page .campaign_div li {
    text-align: left;
    padding: 10px;
    flex-basis: calc(33.33% - 25px);
}

.campaign_page .campaign_div {
    margin: 10px;
}

.campaign_page .campaign_div div {
    width: 100%;
    margin-left: -10px;
}

.campaign_page .flex3 {
    width: calc(33.33% - 20px);
}


.spacearound div {
    text-align: left;
    padding: 0 6px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
}

.spacearound.display-desktop div {
    padding-left: 0px;
}

.get_start_wrapper.wrapper-fix #getstarted {
    margin-right: 30px;
}

/***********************************
QUESTIONS
***********************************/
.question_card {
    /*background: var(--popup-background);*/
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 12px;
    display: block;
    position: relative;

    /*-webkit-animation: fadeIn .35s;*/
    /*animation: fadeIn .35s;*/
    /*-webkit-animation-timing-function: ease-out;*/
    /*animation-timing-function: ease-out*/
}

.question_title {
    display: flex;
    min-height: 70px;
    padding: 40px 50px 20px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    clear: both;
    align-items: flex-start;
}

.question_title .question_text {
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    color: var(--subheadline-font-color);
    font-weight: var(--subheadline-font-weight);
    margin-bottom: 10px;
    max-width: 100%;
}

.question_title .question_text span {
    font-size: 16px;
    line-height: 20px;
    display: block;
}

.answer-suggestion-text, .answer-suggestion-text.answer-suggestion-1 {
    font-size: 11px;
    color: var(--light-font-color);
}

.answer-suggestion-text.answer-suggestion-2 {
    font-size: 12px;
}

.answer-suggestion-text.answer-suggestion-3 {
    font-size: var(--site-font-size-small);
}

.answer-suggestion-text.answer-suggestion-4 {
    font-size: 14px;
}

.answer-suggestion-text.answer-suggestion-5 {
    font-size: 15px;
}

/* IE 11  HACK */
*::-ms-backdrop, .question_title .question_text {
    margin-top: 30px;
}


body.fullformRequest .question_title span {
    color: var(--light-font-color)
}


.questionsSideInfo {
    padding: 0 20px;

}

.category .questionsSideInfo.side-section {
    display: flex;
    flex-direction: column;
}

.questionsSideInfo h2,
.questionsSideInfo h3 {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    font-weight: var(--title-font-weight);
    padding-bottom: var(--title-padding-bottom-small);
}

.questionsSideInfo p a,
.questionsSideInfo p {
    color: var(--light-font-color);
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
}

.questionsInfoTitle {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
}

.category_content {
    padding: 0 var(--site-horizontal-padding);
    padding-top: var(--section-padding-top);
}

.category_content h1 {

}

.category_content h2 {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--headline-padding-bottom);
}

.category_content h3 {
    padding-top: var(--section-padding-top-small);
    padding-bottom: var(--title-padding-bottom);
}

.category_content p {
    margin: 0 0 20px;
}

.category_content img:not(.no_style) {
    border-radius: var(--radius-default);
    margin-top: var(--title-padding-bottom);
}

.category_content img + h1 {
    margin-top: 40px;
}

.answers label {
    display: block;
    border-top: 1px solid transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 22px 15px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: var(--headline-font-color);
    font-size: var(--site-font-size);
    vertical-align: baseline;
    position: relative;
    /*background: var(--popup-background);*/
    max-width: fit-content;
}

.answers label span {
    width: 100%;
    padding-left: 36px;
}

.answers label .optional {
    font-size: 14px;
    line-height: 16px;
    color: var(--light-font-color);
}

.answers input[type="text"],
.answers input[type="number"],
.answers input[type="date"],
.answers input[type="tel"],
.answers input[type="email"],
.answers input[type="time"],
.answers input[type="password"],
.answers textarea {
    background: var(--input-background-popup);
    /*box-shadow: inset 0px 0px 0px 1px var(--input-border-color);*/
    box-sizing: border-box;
    border-color: var(--input-border-color);
    border-radius: var(--radius-input);
    padding: 0 14px;
    padding-left: 20px;
    font-size: var(--site-font-size);
    color: var(--input-color);
    line-height: 1.35;
    height: 40px;
    -webkit-appearance: none;
    width: 100%;
}

/* Fix for native shadow objects in iOS */
@supports (-webkit-touch-callout: none) {
    input[type="time"]::-webkit-date-and-time-value {
        all: unset !important;
        display: inline-flex !important;
        align-items: center !important;
        height: 40px !important;
    }
}

.answers[data-type="visual_enumeration"] {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    padding: 0 20px;
    justify-content: space-around;
}

.answers .ve {
    width: 30%;
    border: 1px solid var(--input-border-color);
    margin-bottom: 20px;
    cursor: pointer;
    display: inline-block;
    border-radius: var(--radius-default);
    background: var(--fixando-yellow);
    position: relative;
    overflow: hidden;
}

.answers .ve.checked {
    border-color: var(--fixando-yellow);
    box-shadow: 0 0 0 1px var(--fixando-yellow);
}

.answers .ve img {
    border-top-left-radius: var(--radius-default);
    border-top-right-radius: var(--radius-default);
    /*filter:var(--img-invert-filter)*/
}

.answers .ve.checked img {
    filter: opacity(0.5);
}

.answers .ve.checked:after {
    position: absolute;
    content: '\e94d';
    font-size: 50px;
    font-family: fixando;
    top: 65px;
    left: calc(50% - 22px);
    color: var(--site-font-color);
    opacity: 0.6;
}

.answers .ve label {
    clear: both;
    border-top: none;
    background: none;
    padding: 14px 5px 15px;
    max-width: unset;
    background: var(--popup-background);
    height: 70px;
    overflow: auto;
    line-height: 1.1;
}

.answers .ve label span {
    padding-left: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.answers .ve + label {
    border-top: none;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    max-width: unset;

}

.answers .ve + label input[type="radio"] + span:before,
.answers .ve + label input[type="checkbox"] + span:before {
    display: inline-flex;
}

.stop-request-container .icon.flag {
    font-size: var(--title-font-size);
    right: 65px;
}

.stop-request-container .flag:hover {
    color: var(--icons-gray-hover);
    transform: rotate(10deg);
}

.stop-request-container .icon-flag.flag-disabled {
    pointer-events: none;
    color: var(--icons-gray);
}

.requestPopup .answers label {
    border-top: none;
}


.requestPopup .answers #date_fields label:first-child {
    border-top: none;
}

.requestPopup .answers .ve label {
    border-bottom: none;
    border-radius: 0;
}

.requestPopup .answers label.hidden {
    display: none
}

.report_req:hover {
    cursor: pointer;
}

.report_request_header h2 {
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    letter-spacing: var(--headline-letter-spacing);
    font-weight: var(--subheadline-font-weight);
    padding-bottom: var(--title-padding-bottom);
    padding-top: 20px;
}

.report_icon {
    margin-top: 10px;
    font-size: 100px;
    color: var(--fixando-yellow);
}

.report_rules {
    text-align: left;
}

.report_request_form {
    margin-bottom: 20px;
}

.report_request_form .radio_group {
    text-align: left;
}

.report_request_form .radio_group label {
    padding-bottom: 10px;
}

.report_rules ul {
    list-style-type: disc;
    padding-left: 21px;
}

.report_rules li, .report_rules div {
    margin-top: 10px;
}

.report_request textarea {
    resize: none;
}

.report_request .radio_group label {
    margin-left: 0;
}

.report_request label {
    display: flex;
    margin-left: 25%;
    margin-top: 2%;
}

.report_request input, textarea {
    min-width: 35px;
}

.report_request label {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin-left: 25%;
    margin-top: 2%;
}

.report_request input, textarea {
    min-width: 35px;
}


.report_request textarea {
    width: calc(100% - 38px);
    height: 100px;
    margin-left: 38px;
    padding: 10px;
}

.report_request input[type="radio"]:focus {
    box-shadow: none;
}

.report_request_section,
.report-not-allowed-section {
    margin: 0px 20px;
    text-align: center;
}

.report_rules {
    display: none;
    margin: 10px 0px;
}

.report_submit {
    margin: 10px 0px;
    text-align: center;
}

.submit_report, .cancel_report {
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
}

.answers textarea {
    height: auto;
    margin-bottom: 12px;
    min-height: 210px;
    margin-top: 12px;
    padding: 15px 20px;
    line-height: 1.35;
    width: calc(100% - 46px);
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--btn-radius);
}

.answers .textarea-with-mic {
    position: relative;
}

.answers .textarea-with-mic .related_text {
    display: block;
    width: 100%;
}

.answers .audios_container {
    margin-top: 60px;
}

.answers .mic-disabled i {
    opacity: 0.6;
    cursor: not-allowed;
}

.hide_attachment_title audio {
    padding-bottom: 10px;
    width: 100%;
}

html.audio-recording-active .mic-record-button i::before {
    content: "\ea1e";
}

html:not(.audio-recording-active) .mic-record-button i::before {
    content: "\e922";
}

.textarea-with-audio {
    display: none;
}

html.audio-recording-active .textarea-with-audio {
    display: block;
}

.textarea-with-audio .recording {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--recording-background-color);
    padding: 8px 12px;
    border-radius: var(--radius-recording-section);
    font-size: 14px;
    border: 1px solid var(--recording-border-color);
    width: calc(100% - 25px);
}

.textarea-with-audio .dot {
    width: 10px;
    height: 10px;
    background: var(--recording-dot-color);
    border-radius: var(--radius-recording-dot);
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}

.textarea-with-audio .js-record-timer {
    font-weight: bold;
    min-width: 45px;
    text-align: right;
    color: var(--recording-text-color);
}

.textarea-with-audio .js-record-text {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    font-weight: bold;
    color: var(--recording-text-color);
    white-space: nowrap;
    position: relative;
}

.textarea-with-audio .js-record-text::after {
    content: "";
    animation: dot10 2s steps(11, end) infinite;
}

@keyframes dot10 {
    0% {
        content: "";
    }
    10% {
        content: ".";
    }
    20% {
        content: "..";
    }
    30% {
        content: "...";
    }
    40% {
        content: "....";
    }
    50% {
        content: ".....";
    }
    60% {
        content: "......";
    }
    70% {
        content: ".......";
    }
    80% {
        content: "........";
    }
    90% {
        content: ".........";
    }
    100% {
        content: "..........";
    }
}

.answers .audios_container .audio_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    row-gap: 10px
}

.answers .textarea-with-audio audio,
.answers .audios_container audio {
    width: calc(100% - 40px);
}

.answers .audios_container i.icon.icon-trash:hover {
    background: var(--btn-red);
    color: var(--btn-red-font);
}

.answers .audios_container i.icon.icon-trash {
    color: var(--icons-darkgray);
    border-radius: 50%;
    font-size: 26px;
}

.mic-record-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    padding: 0 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.answers select {
    height: 48px;
    background-color: var(--input-background);
    padding-left: 14px;
    border: 1px solid var(--input-border-color);
    color: var(--input-color);
    padding-right: 27px;
    border-radius: var(--btn-radius);
}

.answers select:active,
.answers select:hover {
    border-color: var(--input-border-color-hover);
}

.answers label input[type="time"],
.answers label input[type="number"],
.answers label input[type="tel"],
.answers label input[type="email"],
.answers label input[type="text"],
.answers label input[type="password"] {
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    width: 92%;
    left: -4px;
    position: relative;
    display: inline-block;
    border-radius: var(--radius-input);
}

.answers .js-request-form-direct-booking-profiles {
    margin: 14px 22px 15px;
    min-height: 165px;
}

.answers .js-request-form-direct-booking-profiles.disable-interactions {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.7;
}

@media (hover: hover) {
    .answers label:hover input[type="checkbox"] + span:before {
        color: var(--checkbox-color-hover)
    }
}


.answers:not([data-type="visual_enumeration"]) input[type="radio"] + span:not(.has-text-field),
.answers:not([data-type="visual_enumeration"]) input[type="checkbox"]:not(#answerset_password):not(#answeraccept_terms):not(#answeraccept_news) + span:not(.has-text-field):not(.terms_accept):not(.news_accept) {
    background-image: linear-gradient(var(--link-decoration-color) 0 0);
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size 0.1s, background-position 0.2s;
}

.answers:not([data-type="visual_enumeration"]) input[type="checkbox"] + span:not(.has-text-field):not(.terms_accept):not(.news_accept) {
    padding-bottom: 3px;
}

.answers input[type="checkbox"] + span:before {
    background: none;
    color: var(--checkbox-color);
}

.answers input[type="checkbox"]:checked + span:before {
    background: none;
    color: var(--checkbox-checked-color);
}


.answers input[type="radio"]:checked + span,
.answers input[type="checkbox"]:checked + span {
    color: var(--link-font-inverse-hover);
    background-position: 100% 100% !important;
    background-size: calc(100% - 36px) 1px !important;
}

@media (hover: hover) {
    .answers label:hover input[type="radio"] + span,
    .answers label:hover input[type="checkbox"] + span {
        color: var(--link-font-inverse-hover);
    }

    .answers label:hover input[type="radio"]:not(:checked) + span:before {
        border-color: var(--checkbox-color-hover);
    }

    .answers label:hover input[type="radio"]:checked + span:before,
    .answers label:hover input[type="checkbox"]:checked + span:before {
        color: var(--checkbox-checked-color-hover);
    }
}

.answers input[type="radio"] + span:before,
.answers input[type="checkbox"] + span:before {
    margin-left: -23px;
    left: -13px;
    margin-right: 0;
    text-decoration: none !important;
    transition: all .1s ease-out;
}

/** This selector is a tricky one:

<div class="answers">
    <label>
        <input type="checkbox">
        <span>
            <input type="text" class="can_describe">
        </span>
    </label>
    ...
</div>
 */
.answers input[type="checkbox"] + span:has(> .can_describe):before {
    top: 6px;
}

.question_card .additional-info-box .inbox-info,
.answers .inbox,
.answers input.inbox {
    width: calc(100% - 44px);
    min-width: 100px;
    margin-left: 22px;
    margin-right: 22px;
    margin-bottom: 10px;
}

body.pro .answers input.inbox {
    width: calc(100% - 22px);
    margin-left: 11px;
    margin-right: 11px;
}

.answers .half {
    width: 50%;
    display: inline-block;
}

.question_card .additional-info-box .small-info,
.answers input.small {
    width: calc(100% - 50px);
    min-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.answers input.small.js-show-town-suggestions {
    width: calc(100% - 44px);
}

.answers label.input {
    color: var(--light-font-color);
    padding-bottom: 7px;

}

.answers label em {
    font-style: normal;
    font-size: 12px;
    position: relative;
    margin-left: 5px;
    top: 2px
}

.answers[data-type="visual_enumeration"] input[type="radio"] + span:before,
.answers[data-type="visual_enumeration"] input[type="checkbox"] + span:before {
    display: none;
}

.answers[data-type="visual_enumeration"] .answers label span {
    padding-left: 0;
    text-align: center;
}

.answers input:focus,
.answers textarea:focus,
.answers select:focus {
    /*box-shadow: inset 0px 0px 0px 1px var(--input-border-color-active) !important;*/
    /*border-color: var(--input-border-color-active) !important;*/
    outline: none;
}

.smallinfo,
.answers .info {
    padding: 0 22px;
    line-height: var(--site-line-height-small);
    font-size: var(--site-font-size-small);
    color: var(--light-font-color);
}

.answers .info_email {
    padding: 15px 22px 15px 50px;
    line-height: var(--site-line-height-small);
    font-size: var(--site-font-size-small);
    color: var(--light-font-color);
}

.answers .info_email:before {
    position: absolute;
    content: '\e60a';
    font-family: fixando;
    color: var(--light-font-color);
    font-size: 22px;
    margin-left: -23px;
    margin-top: -2px;
}

.pro .map-wrapper,
.answers #map {
    margin-left: 12px;
    margin-top: 10px;
    border-radius: var(--radius-default);
    overflow: hidden;
    width: calc(100% - 24px);
}

.answers .towns-suggestions {
    min-width: 260px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 44px);
}

/* BREADCRUMBS LIST */
ol.breadcrumbs_list {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
}


ol.breadcrumbs_list li span:not(.hidden),
ol.breadcrumbs_list li a,
ol.breadcrumbs_list li {
    display: inline-block;
    line-height: 1.1;
    color: var(--breadcrumb-light-font-color);
}

ol.breadcrumbs_list li a span.hidden {
    display: none !important;
}

ol.breadcrumbs_list li:after {
    content: '\e910';
    padding: 0 8px;
    box-sizing: border-box;
    color: var(--breadcrumb-light-font-color);;
    font-family: fixando;
    font-size: 10px;
}

ol.breadcrumbs_list li:last-child:after {
    content: '';
    padding: 0;
    font-size: 0;
}


/***********************************
 INDIVIDUAL STYLES
***********************************/
body.home #logo_holder {
    text-align: center;
}

body.categories #logo_holder {
    text-align: left;
    padding-left: 10px;
}

#logo a {
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
}

#logo {
    background: var(--logo-small2) no-repeat;
    width: 160px;
    height: 34px;
    display: inline-block;
    top: 45px;
    left: 20px;
    position: relative;
    background-size: 100% !important;
    cursor: pointer;
}

#logo_addition {
    position: absolute;
    right: -40px;
    top: -10px;
}

#logo_addition svg {
    height: 35px;
    width: 44px;
}

body.home #logo a {
    display: none;
}

body.home #logo {
    background: var(--logo-medium) no-repeat;
    width: 250px;
    height: 140px;
    left: 0px;
    top: 90px;
}

body.home #logo #logo_addition {
    position: absolute;
    top: -10px;
    right: -46px;
}

body.home #logo #logo_addition svg {
    height: 44px;
    width: 44px;
}

body.home.categories #logo,
body.category #logo,
body.direct-booking-page #logo {
    background: var(--logo-small2) no-repeat;
    left: 5px;
    top: 18px;
    width: 160px;
    height: 35px;
}

body.category #logo,
body.direct-booking-page #logo {
    left: 15px;
}

body.display_user_details .navbar-inner,
body.display_user_details {
    background: none !important;
}

body.home.display_user_details #logo,
body.display_user_details #logo {
    background: var(--logo-medium) no-repeat;
}

body.display_user_details .navbar .icon-menu,
body.display_user_details .nav_menu ul li a {
    color: var(--light-font-color);
}

body.home.categories #logo #logo_addition,
body.category #logo #logo_addition {
    position: absolute;
    right: -42px;
    top: -10px;
}

body.home.categories #logo #logo_addition svg,
body.category #logo #logo_addition svg {
    height: 30px;
    width: 44px;
}

body.category .breadcrumbs,
body.home.categories .breadcrumbs {
    top: 85px;
    position: absolute;
    left: 20px;
    z-index: 100;
}


body.pages .breadcrumbs a,
body.category .breadcrumbs a,
body.home.categories .breadcrumbs a {
    /*color: #e7e9e9;*/
}

body.category .breadcrumbs a:hover,
body.home.categories .breadcrumbs a:hover {
    color: var(--breadcrumb-light-font-color);
}


body.category.nearme_link .breadcrumbs {
    z-index: 10001;
    margin-bottom: 10px;
    text-align: center;
    width: 100%
}


.share .breadcrumbs.share_page {
    margin-top: 20px;
}

.share .breadcrumbs.share_page a {
    text-decoration: none;
    padding: 4px 8px;
    margin-bottom: 5px;
}

.share_page ol.breadcrumbs_list li span:not(.hidden),
.share_page ol.breadcrumbs_list li,
.share_page ol.breadcrumbs_list li:after,
.share_page ol.breadcrumbs_list li a {
    color: var(--light-font-color);
}

.share .breadcrumbs.share_page a:hover {
}

/* Direct booking page*/
body.direct-booking-page .category-description-block {
    position: relative;
    display: flex;
    background: var(--medium-background);
    color: var(--site-font);
    padding: 20px 20px 30px;
    text-align: left;
    margin-bottom: 40px;
}

body.direct-booking-page .body-section .filter-section {
    gap: 15px;
    margin: 20px 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: stretch;
}

body.direct-booking-page .body-section .users-list-sections {
    margin: 40px 0px;
}

body.direct-booking-page .body-section .users-list-sections .user-details-block {
    padding: 20px 30px;
    border-radius: var(--box-radius);
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

body.direct-booking-page .body-section .users-list-sections .user-details-block .left-side {
    width: calc(100% - 160px);
}

body.direct-booking-page .body-section .users-list-sections .user-details-block .left-side .top-sections {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}

body.direct-booking-page .body-section .users-list-sections .user-details-block .left-side .bottom-section {
    padding: 10px;
    font-size: 16px;
    color: var(--site-font-color);
}

body.direct-booking-page .users-list-sections .user-details-block .description {
    display: -webkit-box;
    max-width: 650px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.direct-booking-page .users-list-sections .user-details-block .profile-url {
    color: var(--site-font-color);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
}

body.direct-booking-page .body-section .users-list-sections .user-details-block .left-side .top-sections .name-reviews-block {
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: var(--light-font-color);
}

body.direct-booking-page .body-section .users-list-sections .user-details-block .skills-block .skills-list-wrapper .skills .skills-list {
    border: 1px solid var(--table-border);
    border-radius: var(--radius-default);
    padding: 5px 10px;
    background-color: var(--medium-background);
    gap: 10px;
    font-size: 14px;
}

body.direct-booking-page .body-section .users-list-sections .user-details-block .right-side .serivice-block {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

body.direct-booking-page .body-section .users-list-sections .user-details-block .right-side .serivice-block .price {
    font-size: 25px;
    font-weight: 600;
}

body.direct-booking-page .body-section .users-list-sections .user-details-block .avatar-image-block .av {
    width: 50px;
    max-width: 100%;
    position: relative;
    z-index: 2;
    border-radius: 50%;
}

/* Direct booking page*/


.profile_page .breadcrumbs ol.breadcrumbs_list li:after,
.profile_page .breadcrumbs ol.breadcrumbs_list li,
.profile_page ol.breadcrumbs_list li span:not(.hidden),
.profile_page .breadcrumbs ol.breadcrumbs_list li a {
    color: var(--light-font-color);
}

body.pro .breadcrumbs {
    margin-top: 30px;
    margin-bottom: 20px
}

body.pro .breadcrumbs ol.breadcrumbs_list li:after,
body.pro .breadcrumbs ol.breadcrumbs_list li,
body.pro ol.breadcrumbs_list li span:not(.hidden),
body.pro .breadcrumbs ol.breadcrumbs_list li a {
    color: var(--light-font-color);
}


/* PAGES */
body.pages .main_wrapper {
    padding: 30px 0 40px 0;
}

body.pages .breadcrumbs {
    top: 40px;
    position: relative;
    z-index: 100;
}

body.pages ol.breadcrumbs_list li span:not(.hidden),
body.pages ol.breadcrumbs_list li a,
body.pages ol.breadcrumbs_list li,
body.pages ol.breadcrumbs_list li:after {
    color: var(--light-font-color);
}

body.pages ol.breadcrumbs_list li a:hover,
body.pages ol.breadcrumbs_list li a:active,
body.pages ol.breadcrumbs_list li a:active {
    color: var(--link-font);
    text-decoration: none;
}

body.pages ol.breadcrumbs_list li:after {
    opacity: 0.6
}


body.pages ol.breadcrumbs_list li:last-child:after {
    content: '';
    padding: 0;
    font-size: 0;
}

body.pages ol.pages_hotlinks {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: inherit;
    margin-top: var(--section-padding-top);
    margin-bottom: var(--section-padding-bottom);
    display: inline-block;
    border: 1px solid var(--table-border);
    padding: 20px;
    border-radius: var(--box-radius);
}

body.pages ol.pages_hotlinks li {
    width: auto;
}

body.pages ol.pages_hotlinks li + li {
}

body.pages ol.pages_hotlinks li a {
    display: inline-block;
    width: 100%;
    padding: 6px 20px;
    border-radius: var(--btn-radius);
    /*background: var(--list-hover-light);*/
    color: var(--btn-light-font);
    box-sizing: border-box;
    padding-left: 36px;
}

body.pages ol.pages_hotlinks li a:hover,
body.pages ol.pages_hotlinks li a.active,
body.pages ol.pages_hotlinks li a.focus {
    color: var(--site-font-color-hover);
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
}

body.pages ol.pages_hotlinks li a:before {
    position: absolute;
    content: "\e94a";
    font-family: fixando;
    margin-left: -24px;
    font-size: 12px;
    transition: var(--icon-transition);
}

body.pages ol.pages_hotlinks li a:hover:before {
    transform: translateX(2px);
}

body.pages ul li h3 {
    padding-bottom: var(--title-padding-bottom);
}

/**
 SKILLS
 */

.skills {
    display: flex;
    flex-wrap: wrap
}

.skills .skill {
    background: var(--skill-background);
    padding: 4px 12px;
    border: var(--skill-border);
    border-radius: var(--skill-radius);
    color: var(--skill-color);
    text-align: center;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 167ms;
    margin-left: 1px
}

.skills .skill:hover {
    background: var(--skill-background-hover);
    color: var(--skill-color-hover);
    border-color: var(--skill-background-active);
    cursor: pointer;
}

.skills-list {
    flex-direction: row;
    align-items: center;
}

.add-skills-form {
    display: flex;
}

.add-skills-form .skills-input {
    border-radius: var(--radius-input) 0 0 var(--radius-input) !important;
    max-width: 400px;
}

.section_fields .add-skills-form .skills-input {
    max-width: unset;
}

.add-skills-form .add-skill-button {
    background: var(--btn-primary) !important;
    color: var(--btn-primary-font);
    width: 100px;
    padding: 0 10px;
    border-radius: 0 var(--btn-radius) var(--btn-radius) 0;
    margin-left: -2px;
}

.btn-split .btn-split-tail {
    border-top-right-radius: var(--btn-radius);
    border-bottom-right-radius: var(--btn-radius);
    border: 1px solid;
}

.btn-split .btn-split-head {
    border-top-left-radius: var(--btn-radius);
    border-bottom-left-radius: var(--btn-radius);
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}

.btn-split .btn-split-tail,
.btn-split .btn-split-head {
    background: transparent;
    padding: 6px 10px;
}

.btn-split {
    color: var(--btn-bordered-font);
    margin: 5px;
    display: flex;
    border-radius: var(--btn-radius);
    border-color: var(--btn-bordered);
    cursor: default;
}

.btn-split:hover {
    background: var(--btn-primary);
    color: var(--btn-primary-font);
    border-color: var(--btn-hover);
}

.js-self-skill,
.js-self-skill:hover {
    background: var(--skill-background);
    color: var(--btn-light-font);
    border-color: var(--skill-border);
}

/* REQUEST FORM IN POPUP */
#requestHeader {
    text-align: center;
    padding: 0px;
    margin: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
}

.requestActive #requestHeader {
    height: 60px;
    position: absolute;
    background: var(--logo-small) left 18px no-repeat;
    background-size: 110px;
    box-shadow: var(--popup-header-shadow);
    z-index: 1;
}

#requestHeader #logo {
    background: var(--logo-small) no-repeat;
    width: 150px;
    height: 35px;
    position: relative;
    top: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    left: 0;
}

.requestActive #requestHeader #logo {
    display: none;
}

.ProgressBar-barContainer {
    width: calc(100% - 40px);
    height: 3px;
    overflow: hidden;
    top: 55px;
    position: relative;
    left: 20px;
    background: var(--request-progressbar-background);
    border-radius: 5px;
}


.ProgressBar-label {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: var(--light-font-color);

}

.ProgressBar-barProgress {
    /*transition: width .5s cubic-bezier(0.215, 0.610, 0.355, 1.000);*/
    transition: width .9s cubic-bezier(.8, -0.6, .2, 1.6);
    background: var(--fixando-yellow);
    height: 100%;
    width: 0;
    border-radius: 5px;
}

.requestPopup h1,
.requestPopup .subtitle {
    padding: 40px 50px 20px;
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    color: var(--site-font-color);
    font-weight: var(--subheadline-font-weight);
}


.requestPopup .subtitle h1 {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
}

.requestPopup .request_search_start .title {
    text-align: center;
    padding-top: 24px;
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    font-weight: var(--headline-font-weight);
}

.requestPopup .request_search_start .subtitle,
.requestPopup .request_search_start .subtitle h1 {
    padding-top: 0;
    text-align: center;

}

.popup_content iframe {
    border-radius: inherit;
    position: absolute;
}

.category #errormessage,
.category #errormessage_preferred,
.requestPopup #errormessage,
.requestPopup #errormessage_preferred {
    display: none;
    font-size: 16px;
    line-height: 20px;
    margin: 12px 0 6px;
    padding: 0 10px;
    text-align: center;
    color: var(--error-color);
    font-weight: var(--error-font-weight);
}

/*for register_pro */
#register_pro_errormessage {
    width: 100%;
    background: var(--error-background);
    box-sizing: border-box;
    padding: 16px;
    color: var(--error-color);
    display: none;
    text-align: center;
    z-index: 2;
    border-radius: var(--radius-notifications);
    font-weight: var(--error-font-weight);
}

.terms_accept,
.news_accept {
    font-weight: normal;
}

.terms_accept a,
.news_accept a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--linkline-color);
}

.terms_accept:hover a,
.news_accept:hover a {
    color: var(--link-font-selected);
}

.terms_accept a:hover,
.news_accept a:hover {
    text-decoration-color: var(--linkline-color-hover);
    color: var(--link-font-inverse-hover);
}

.requestPopup .answers .web_push_notifications_div label,
.requestPopup .answers .request_form_terms label {
    font-size: 16px;
    border: none;
    background: none;
    padding: 5px 22px;
}

.requestPopup #requestFormContainer #errormessage_preferred {
    position: relative;
    bottom: 0;
}

.requestPopup #errormessage,
.book-now-container .js-book-now-error,
.requestPopup #errormessage_preferred {
    position: absolute;
    bottom: 80px;
    border-radius: var(--radius-notifications);
    width: calc(100% - 40px);
    background: var(--error-background);
    box-sizing: border-box;
    padding: 12px 20px;
    color: var(--error-color);
    font-size: var(--site-font-size);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    margin: 0 20px;
    z-index: 1;
    box-shadow: var(--error-shadow);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    animation: zoomIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

body.InApp .book-now-container .js-book-now-error {
    top: 6px;
    bottom: auto;
}

.category #errormessage {
    padding-bottom: 12px;
    margin: 0;
}

.category #errormessage,
.category #errormessage_preferred {
    background: var(--error-background);
    padding: 12px 10px;
    background-color: var(--error-background);
    color: var(--error-color);
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    border-radius: var(--radius-notifications);
}

#pppcrequestForm.requestActive {
    height: calc(100% - 40px);
}

.requestPopup #errormessage .alert {

}

/* SMALL HEADER (Hidden Categories) */
.navbar-inner .container-fluid.small_header {
    background: none;
}

.small_header #logo {
    left: 0px;
    top: 20px;
    display: inline-block;
}

.small_header #logo #logo_addition {
    position: absolute;
    right: -40px;
    top: -10px;
}

.small_header #logo #logo_addition svg {
    height: 30px;
    width: 44px;
}

body.create #logo_holder #logo {
    top: 15px;
}


body.list_view .small_header #logo_holder .breadcrumbs {
    top: 80px;
    position: absolute;
}

#slider_wrapper {
    text-align: center;
    position: relative;
}

.categories .div_search_wrapper {
    position: relative;
}

.categories #slider_wrapper {
    background: var(--categories-section-background);
    position: absolute;
    top: 0px;
}

#slider {
    position: relative;
    width: auto;
    overflow: hidden;
    height: 450px;
    /*
    background: url(/img/fixando_nando.jpg?x=2) no-repeat top;
    background-size: cover;
     */
    background: none;
}

body.home:not(.categories) #slider {
    height: 100px;
    background-size: contain;
    margin-bottom: 40px;
    margin-top: 20px;
    transition: all 0.5s ease;
}


#sliderShadow {
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 80px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
}

body.keyword #sliderShadow {
    height: 100%;
}

body.near_me #slider_wrapper {
    top: 0px;
    background: var(--fixando-yellow);
}

body.near_me #slider {
    height: 100%;
    margin-top: 0px;
    background-position-y: -40px;
    position: absolute;
    width: 100%;
    background-size: cover;
    filter: opacity(.6) brightness(.85) grayscale(.2);
}

body.p404 #slider {
    margin-top: -80px;
    padding-top: 110px;
    min-height: 200px;
    height: auto;
}


body.near_me #sliderShadow {
    bottom: auto;
    top: -80px;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
}

body.keyword #sliderShadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
    height: 50%;
    top: 0
}

.share .contained-category,
.profile_page .leave-review .leave-review-link,
.parent-price-page-url .category-price-link,
.near_me .pro-top-categories,
.near_me .parent-categories,
.keyword .pro-top-categories {
    color: var(--site-font-color);
}

.search_wrapper_wrapper {
    min-height: 250px;
    text-align: center;
}

.fixed_header_shape {
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0;
    height: 0;
    z-index: 2000;
    opacity: 0;
    transition: all .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

body.header-is-fixed .fixed_header_shape {
    height: 90px;
    opacity: 1;
}

body.header-is-fixed .fixed_header_shape svg {
    filter: var(--fixed-header-filter);
}

body.header-is-fixed.fixed_search #home_search_wrapper {
    z-index: 100001;
    position: relative;
    opacity: 1;
}

body.categories .search_wrapper_wrapper {
    min-height: 300px;
}

#fixed_login_wrapper.fix_login {
    position: fixed;
    z-index: 10001;
    height: 70px;
    box-sizing: border-box;
}


#search_wrapper.fix-search .logo,
.logo_fixed_header,
.get_start_wrapper.wrapper-fix .logo {
    display: inline-block;
    background: var(--logo-small) no-repeat;
    left: 40px;
    top: 11px;
    height: 30px;
    width: 125px;
    position: absolute;
    background-size: 100% !important;
    cursor: pointer;
    z-index: 1
}

#search_wrapper {
    position: relative;
    z-index: 2000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    min-height: 60px /* needed for correct calculation when fixing it in header */
}

.autocomplete-suggestions.fixed {
    position: fixed !important;
}

.get_start_wrapper.wrapper-fix,
#search_wrapper.fix-search, .fix-search {
    position: fixed !important;
    top: 0px !important;
    right: 0;
    background: transparent;
    padding: 15px 10px;
    z-index: 2000;
    width: auto;
    height: 60px;
    text-align: right;
    margin-top: 0 !important;
    padding-right: var(--site-horizontal-padding);
}

.get_start_wrapper.wrapper-fix {
    padding-top: 0;
    padding-bottom: 0;
}

#home_search_wrapper {
    height: 80px;
}

#search_wrapper.fix-search .btn-search {
    width: 50px;
    height: 38px;
    border-top-right-radius: var(--btn-radius-search);
    border-bottom-right-radius: var(--btn-radius-search);
    display: flex;
    align-items: center;
    justify-content: center;
}

#search_wrapper.fix-search #search_service {
    max-width: 100%;
}

#search_wrapper.fix-search #submit_home_search span {
    display: none
}

#search_wrapper.fix-search #submit_home_search .icon.big {
    margin-left: 3px;
    font-size: 18px;
    top: -6px;
    line-height: 1;
}


.near_me #search_wrapper {
    position: relative;
    width: 100%;
    margin-left: 0px;
    margin-top: 40px;
}


.how-it-works #search_wrapper {
    position: relative;
    width: 100%;
    margin-left: 0px;
    bottom: 0px;
}

.sitemap .main_cats {
    margin: 40px 10px;
}

.sitemap .main_cats h1 {
}

.sitemap .sitemap_second {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    text-decoration: none;
    margin-bottom: 18px;
}

.sitemap .breadcrumbs {
    margin: 30px 0px 0px 10px;
    font-size: var(--site-font-size-small);
}

.sitemap .breadcrumbs a,
.sitemap ol.breadcrumbs_list li:after {
    color: var(--light-font-color);
}

.sitemap .breadcrumbs a:hover {
    text-decoration: underline;
}

.sitemap .main_cats p a,
.sitemap .calendar-day a,
.sitemap .map_year a {
    text-decoration: underline;
    font-weight: 600;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);

}

.sitemap .main_cats p a:hover,
.sitemap .calendar-day a:hover,
.sitemap .map_year a:hover {
    text-decoration-color: var(--link-decoration-color) !important;
    text-decoration: underline;
}

.sitemap .map_year {
    text-align: center;
    margin: 20px 0px;
}

.sitemap .sitemap_request {
    padding: 10px 0px;
    border-top: 1px solid var(--table-border);
}

.sitemap .sitemap_req_part {
    padding: 20px 10px;
    margin-bottom: 50px;
}

.comp_scroll {
    height: 100%;
    max-height: 300px;
}

#search_wrapper form {
    /*box-shadow: 0 1px 6px rgba(32, 33, 36, .28);*/
    width: auto;
    border-radius: var(--btn-radius-search);
    display: inline-block;
    box-sizing: border-box;
    font-size: 0; /* Fix to remove spaces between elements*/
}

#search_wrapper .search-pop-up {
    width: 100%;
    display: block;
}

#search_wrapper .search-pop-up #search_service {
    width: 100%;
    max-width: 100%;
    border-right: 1px solid var(--input-border-color);
}

#search_wrapper .search-pop-up #search_service:focus {
    border-radius: var(--btn-radius-search);
}

#search:hover {
    /*box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);*/
}

.requestPopup #search:hover {
    box-shadow: none
}

#search_wrapper input,
#search_service,
#search_zip {
    display: inline-block;
    height: 50px;
    padding: 8px 26px 8px 16px;
    border-radius: 0px;
    border: 0;
    transition: none;
}

#search_wrapper input:focus {
    z-index: 0;
    position: relative;
    border-radius: 0px;
}

#search_wrapper.fix-search input {
    height: 50px;
}

#search_wrapper.fix-search form {
    box-shadow: none;
    display: inline-flex;
    justify-content: flex-end;
    top: -2px;
}


body:not(.fixed_search) #fixed_login_wrapper.fix_login {
    /*background: var(--fixed-header-background) !important;*/
    padding-right: 5px;
}

#fixed_login_wrapper.fix_login ul li:hover a {
    border-color: var(--btn-bordered-hover) !important;
    color: var(--btn-bordered-font-hover) !important;
}


#search_wrapper #search_service {
    width: 470px;
    border-top-left-radius: var(--btn-radius-search);
    border-bottom-left-radius: var(--btn-radius-search);
    border: 1px solid var(--input-border-color);
    box-shadow: inset 0px 0px 0px .5px var(--input-border-color);
    border-right: none !important;
    max-width: 70%;
    float: left;
    margin-right: -4px;
    background: var(--input-background);
    font-weight: 500;
    transition: border .2s ease-in-out, box-shadow .2s ease-in-out;
}

body.categories #search_wrapper #search_service {
    border: 0.5px solid var(--btn-primary) !important;
    /*box-shadow: inset 0px 0px 0px .5px var(--btn-primary);*/
    border-right: none !important;
    transition: none;
}

#search_wrapper #search_service:hover {
    border: 1px solid var(--btn-primary) !important;
    box-shadow: inset 0px 0px 0px .5px var(--btn-primary);
    border-right: none !important;
}

#search_wrapper #search_service:focus {
    box-shadow: inset 0px 0px 0px 1px var(--btn-search-border-color);
    border: 1px solid var(--btn-search-border-color) !important;
    border-right: none !important;
}

#search_wrapper .search-pop-up #search_service,
body.categories .search-pop-up #search_wrapper #search_service,
#search_wrapper .search-pop-up #search_service:hover,
#search_wrapper .search-pop-up #search_service:focus {
    border: 1px solid var(--input-border-color-hover) !important;
}

body.categories #search_wrapper .popupSearch #search_service {
    border-color: inherit;
}

#search_wrapper.fix-search #search_service {
    width: 270px;
    padding-right: 0;
    height: 38px;
    border-width: 1px;
    font-size: var(--site-font-size);
    border-top-left-radius: var(--btn-radius-search);
    border-bottom-left-radius: var(--btn-radius-search);
}

#search_wrapper.fix-search #search_service:hover,
#search_wrapper.fix-search #search_service:focus,
#search_wrapper.fix-search #search_service:active {
    border-width: 1px;
}


body.fixed_search #search_wrapper form {
    box-shadow: none;
}

body.fixed_search #search_wrapper #search_service {
    border-color: var(--input-border-color);
}


.keywordtags {
    text-align: center;
    padding: 0 var(--site-horizontal-padding);
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.keywordtags a {
    padding: 0px 12px;
    border: var(--badge-border-bordered);
    border-radius: var(--btn-radius-badge);
    color: var(--badge-color);
    margin: 3px 1px;
    text-align: center;
    font-size: var(--site-font-size-small);
    display: inline-flex;
    justify-content: center;
    height: 29px;
    align-items: center;
}

.keywordtags a:hover {
    color: var(--badge-color-hover);
    border-color: var(--badge-color-hover);
}


.btn-search {
    background: var(--btn-search-background) !important;
    font-size: 16px;
    color: var(--btn-search-color);
    font-weight: 500;
    width: 200px;
    height: 50px;
    box-shadow: none;
    padding: 0 10px;
    border-radius: 0;
    border-top-right-radius: var(--btn-radius-search);
    border-bottom-right-radius: var(--btn-radius-search);
    float: right;
    max-width: 30% !important;
    border-width: 1.5px;
    margin-left: -3px;
    z-index: 1;
    position: relative;
}

.requestPopup .btn-search {
    width: 150px
}

/* only for home page popup search button */
.home .requestPopup #submit_home_search.btn-search,
.popupSearch #submit_home_search {
    width: 180px;
    border-radius: var(--btn-radius-search);
    height: 50px;
    margin-right: 0;
}

#search a#search_clear .clear_icon {
    color: var(--site-font-color);
    font-size: 21px;
    top: calc(50% - 11px);
    position: relative;
}

#search.popupSearch .clear_icon {
    color: var(--site-font-color);
    font-size: 24px;
    top: calc(50% - 12px);
    position: relative;
}


#search a#popup_search_clear:hover .clear_icon,
#search a#search_clear:hover .clear_icon {
    color: var(--link-font-hover);
}

#search a#popup_search_clear:hover,
#search a#search_clear:hover {
    transform: rotate(180deg);
}

#submit_home_search .icon-caret-right {
    display: none
}

#search_wrapper form#search,
.requestPopup form#search {
    position: relative;
}

.requestPopup form#search {
    padding: 0 20px;
}

#search a#search_clear {
    left: calc(70% - 40px);
    position: absolute;
    cursor: pointer;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 40px;
    height: 50px;
    text-align: center;
    transition: var(--icon-transition)
}


.fix-search #search a#search_clear {
    left: auto;
    right: 50px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    width: 40px;
    height: 38px;
    text-align: center;
}

#search_wrapper #search.filled_text #search_service,
.requestPopup #search.filled_text #search_service {
    padding-right: 40px;
}


.requestPopup a#popup_search_clear {
    right: 22px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    width: 48px;
    height: 48px;
    text-align: center;
    transition: var(--icon-transition)
}


.btn-search:hover {
    outline: none;
    box-shadow: none;
    transform: none !important;
}

.btn-search .home-icon-search {
    opacity: 0;
    position: absolute;
    top: 50%;
    display: inline-block;
    font-size: 20px;
    transform: translatey(-50%);
    transition: var(--icon-transition);
}

.btn-search .home-icon-search:before {
    content: "\e910";
}

.btn-search:hover .home-icon-search {
    opacity: 1;
    transform: translate(4px, -50%);
}

body.fixed_search .btn-search .home-icon-search {
    opacity: 1;
    margin: 0;
    top: auto;
    transform: none;
    transition: var(--icon-transition-all);
}

body.fixed_search .btn-search .home-icon-search:before {
    content: "\e620";
}

body.fixed_search .btn-search:hover .home-icon-search {
    transform: scale(1.1);
}

#subline {
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: var(--dark-font-color);
    position: relative;
    z-index: 1;
    margin: auto;
    top: 60px;
}

.nav_menu {
    height: auto;
    position: relative;
    left: 0;
    top: 0;
    z-index: 100;
}

.nav_menu ul {

    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.nav_menu ul li {
    float: left;
    margin-top: 16px;
}

body.loggedin .nav_menu ul li {
    margin-top: 10px;
}

.nav_menu ul li a {
    float: left;
    padding: 4px 20px;
    color: var(--site-font-color);
    border-radius: var(--btn-radius);
    text-decoration: none;
    height: 38px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-weight: 500;
}


.nav_menu ul li.active a,
.nav_menu ul li:hover a {
    color: var(--link-font-inverse-hover) !important;
    text-decoration: underline;
    text-underline-position: under;
}

.nav_menu ul li a.bordered {
    border: 1px solid transparent;
    color: var(--link-font-selected);
    transition: transform 100ms, background-color 100ms, border-color 100ms, color 100ms, opacity 100ms, background 100ms
}

.nav_menu ul li.active a.bordered,
.nav_menu ul li:hover a.bordered {
    color: var(--btn-font-hover) !important;
    background: var(--btn);
}

body.category.nearme_link .breadcrumbs {
    top: 15px;
    text-align: left;
    left: 20px;
}

.strted_cats {
    color: var(--link-font-selected);
}

.category .display_user_details ul li a.bordered {
    border-color: var(--input-border-color);
    color: #FFF !important;
}


body.home.display_user_details .nav_menu ul li.active a.bordered,
body.home.display_user_details .nav_menu ul li:hover a.bordered,
.display_user_details .nav_menu ul li.active a.bordered,
.display_user_details .nav_menu ul li:hover a.bordered {
    color: var(--link-font) !important;
    border-color: var(--input-border-color) !important;
}

.nav_menu.right {
    right: 0;
    left: auto;
    width: auto;
    position: absolute;
}

div.table {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
}

div.table div.tr,
div.table a.tr {
    display: table-row;
}

div.table div.tr div,
div.table a.tr div {
    display: table-cell;
    padding: 3px;
    vertical-align: top;
}

div.table div.tr.tar > div,
div.table a.tr.tar > div {
    text-align: left;
}

div.table div.tr.tar > div:first-child,
div.table a.tr.tar > div:first-child {
    text-align: left;
}

/* account dropdown menu styles starts*/

.hide-top-menu .menus_top {
    display: none;
}

.account-menu-dropdown-block {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.account-menu-dropdown-block .avatar-dropdown {
    cursor: pointer;
}

.account-menu-dropdown-block .account-menu-dropdown {
    position: relative;
    display: inline-block;
}

.avatar-image-block,
.profile-photo .profile-link {
    border-radius: 50%;
    padding: 5px;
}

.avatar-image-block {

}

.account-menu-dropdown .avatar-image-block:hover,
.profile-photo .profile-link:hover,
.negotiation-menu-actions .lead-more-actions:hover {
    background-color: var(--light-background);
}

.pro-name .avatar-image-block {
    width: 100px;
    margin-right: 20px;
}

.avatar-image-block .avatar {
    margin-top: 0px;
}

.account-menu-dropdown .avatar-image-block .avatar:hover,
.profile-photo .profile-link .av:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}

.account-menu-dropdown-block .dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--box-background);
    min-width: 240px;
    overflow: auto;
    box-shadow: var(--box-shadow-wide);
    z-index: 1;
    top: 56px;
    right: 0px;
    border-radius: var(--radius-default);
    padding: 10px;
}

.account-menu-dropdown-block .dropdown-content .dropdown-item {
    margin-top: 0;
}

.account-menu-dropdown-block .dropdown-content .dropdown-item .item-link,
.negotiation-menu-actions .lead-actions-dropdown .dropdown-list .item-link {
    color: var(--dark-font-color);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.account-menu-dropdown-block .menu-avatar {
    padding: 0 10px;
}

.account-menu-dropdown-block .dropdown-content .dropdown-item .avatar-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 13px;
}

.account-menu-dropdown-block .dropdown-content .dropdown-item .avatar-block .item-link {
    padding: 0px;
}

.account-menu-dropdown-block .dropdown-item .item-link:hover,
.negotiation-menu-actions .lead-actions-dropdown .dropdown-list .item-link:hover {
    color: var(--link-font-hover) !important;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--link-decoration-color);
}

.account-menu-dropdown-block .dropdown-content .avatar {
    margin-right: 5px;
    margin-bottom: 0px;
}

.account-menu-dropdown-block .dropdown-content .dropdown-item {
    float: none !important;
}

.account-menu-dropdown-block .dropdown-content .dropdown-item .item-link {
    float: none !important;
    height: auto;
}

.account-menu-dropdown-block .avatar-block .user-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
}

.account-menu-dropdown-block .avatar-block .user-details .user-info {
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0px;
}

.account-menu-dropdown-block .avatar-block .user-details .user-info.email {
    font-size: var(--site-font-size-small);
    color: var(--light-font-color);

}

/* account dropdown menu styles ends*/

.w100 {
    width: 100%;
}

.wwfa {
    width: -webkit-fill-available;
    padding-left: 0px;
    padding-right: 0px;
}

.btn-group {
    color: var(--toggle-color);
    background: var(--toggle-background-secondary);
    border: 1px solid var(--toggle-background-secondary);
    border-radius: var(--btn-radius-toggle);
    box-shadow: var(--toggle-shadow);
    font-weight: 500;
    cursor: pointer;
    height: 40px;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1px;
}

.btn-group .btn {
    position: relative;
    display: block;
    color: var(--toggle-color);
    height: 36px;
    transition: all .1s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.btn-group.justified {
    width: 100%
}

.btn-group > .btn {
    min-width: 135px;
}

.btn-group > .btn:first-child {
    border-left: none !important;
    border-top-left-radius: var(--btn-radius);
    border-bottom-left-radius: var(--btn-radius);
    border-radius: var(--btn-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn.active {
    cursor: default;
    background: var(--toggle-background-active);
    color: var(--toggle-color);
    border-radius: var(--btn-radius-toggle_active);
    box-shadow: var(--toggle-active-shadow);
    z-index: 1;
}

.btn-group > .btn > a {
    color: var(--toggle-color);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-group > .btn.active:last-child {
    box-shadow: var(--toggle-active-shadow-last);
}

.btn-group > .btn:hover {
    transform: none !important;
}

.btn-group > .btn:not(.active):hover,
.btn-group > .btn:not(.active):hover a {
    color: var(--light-font-color);
}

.btn-group > .btn.active.green {
    background: var(--btn-success);
}

.btn-group > .btn.active.orange {
    background: var(--fixando-yellow);
}

.btn-group > .btn.active.red {
    background: var(--btn-red-font);
}

.show_xs {
    display: none
}

.categories #slider {
    margin-top: 0;
    height: 300px;
    background-size: cover;
    filter: opacity(.6) brightness(.85) grayscale(.2);
}

body:not(.categories):not(.category) .my_menu.credits_available {
    color: var(--site-font-color);
}

body .nav_menu ul li:hover a#show_account_menu {
    background: none;
}

.pro-achievements .achievement-award.awarded,
.pro-achievements .achievement-badge.expert,
.pro-achievements .achievement-badge.experienced,
.pro-achievements .achievement-badge.beginner {
    font-size: var(--site-font-size-mini);
    padding: 3px 20px;
    text-align: center;
    border-radius: var(--box-radius);
    color: #ffffff;
}

.pro-achievements .achievement-award.awarded {
    background: var(--profile-award-background);
}

.pro-achievements .achievement-badge.expert {
    background: var(--badge-expert-background);
}

.pro-achievements .achievement-badge.experienced {
    background: var(--badge-experienced-background);
}

.pro-achievements .achievement-badge.beginner {
    background: var(--badge-beginner-background);
}

body.account .nav_menu ul li a {
    color: var(--submenu-font);
}

.categories .nav_menu ul li {
    border: none
}

.categories #slider img {
    background: rgba(78, 77, 77, 1);
    opacity: 0.35;
}


.remaining-content span {
    display: none;
}

/***********************************
 AUTOCOMPLETE STYLES
***********************************/
.autocomplete-suggestions {
    border: none;
    border-top: none;
    background: var(--popup-background);
    color: var(--site-font-color);
    font-size: var(--site-font-size);


    box-shadow: var(--box-shadow);

    cursor: pointer;
    text-align: left;
    max-height: 350px;
    min-width: 108px;
    overflow: auto;
    display: inline-block;
    padding: 0;
    box-sizing: border-box;

    border-bottom-left-radius: var(--btn-radius-search);
    border-bottom-right-radius: var(--btn-radius-search);
}

.autocomplete-suggestion {
    overflow: hidden;
    padding: 10px 5px 10px 16px;
    position: relative;
}

.towns-suggestions .autocomplete-suggestion {
    overflow: hidden;
    padding: 10px 10px;
    font-size: 16px;
    line-height: 1.1;
    position: relative;
}

.autocomplete-suggestion::after {
    position: absolute;
    content: '\e910';
    font-family: fixando;
    right: 10px;
    font-size: var(--title-font-size);
    top: 8px;
    color: var(--icons-gray);
    transition: all .2s ease-in-out;
    display: none;
}

.towns-suggestions .autocomplete-suggestion::after,
.business-code .autocomplete-suggestion::after,
.pro .autocomplete-suggestion::after {
    content: none;
}

.pro .autocomplete-suggestion.selected-category::after {
    opacity: 1;
    color: var(--dark-font-color);
    content: "\e116";
}

.pro .autocomplete-suggestion.selected-category,
.pro .autocomplete-suggestion.selected-category:hover {
    background: var(--light-background);
    color: var(--light-font-color);
    border-bottom: 1px solid var(--popup-background);
}

.autocomplete-selected {
    background: var(--btn);
    color: var(--btn-font);
}

.autocomplete-selected.autocomplete-suggestion::after {
    right: 5px;
}

.autocomplete-suggestions strong {
    font-weight: 400;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: #ffb000;
}

/************************************
    LOGIN / REGISTER
*************************************/
#login_container {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
}

.login_result {
    margin-bottom: 10px;
}

body.login .alert:not(.fullsize) {
    max-width: 550px;
}

body.login #login_wrapper {
    text-align: center;
}

body.login .login-title {
    padding-top: var(--section-padding-top-small);
}

body.login #login_wrapper .form-group {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

body.login #login_wrapper .loginbox {
    padding-right: 0 !important
}

body.login .pro_register_link,
body.login .loginlink {
    display: none;
}

body:not(.login) #loginform_wrapper {
    background: var(--light-background);
    max-width: 100%;
    min-height: 350px;
    padding: 0;
}

body:not(.login) #loginform_wrapper {
    background: #2d2d36;
}

body:not(.login) #login_container div.content {
    background: #2d2d36;
    color: #fff;
    padding: 30px;
}

body:not(.login) #login_container .icon-remove:before {
    content: '\00d7'
}

body:not(.login) #login_container .icon-remove {
    color: rgba(255, 255, 255, 0.5);
    font-size: 36px;
}

body:not(.login) #login_container #logo {
    background: var(--logo-small-light) no-repeat;
}

body.bigLogo #logo {
    width: 160px;
    height: 60px;
}

body.bigLogo #logo #logo_addition {
    position: absolute;
}

body.bigLogo #logo #logo_addition svg {
    height: 30px;
    width: 44px;

}

#login_container a {
    color: var(--site-font-color);
}

#login_container *:not(.alert) a:hover {
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color) !important;
}

#login_container #logo {
    width: 150px;
    height: 30px;
    left: 0;
    top: 0
}

#login_container input {
    max-width: 400px
}

.socialbuttons {
    justify-content: center;
}

#login_container #resetpass {
    display: block;
    margin-top: 20px;
}

#login_container .submitform {
    min-width: 180px;
}

body.login .small_header #logo_holder {
    text-align: center;
}

body.login .small_header #logo {
    left: 0;
}

.social_auth_buttons {
    padding-bottom: 20px
}

.social_login .btn,
.social_auth_registerform.google {
    width: 250px;
    max-width: 100%;
    text-align: left;
    white-space: nowrap;
}

.social_login,
.social_auth_registerform.google {
    margin-left: 0 !important;
}

#register_container {
    max-width: 400px;
    margin-left: 0 !important;
    width: 100%;
}

#register_wrapper {
    padding: 20px 0;
}

#register_wrapper .register-subtitle {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
    padding-bottom: 20px;
}

#registerform {
    background: none;
}

#login_container.solid {
    position: relative;
}

#login_container.solid .content {
    box-shadow: none;
}

#login_container.solid .teaser,
#login_container.solid #hide_login {
    display: none
}

#login_container.solid div.content {
    background: none;
}

#login_container.solid .social_login {
    border-left: none;
}


.choose_account .main_wrapper {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.choose_account .choose_account_boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
}

.choose_account .box {
    text-align: center;
    padding: 50px;
    padding-top: 30px;
    border-radius: var(--radius-big);
    background: var(--highlighted-background);
    box-shadow: var(--box-shadow);
    margin-left: 0 !important;
}

.choose_account .register_box_title {
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    line-height: var(--title-line-height);
    text-decoration: none;
}

.choose_account .register_box_subtitle {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    color: var(--section-font-light);
    font-weight: var(--site-font-weight);
    text-decoration: none;
    padding: 20px 0;
}

.choose_account #register_pro_box {
    background-color: var(--dark-background);
}

.choose_account #register_pro_box .register_box_subtitle {
    color: var(--darkgrey-font-color);
}

.choose_account #register_pro_box .register_box_title {
    color: #FFF;
}

.choose_account .or {
    margin: 0 30px !important;
    text-align: center;
}

.choose_account #register_pro_box a.btn {
    background: var(--btn-primary2);
    color: var(--btn-primary2-font);
}

body.pro .register-pro {
    height: 400px;
    max-height: 100%;
    padding-bottom: 40px;
    text-align: center
}

body.pro .register_pro_title {
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height) !important;
    font-weight: var(--subheadline-font-weight);
    padding-top: 20px;
    text-align: center;
}

body.pro .small_header,
body.book-now .small_header {
    text-align: center;
    height: auto;
}

body.pro h1 {
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
    padding-top: var(--section-padding-top-small);
}

body.pro h2,
body.pro p.subline_pro {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    color: var(--site-font-color);
    margin: 0 40px 20px;
}

body.pro #search_wrapper {
    position: relative;
    top: auto;
}

body.pro .register-pro .register-pro-select-label {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    color: var(--title-font-color);
    font-weight: var(--title-font-weight);
    text-decoration: none;
}

body.pro .register-pro .bottom-links {
    margin-top: 50px;
}

body.pro .register-pro .search-clear .clear-icon {
    position: absolute;
    font-size: 24px;
    top: 14px;
    transition: var(--icon-transition);
}


.pro_dropdown p.answers .package_link {
    color: var(--link-font) !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    border: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
}

body.pro #search_wrapper form {
    background: none;
    margin: 10px 0;
    width: 670px;
    /*box-shadow: 0 0px 6px 0 rgba(32, 33, 36, 0.35);*/
}

body.pro #search_wrapper select {
    max-width: 100%;
    width: 470px;
    height: 54px;
    padding: 0 15px;
    font-size: 19px;
    margin-right: -5px;
    font-size: 19px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body.pro .register-pro .selected-categories ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

body.pro .register-pro .selected-categories .selected-item {
    position: relative;
    padding: 4px 12px 4px 12px;
    color: var(--badge-color);
    background: var(--badge-background);
    border: var(--badge-border);
    border-radius: var(--btn-radius-badge);
    font-size: var(--site-font-size);
    margin-bottom: 5px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    min-height: 24px;
}

body.pro .register-pro .selected-categories .selected-item .icon {
    cursor: pointer;
    margin-left: 12px;
    vertical-align: text-top;
    transition: var(--icon-transition);
}

body.pro .register-pro .search-clear .icon:hover,
body.pro .register-pro .selected-categories .selected-item .icon:hover {
    transform: rotate(180deg);
    cursor: pointer;
}


/************************************
    Select picker Dropdown
*************************************/

.rootcatsearch {
    width: 470px !important;
    max-width: 100%;
    position: relative;
    margin-bottom: 0 !important;
}

.rootcatsearch .selectpicker {
    height: 54px !important;
    border-radius: var(--radius-wide);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: var(--medium-background);
    padding-right: 40px;
    border: 1px solid var(--input-border-color);
    border-right-width: 0;
}

.pro .register-pro #search_category.category-search {
    max-width: 100% !important;
    height: 54px !important;
    border-radius: var(--btn-radius-search);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: var(--input-background);
    padding-right: 40px;
    border: 1px solid var(--input-border-color);
    border-right-width: 0;
}

.pro .register-pro #search_category.category-search:hover {
    outline: none;
    border: 1px solid var(--btn-primary);
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu li > a:hover {
    background: var(--btn-primary);
    color: var(--btn-primary-font);
}

.bootstrap-select.btn-group .dropdown-menu li > dt {
    text-align: left;
    color: var(--light-font-color);
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 9px solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    color: var(--icons-darkgray);
}

.rootcatsearch:hover .selectpicker .caret {
    color: var(--btn-primary)
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    color: #fff;
}

.quote-template {
    width: 100% !important;
    position: relative;
}

.dropdown-menu {
    max-width: 100%;
    width: 470px !important;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    font-size: 16px;
    list-style: none;
    background-color: var(--box-background);
    background-clip: padding-box;
    border-radius: var(--radius-big);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    min-height: 310px !important;
    border-top-right-radius: 0;
}

.dropdown-menu > li > a {
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: var(--dark-font-color) !important;
    margin-top: 0px !important;
    text-align: left !important;
    white-space: nowrap;
    width: 100%;
    margin-left: 0px !important;
    padding: 8px 27px;
    display: block;
    box-sizing: border-box;
}

.quote-template .dropdown-menu > li > a {
    padding: 6px 27px;
}

.quote-template .dropdown-menu > li > dt .text {
    font-size: 14px;
}

.open > .dropdown-menu {
    display: block;
}

.selectpicker .pull-left {
    float: left;
    position: relative !important;
    line-height: 1.1;
}

.dropdown-menu .selected a {
    background-color: var(--btn-primary) !important;
    color: var(--btn-primary-font) !important
}

.dropdown-menu .selected:hover a {
    background-color: var(--btn-primary-hover) !important;
}

.quote-template.bootstrap-select .dropdown-menu {
    height: auto;
    min-height: auto !important;
    border-radius: var(--radius-big);
}

.quote-template.bootstrap-select .btn.selectpicker {
    border-radius: var(--btn-radius);
    background: var(--input-background);
}

.quote-template.bootstrap-select.open .btn.selectpicker {
    border: 2px solid var(--fixando-yellow);
}

body.pro #search_wrapper select:invalid {
    color: var(--light-font-color);
}

body.pro #search_wrapper .btn-search {
    border-top-right-radius: var(--btn-radius-search);
    border-bottom-right-radius: var(--btn-radius-search);
    height: 54px;
}

body.near_me #search_wrapper .btn-search .icon:before {
    content: '\e620';
}

body.pro .question_title {
    display: none;
}

body.pro #question_container {
    max-width: 100%;
    width: 750px;
    margin: 0 auto;
    background: var(--pro-question-background);
    padding: 0;
    border-top-left-radius: var(--radius-modal);
    border-top-right-radius: var(--radius-modal);
}

.pro #question_container .create-form {
    display: contents;
}

body.pro #question_container .ProgressBar-barContainer {
    width: calc(100% - 40px);
    top: 0;
}

body.pro .question_card {
    border-top: none;
    border-radius: 0;
    padding: 15px;
}

.pro .distance-settings {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    margin: 0 10px;
}

.pro .distance_map img {
    filter: var(--img-invert-filter-map);
}

.pro .distance-settings .distance-wrapper {
    margin-left: auto;
}

.pro .distance-settings .distance-wrapper,
.pro .distance-settings .zip-wrapper {
    flex: 0 0 45%;
}

.pro .distance-settings .distance-wrapper .inbox,
.pro .distance-settings .zip-wrapper .inbox {
    margin-top: 10px;
}

.pro_dropdown .questions {
    padding: 12px 20px;
    background: var(--faq-background);
    width: 80%;
    max-width: 670px;
    margin: 0px;
    cursor: pointer;
    border-radius: var(--radius-default);
    margin: 0 auto;
    box-sizing: border-box;
    transition: border-radius 1.5s ease;
    text-align: left;
    font-weight: 500;
}

.pro_dropdown {
    margin-top: 40px;
}

.pro_dropdown .pair_faq {
    margin-bottom: 3px;
}

.pro_dropdown .answers {
    padding: 15px 20px 20px;
    background: var(--faq-background-active);
    width: 80%;
    max-width: 670px;
    display: none;
    word-wrap: break-word;
    word-break: break-word;
    margin: 0px;
    box-sizing: border-box;
    border-radius: var(--radius-default);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 auto 20px;
    text-align: left;
    font-weight: var(--site-font-weight-thin);
}

.pro_dropdown p.questions:hover {
    background: var(--faq-background-active);
}

.faq_dropdown .questions:hover .up_ico,
.pro_dropdown .questions:hover .up_ico {
    color: var(--site-font-color);
    font-weight: 600;
}

.pro_dropdown .questions.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: none;
    background: var(--faq-background-active);
}

.faq_dropdown .questions .up_ico,
.pro_dropdown .questions .up_ico {
    transition: transform .4s ease-in-out;
}

.faq_dropdown .questions.active .up_ico,
.pro_dropdown .questions.active .up_ico {
    transform: rotate(-540deg);
}

.pro_dropdown .ques {
    width: 85%;
    display: inline-block;
}

.faq_dropdown .questions .up_ico,
.pro_dropdown .up_ico {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    float: right;
    top: -3px;
    position: relative;
}

.faq_dropdown .questions .up_ico i.icon,
.pro_dropdown .up_ico i.icon {
    vertical-align: middle;
}

.faq_dropdown .questions .up_ico {
    position: absolute;
    top: 8px;
    right: 10px;
}


.faq_dropdown .questions {
    padding: 12px 20px;
    background: var(--faq-background);
    cursor: pointer;
    border-radius: var(--btn-radius);
    margin-top: 2px;
    box-sizing: border-box;
    transition: border-radius 1.5s ease;
    max-width: 600px;
    position: relative;
    padding-right: 35px;
    font-weight: 500;
    text-align: left;
}

.faq_dropdown .answers {
    padding: 15px 20px 20px;
    background: var(--faq-background-active);
    display: none;
    word-wrap: break-word;
    word-break: break-word;
    margin: 0px;
    box-sizing: border-box;
    line-height: 1.4;
    border-radius: var(--btn-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 0 20px;
    max-width: 600px;
    text-align: left;
}

.faq_dropdown .questions:hover {
    background: var(--faq-background-active);
}

.faq_dropdown .questions.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: none;
    background: var(--faq-background-active);
}


/************************************
    PROFILE PAGE
*************************************/
.headerimage_container {
    max-height: 100%
}

#requestFormContainer #fotos_wrapper {
    padding: 20px;
}

#profile_page_container #multimedia #fotos_wrapper {
    border-radius: var(--btn-radius);
    overflow: hidden;
}

img.profile_page_header {
    z-index: 1999;
    position: relative;
    max-width: calc(100% - 40px);
    max-height: 300px;
    border-radius: var(--btn-radius) var(--btn-radius) 0 0;
}

#profile_page_container .headerimage_container {
    margin-bottom: 2px
}

#profile_page_container img.profile_page_header {
    max-width: 100%;
    max-height: auto;
}

#profile_page_container h1 {
    font-size: 40px;
    line-height: 44px;
}

#profile_page_container .pro-name h1 {
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    font-weight: var(--headline-font-weight);
    margin-bottom: 10px;
    margin-top: 10px;
}

#profile_page_container .pro-name .pro-badge {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5px;
}

#profile_page_container .headerimage_container + #multimedia #fotos_wrapper {
    border-radius: 0 0 var(--btn-radius) var(--btn-radius);
    overflow: hidden;
}

.profile_page .pro-details-container {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: var(--section-padding-bottom-small);
}


.profile_page .nav-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.profile_page .section-header {
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    font-weight: var(--subheadline-font-weight);
    color: var(--title-font-color);
    letter-spacing: var(--title-letter-spacing);
    padding-bottom: var(--title-padding-bottom);
    padding-top: var(--section-padding-top);
}

.profile_page .nav-links a.btn {
    max-width: 100%;
    padding: 8px 28px;
    border-radius: var(--btn-radius);
    margin-right: 0;
    font-size: 17px;
    border: 1px solid transparent;
    box-shadow: none;
}

.profile_page .action-buttons > .btn:first-child {
    margin-left: auto;
}

.profile_page .navigation-link,
.profile_page .action-buttons {
    display: contents;
}

#profile_page_container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.profile_page .about-attribute-section {
    display: grid;
    grid-template-columns: 58% 42%;
}

.profile_page .seo-fotos {
    margin-top: var(--section-padding-top);
}

#profile_page_container .back-link,
#profile_page_container .nav-links,
#profile_page_container .about-attribute-section,
#profile_page_container .profile-services-about-block,
#profile_page_container .multi-media-section,
#profile_page_container .reviews-section,
#profile_page_container .map-section,
#profile_page_container .user-skills-list,
#profile_page_container .availablity-section,
#profile_page_container .faqs-section,
#profile_page_container .seo-fotos,
#profile_page_container .breadcrumbs,
#profile_page_container .price-page,
#profile_page_container .trust-signals-container,
#profile_page_container .pro-details {
    order: 3;
}


#profile_page_container #reviews .pro_reviews {
    margin: 0;
}

#attributes {
    font-size: 14px;
    position: relative;
    min-height: 160px;
}

#attributes a {
    color: inherit;
    text-decoration: none;
}

#attributes a:hover {
    text-decoration: underline;
}

#attributes span {
    margin-bottom: 15px;
    display: block;
    margin-left: 25px;
}

#attributes span.itemprop {
    display: inline-block;
}

#attributes span.locs {
    margin-left: 0;
}

#attributes .profile_description {
    padding-right: 50px;
    margin-right: 20px;
    min-height: 400px;
}

.profile-services-about-block .services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    justify-items: stretch;
    align-content: center;
    align-items: stretch;
}

.profile-services-about-block .services .service-details {
    border-radius: var(--box-radius);
    box-shadow: var(--box-shadow-small);
    width: 100%;
}

.profile-services-about-block .services .service {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: var(--btn-radius);
    padding: 15px;
    align-items: center;
}


.profile-services-about-block .services .service .service-info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    flex: 1;
}

.profile-services-about-block .services .service.disabled {
    cursor: not-allowed;
    opacity: 0.5;
    order: 1;
    border-color: transparent;
    color: var(--dark-font-color);
}

.profile-services-about-block .services .name {
    font-size: 17px;
    text-overflow: ellipsis;
}

.profile-services-about-block .services .type {
    font-size: 16px;
}

.profile-services-about-block .services .duration {
    font-size: 14px;
}

.profile-services-about-block .services .price {
    font-size: 15px;
    font-weight: 600;
}

.profile-services-about-block .services .action {
    font-size: 15px;
    font-weight: 600;
    margin-top: 2px;
}

#profile_data ul li {
    border-top: 1px solid #494949;
    margin-top: 1px;
    text-transform: lowercase;
    color: var(--very-light-font-color);
}

#profile_data ul li:first-child {
    border-top: none;
}

#profile_data ul li div,
#profile_data .bright {
    color: var(--very-light-font-color);
}

#profile_data ul li div {
    float: right;
    text-transform: none;
}

#profile_data ul li:hover,
#profile_data ul li:hover div {
    color: #D363B6;
}

.cngr_hired {
    font-size: 15px;
    margin: 7px 0px;
    color: var(--fixando-yellow);;
}

.prjt_status {
    margin: 0px;
    font-size: var(--site-font-size);
}

.leave_review {
    margin: 10px 0px 3px 0px;
    font-size: var(--site-font-size);
    color: var(--dark-font-color);
}

.review_img {
    margin: 0px;
}

.review_img img {
    width: 35px;
}


#attributes #contact {
    position: absolute;
    bottom: 30px;
    min-width: 180px;
}

.profile_images .slick-dots {
    display: none !important;
}

#contact_top {
    display: none;
}

.request-call {
    padding-top: 36px;
}

.request-call .message {
    min-height: 150px;
    width: 100%;
}

.request-call .title h3 {
    font-size: var(--headline-font-size);

}

.request-call .sub-title {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
    padding-bottom: var(--title-padding-bottom);
}

.request-call .close-popup {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 5px;
    cursor: pointer;
}


.request-call-form-fileds .row {
    padding: 8px 0;
}

.request-call-form-fileds {
    margin-bottom: 10px;
    margin-top: 10px;
}

.footer-dropdown {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    min-width: calc(100% + 40px);
    overflow: auto;
    max-height: 175px;
    border-radius: var(--radius-input);
    background: var(--dark-background);
    border: var(--input-select-border);
}

.languages-selections-block {
    position: relative;
    margin-bottom: 25px;
}

#countries,
#countries_wrapper a {
    text-transform: capitalize;
}

.nav_footer .languages .lang-code {
    text-transform: uppercase;
}

.nav_footer .footer-dropdown .list,
#countries_wrapper a {
    text-align: left;
    font-size: 12px;
    line-height: 15px;
    padding-left: 10px;
    box-sizing: border-box;
    cursor: pointer;
}


#countries_wrapper a:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#countries_wrapper a:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.nav_footer .footer-dropdown .list:hover,
#countries_wrapper a:hover {
    color: var(--link-font-dark-hover)
}

.nav_footer .footer-dropdown .list.active,
#countries_wrapper a.active {
    color: var(--link-font-dark-hover) !important;
}


/************************************
    ME
*************************************/
.field-info {
    color: var(--light-font-color);
    font-weight: 400;
    font-size: var(--site-font-size-mini);
    line-height: var(--site-line-height-mini);
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 4px;
    padding-top: 4px;
}

.field-info.back {
    color: var(--light-font-color);
    background: var(--medium-background);
    padding: 4px 8px;
    border-radius: 2px;
}

.field-info p {
    margin-bottom: 5px;
}


.account .form-group label {
    font-weight: 600;
    padding: 12px 0 4px 0px;
}

.account #calendar-settings .form-group label {
    font-weight: normal;
    padding: 10px 0 5px 5px;
    width: 100%;
    margin-top: 0px;
}

.account #calendar-settings .form-group label input[type="checkbox"]:checked + span:before,
.account #calendar-settings .form-group label:hover input[type="checkbox"] + span:before {
    color: var(--btn-primary)
}

.account #calendar-settings .form-group .align {
    vertical-align: middle;
}

.account #calendar-settings .form-group .delete_calendar_row {
    cursor: pointer;
}

.pull-right {
    float: right;
}

.account #calendar-settings .form-group .add_row {
    padding: 7%;
    cursor: pointer;
    color: var(--link-font);
    font-size: 22px;
}

.account #calendar-settings .form-group .add_row .icon {
    color: var(--link-font-hover);
}

.account #calendar-settings .form-group .add_row .icon:hover {
    color: var(--link-font-inverse-hover);
}

.account .calendar-view .fc-view-container {
    background: var(--box-background);
    box-shadow: var(--box-shadow);
    border-radius: var(--btn-radius);
    overflow: hidden;
}

.account .fixando-pay .fixando_pay_inactive .header-section {
    padding-top: var(--section-padding-top);
    text-align: center;
}

.account .fixando-pay .status-block {
    padding-top: var(--account-section-padding-top);
}

.account .fixando-pay .next-step-block .next-step-question,
.account .fixando-pay .status-block .status-title {
    font-weight: 600;
}

.fc-state-default.fc-prev-button {
    margin-right: 13px;
}

.sync-padding {
    padding: 10px 60px;
}

.calendar-menu-btn,
.calendar-setting-btn {
    margin-bottom: 10px;
    width: 100%;
}

.user_time_zone {
    width: 40%;
}

.fc-day-grid-event {
    text-align: center;
}

.calendar_time {
    min-width: 80px;
    text-align: center;
}

.calendar-event-pop-up .event-data {
    background: var(--pop-up-background);
    width: 92%;
    padding: 4%;
    overflow: hidden;
}

.calendar-event-pop-up .event-data .organiser .event-organiser,
.calendar-event-pop-up .event-data .creator .created-by,
.calendar-event-pop-up .event-data .attendees .attendees-count,
.calendar-event-pop-up .event-data .attendees .attendees-details {
    color: var(--light-font-color);
}

.list-drop-down {
    height: 10vh;
}

.google_calendar {
    position: relative;
    height: 10vh;
}

.google_calendar ul {
    position: absolute;
    background: var(--input-background);
    margin-top: -15%;
    width: 100%;
    height: auto;
    display: none;
    justify-content: space-around;
    flex-direction: column;
    list-style: none;
    border-radius: var(--btn-radius);
    border: 1px solid var(--input-border-color);
    transform: translateY(10px);
    transition: all 0.1s ease;
    z-index: 99;
}

.google_calendar li {
    width: 90%;
    height: 100%;
    display: flex;
    padding: 4%;
    font-size: 14px;
}

.google_calendar li:hover {
    background: dodgerblue;
}

#calendar-display .calendar-view,
.tab-pane .calendar-view,
#calendar > .calendar-view {
    margin: 0;
}

.fc-event-container {
    cursor: pointer;
}

/*.google_calendar button:focus +ul{*/
/*    opacity: 1;*/

/*}*/

/* js fiddle */

.dropdown .calendar_lists, .dropdown .calendar_button {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: 0px;
    padding: 0px;
}

.dropdown .calendar_lists {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.dropdown .calendar_button, .dropdown .calendar_button:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    margin: 0px;
    padding: 0px;
    min-height: 30px;
    border-radius: var(--btn-radius);
}

.dropdown .calendar_button {
    background-color: var(--btn-primary);
    display: block;
    overflow: hidden;
    border-radius: var(--btn-radius);
    margin: 0px;
    padding: 8px 10px 0px 10px;
    cursor: pointer;
    text-align: center;
}

.dropdown .calendar_lists ul {
    background-color: var(--input-background);
    top: 1px;
    color: var(--input-font-color);
    display: none;
    position: absolute;
    width: 100%;
    list-style: none;
    height: auto;
    margin: 0px;
    padding: 2%;
    z-index: 99;
    border-radius: var(--btn-radius);
    box-shadow: -2px 3px 5px 0px rgba(0, 0, 0, 0.75);
}

.dropdown .calendar_lists ul li {
    width: 100%;
    height: auto;
    padding-top: 3%;
    padding-bottom: 3%;
    font-size: 14px;
}

.dropdown .calendar_lists ul li:hover {
    background-color: var(--link-font);

}

.calendar_loader {
    display: none;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    position: absolute;
    z-index: 999;
}


.calendar_loader .loader {
    border: 10px solid rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    border-top: 10px solid var(--fixando-yellow);
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}


@keyframes skrew {
    0% {
        transform: rotate(0) scale(1.1);
    }
    75% {
        transform: rotate(270deg) scale(1);
    }
    100% {
        transform: rotate(0) scale(1.1);
    }
}


@keyframes rotate180back {
    0% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.calendar-event-pop-up {
    opacity: 0.4;
    position: absolute !important;
    width: 40% !important;
    height: auto !important;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75);
}

/*ends here*/

#multimedia-certificates .certificate_submit .certificate_box,
#multimedia-certificates .certificate_submit .certificate_box select,
#multimedia-certificates .certificate_submit .certificate_box input {
    margin-bottom: 2%;
    font-size: var(--site-font-size-small);
}

#multimedia-certificates .certificate_submit .certificate_box p,
#multimedia-certificates .certificate_box .certificate_box p {
    background-color: #ffaf0b;
    color: #fff;
    padding: 2%;
}

body.pro .certificate_submit button {
    padding: 12px 60px;
    width: 100%;
    border-radius: var(--btn-radius);
}

#multimedia-certificates .display_certificate_clients label span {
    font-size: var(--site-font-size-small);
}

#multimedia-certificates .certificate_content {
    display: flex;
}

.availability_table > .table-width {
    width: 55%;
    max-width: 100%;
}

.availability_table > table > tbody > tr label {
    margin: 0;
}


.account .form-group {
    margin-bottom: 0;
}


.account #notifications .form-group label {
    padding: 12px 15px 15px 35px;
    position: relative;
    width: auto;
    font-weight: 400
}

.account #notifications .form-group label input[type="checkbox"] + span:before {
    position: absolute;
    left: 0px;
    top: 12px;
}

.account #notifications .form-group label .smallinfo {
    padding: 0;
    padding-top: 5px;
    padding-right: 20px;
}


@media (hover: hover) {
    .account #notifications .form-group:hover label {
        color: var(--link-font-hover)
    }
}


.save_notifications {
    margin: 20px 0px;
}

.save_notifications.disabled {
    filter: unset;
}

body.account .slickSlider_a {
    width: 180px;
}

body.account .related-categories .slick-slider-box {
    width: auto;
}

body.account h4.slick-slider_title {
    padding-left: 0px;
}

body.account .slickSlider_a.see_more {
    background-color: #ffbf49;
}

body.account .slickSlider_a.see_more figcaption {
    bottom: 62px;
    position: relative;
    text-align: center;
    background-color: #ffbf49;
    color: #fff;
}

.morelink {
    cursor: pointer
}

#clientstable tbody tr:hover {
    background: var(--medium-background)
}

#clientstable td.icons .icon {
    cursor: pointer;
    color: var(--icons-gray-transparent);
}

#clientstable tbody tr:hover td.icons .icon {;
}

#clients .av {
    width: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.icon-upload.icon-ok:before {
    content: "\e116";
}

.image-upload-container {
    background: var(--selector-box-background);
    border-radius: var(--btn-radius);
    padding: 20px 20px 10px;
    box-shadow: var(--box-shadow-small);
    margin-bottom: var(--account-section-padding-bottom);
}

.image-upload-container .image-upload-info {
    display: flex;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
}

.image-upload-container .image-uploads-available {
    margin-left: auto;
    margin-right: 25px;
}

#upload_images,
#upload_fotos,
#upload_attachments,
#upload_attachments_doc,
#upload_audios {
    z-index: 2;
    width: 100%;
    height: 100%;
}

#upload_button,
#upload_attachment_button,
#upload_attachment_button_doc,
#upload_audio_button {
    width: auto;
}


#quoteform .attachment_container {
    margin-bottom: 5px !important;
    padding-bottom: 0px !important;
    display: block;
}

#quoteform .attachment_container .attachment_wrapper {
    margin-bottom: 5px !important;
}

.small_upload_attachment {
    margin-left: 0% !important;
    width: auto !important;
    cursor: pointer
}

.small_upload_attachment:active,
.small_upload_attachment:hover,
.small_upload_attachment:hover .icon,
.small_upload_attachment:active .icon {
    cursor: pointer;
}


.attachment_error:empty {
    display: none;
}

.uploaded_docs {
    margin-bottom: 10px;
    border: 1px solid #0596ff;
    border-top: 0;
    margin-top: -10px;
}

.uploaded_docs h4 {
    background: #0596ff;
    color: white;
    padding: 6px;
    margin: 0;
}

.uploaded_docs .gback {
    background: var(--light-background);
}

.user_request_charge h1 {
    font-weight: 600;
    font-size: 24px;
}

.user_request_charge label {
    font-weight: 600;
    float: left;
}

.user_request_charge ul {
    padding: 0 0 5px 30px;
}

.user_request_charge li {
    text-align: left;
    line-height: 14px;
    margin: 5px !important;
    word-wrap: break-word;
    list-style-type: disc;
}

.user_request_charge_description {
    margin-top: 20px;
}

#request_charge_div, #request_done_div #show_request_charge_message {
    display: none;
}

#request_done_div {
    overflow: auto;
    padding: 15px 25px;
}

.request_done .request_charge_button {
    align-items: center;
    text-align: center;
}

.attachment_container {
    /*margin-left: 10%;*/
}

.attachment_container .attachment_wrapper {
    margin: 1px 0 !important;
}

.pro_quote #upload_attachment_button {
    text-align: left;
}

.pro_quote .attachment_container .attachment_wrapper {
    margin: 5px 0px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid var(--link-font);
}

.attachment_container .attachment_edit i,
.certificate_container .attachment_edit i {
    cursor: pointer;
}

.attachments_data {
    width: 100%;
    table-layout: fixed;
    overflow-x: auto;
}

.certificates {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 10px 0px;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #ffaf0b;
    width: 100%;
}

.certificates .label {
    width: 30%;
    text-align: center;
    margin: 0;
    font-weight: 600;
    color: #fff;
    font-size: var(--site-font-size-small);
}

.certificates #upload_work_attachments {
    margin-bottom: 0;
}

.submit-certificate {
    min-width: 100%;
}

.btn-upload_certificate {
    position: relative;
    white-space: nowrap;
}

.att_container {
    width: 100% !important;
    box-sizing: border-box;
}

.att_container .span6 {
    margin: 5px 0 !important;
    box-sizing: border-box;
}

.att_container .attachment_wrapper.blocked_view a {
    padding-left: 25px;
}

.att_container .blocked_view:before {
    top: -5px;
    left: -12px;
    border-left: 18px solid transparent;
    border-right: 26px solid transparent;
}

.att_container .blocked_view:after {
    left: 2px;
}

.show_certificate_head {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
    padding: 20px;
    text-align: left;
    clear: both;
}

.display_client_certi {
    margin: 0;
    text-wrap: balance;
}

.certificate_popup #popup_close {
    top: -12px;
    right: -9px;
    background: var(--modal-iframe-icon-close-background);
    font-size: var(--title-font-size);
    border-radius: 50%;
    width: 23px;
    height: 23px;
    color: var(--modal-fullscreen-dark-icon-close-color);
    text-align: center;
}

.popup_mode .info_page .project_view .content_section .title.req_phone,
.popup_mode .info_page .project_view .content_section .answer.phone {
    display: inline-block;
}

.project_view .phone span.tool_tip_phn:after {
    bottom: -11px;
}

.project_view p.phn_stat {
    margin: 0 !important;
}

#multimedia_documents #upload_attachment_button,
#multimedia_documents #upload_attachment_button_doc,
#send_message_form .attachment_container {
    margin-left: 0px !important;
}

.progress .bar {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    /*border-top-right-radius: 0;*/
    /*border-bottom-right-radius: 0;*/
}

.progress .reviews_attachment_success_btn {
    width: 0%;
}

.fotos_container {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -20px;
    padding: 15px 5px;
    text-align: center;
}

.fotos_container span {
    position: relative;
    display: inline-block;
}

.fotos_container .ui-sortable-handle,
.fotos_container .ui-sortable-placeholder {
    border-radius: var(--radius-default);
}

.edit-photo.more-options {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background: var(--dark-background);
    justify-content: space-evenly;
    position: absolute;
    bottom: 0;
}

.pic {
    margin: 10px;
    position: relative;
    text-align: center;
    max-width: 100%;
    max-height: inherit;
    width: 180px;
    height: 180px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    border-radius: var(--radius-default);
    overflow: hidden;
}

.pic img {
    max-width: 100%;
    max-height: 100%;
}


.fotos_container .pic .tt {
    object-fit: cover;
    width: inherit;
    height: inherit;
}

.profile_images .pic,
.profile_images .pic img {
    border-radius: var(--btn-radius);
}

.pic .info {
    position: absolute;
    bottom: 0;
    padding: 2px 5px;
    font-size: 12px;

    color: #FFF;
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    line-height: 13px;
    background: rgba(0, 0, 0, 0.2);
    height: 34px;
}

.pic:hover .info {
    background: rgba(0, 0, 0, 0.8);
}

.pic .info b {
    display: inline-block;
    float: right;
    font-weight: normal;
    text-align: right;
}

.pic .info b > div {
    font-size: 11px;
    color: #979797;
    bottom: -3px;
    position: relative;
}

.pic .info .icon:hover {
    color: #87E05A;
}

.pic .info .av {
    position: relative;
    width: 30px;
    left: -4px;
    z-index: 2;
    float: left;
    top: 1px;
}

.pic .m {
    position: absolute;
    z-index: 1;
    font-size: 150%;
    width: 65px;
    height: 60px;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.1s ease-in-out;
    border-bottom-right-radius: 6px;
    text-align: left;
    padding-top: 10px;
    padding-left: 13px;
    box-sizing: border-box;
    left: 0;
    top: 0;
}

.pic:hover .m,
.pic.marked .m {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 250%;
    padding-top: 11px;
    padding-left: 15px
}

.pic .m:hover i {
    color: #FFF
}

.pic.marked .m i:before {
    content: "\e116";
    top: -3px;
    position: relative;
}

.pic.marked .m:hover i:before {
    content: "\e60d";
    top: 0px;
}

.pic.marked .m {
    background: rgba(0, 0, 0, 0.6);
}

.pic.marked .m i {
    color: #FFA300;
}

.pic.marked {
    box-shadow: 0 0 0 3px #FFA300;
}


#extend_foto_box {
    position: absolute;
    margin-left: -20px;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.3);
    width: 17px;
    height: 20px;
    padding: 4px 10px;
}

#extend_foto_box:hover {
    color: #FFF;
    cursor: pointer;
}

.foto_container_extended #multimedia_all .fotos_container {
    margin-left: -271px;
    border-top: 9px solid #FFF;
    -webkit-transition: all 0.5s ease-in-out;
    position: relative;
    margin-top: -9px;
}

.foto_container_extended #multimedia_all .pic {
    margin: 5px;
}

.foto_container_extended #extend_foto_box {
    z-index: 1;
    margin-top: -28px;
    margin-left: -42px;
}

.foto_container_extended #extend_foto_box .icon-caret-left:before {
    content: "\e618";
    color: rgba(0, 0, 0, 0.3);
}

.foto_container_extended #extend_foto_box:hover .icon-caret-left:before {
    color: rgba(0, 0, 0, 0.6);
}

body.create #photo_selector[data-selector=header_photo_selector] {
    text-align: center;
}

#photo_selector {
    background: var(--selector-box-background);
    max-width: 100%;
    padding: 10px;
    color: var(--site-font-color);
    clear: both;
    border-radius: var(--radius-modal);
    box-shadow: var(--selector-box-shadow);
    position: absolute;
    z-index: 10;
    text-align: center;
    width: calc(100% - 20px);
}

#photo_selector:after {
    bottom: calc(100% - 5px);
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: var(--selector-box-background);
    border-width: 15px;
    margin-left: -15px;
    z-index: 1;
}

#createform #photo_selector[data-phototype="profile"]:after {
    left: 93px;
}

body.pro-level-avatar #photo_selector {
    width: calc(100% - 60px);
    box-shadow: var(--selector-box-shadow-small);
}

#photo_selector[data-phototype="account"] {
    margin-top:10px
}
#photo_selector[data-phototype="account"]:after {
    left: calc(25% - 8px);
}

#photo_selector[data-phototype="account"] .pic,
#photo_selector[data-phototype="account"] .pic img,
#photo_selector[data-phototype="profile"] .pic,
#photo_selector[data-phototype="profile"] .pic img {
    border-radius: 50%;
}

#photo_selector[data-phototype="account"] .pic img,
#photo_selector[data-phototype="profile"] .pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#createform .kind_contact .kind_contact_check,
#createform .spoken_languages .spoken_language_check,
#createform .payment_modes .mode_of_payment {
    margin: 10px 10px 10px 5px;
    width: 100%
}

#createform .kind_contact input[type="checkbox"]:not(:checked) + span:before {
    background: transparent;
}

#createform span.optional {
    margin-left: 5px;
    font-weight: normal;

}

.psmess {
    font-size: 16px;
    color: var(--light-font-color);
    margin-bottom: 20px;
    margin-top: -15px;
}

#photo_selector .pic {
    max-width: 90px;
    max-height: 90px;
}

#photo_selector .fotos_container {
    background: none;
    margin: 0;
    position: relative;
}

.photo_selector_close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 4px;
    right: 4px;
    font-size: 24px;
    cursor: pointer;
    display:none;
    color: var(--icons-gray);
    transform: scale(.9);
    transition: var(--icon-transition);
}
.photo_selector_close:hover {
    color: var(--link-font-hover);
    transform: rotate(180deg) scale(1);
}
#photo_selector .photo_selector_close {
    display: flex;
    align-items: center;
    justify-content: center;
}

.photo_selector_title {
    display:none;
}
#photo_selector .photo_selector_title {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
    margin-bottom: 15px;
    display:block;
}

.select_photo_camera {
    position: absolute;
    color: var(--full-font-color) !important;
    font-size: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    opacity: 0;
    margin: 0;
}

.profile_header_image_wrapper .select_photo_camera {
    opacity: 0.6;
    color: var(--site-font-color) !important;
}

.pic.private {
    box-shadow: 0 0 0 3px var(--fixando-yellow)
}

.pic.private:before {
    content: '\e622';
    font-family: 'fixando';
    background: var(--fixando-yellow);
    color: black;
    position: absolute;
    right: 0;
    z-index: 1;
    padding: 5px 8px;
    opacity: 0.8;
    font-size: 110%;
    border-bottom-left-radius: 50%;
}

.pic.new {
    box-shadow: 0 0 0 1px rgba(0, 172, 255, 0.68);

}

.pic:hover,
.pic.selected {
    box-shadow: 0 0 0 3px var(--btn-primary);
}

.pro_photos .pic:hover {
    box-shadow: 0 0 5px 0px var(--btn-primary);
}

.edit_foto {
    background: var(--btn-primary);
    width: 34px;
    position: absolute;
    right: -24px;
    top: 40px;
    z-index: 2;
    color: var(--btn-primary-font);
    padding-bottom: 5px;
    box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.5);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.foto_container_extended .edit_foto {
    top: 12px;
    right: -26px;
    opacity: 1;
}

.edit-photo .icon,
.edit_foto i {
    width: 1.2857142857142858em;
    text-align: center;
    display: inline-block;
    font-size: 19px;
    margin-top: 8px;
    cursor: pointer;
    opacity: 0.8
}

.edit-photo .icon {
    font-size: 45px;
    color: var(--very-light-font-color);
    padding: 15px 10px;
}

.edit-photo .icon:hover,
.edit_foto i:hover {
    opacity: 1;
    color: var(--btn-primary-font);
}

.edit_foto i.icon-trash {
    font-size: 28px;
}

.edit-photo .icon-trash:hover,
.edit_foto i.remove:hover {
    color: #c40000
}


.pic.removed {
    box-shadow: 0 0 0 5px #ff0008;
    opacity: 0.5;
}

.pic.removed:hover {
    opacity: 1;
}

.fotos_container span.added {
    background: rgba(128, 224, 91, 0.89);
    outline: 1px solid #2d2d36;
    outline-offset: -1px;
}

.pic.added {
    box-shadow: 0 5px 15px #000;
    opacity: 1;
}

#action_prompt {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    position: fixed;
    display: none;
}


.green,
.pic.removed .edit_foto i.remove:hover {
    /*color: #009800;*/
}

.close_select_photo {
    border-radius: var(--btn-radius);
    padding: 2px 20px;
    background: var(--btn-primary);
    color: var(--btn-primary-font);
}

#locations i.icon {
    margin: 0 6px;
    color: #808080;
    position: relative;
    top: 1px;
}

#chart .legend table {
    width: auto;
}

.remove_client:hover {
    color: red !important;
    cursor: pointer;
}


.gallery {
    width: 280px;
    height: 170px;
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--radius-big);
    background: #555;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    /*overflow: hidden;*/
    float: left;
    margin: 10px;
    transition: all 300ms ease-out;
}

#gallery_wrapper {
    margin-left: -20px;
    margin-top: -20px;
}

#gallery_wrapper .gallery {
    margin: 20px;
    float: none;
}

#gallery_wrapper .pic.private:before {
    padding: 0px 2px;
    font-size: 115%;
}

.profile_page #gallery_wrapper .gallery {
    cursor: pointer;
    margin-left: 0;
}

.profile_page .gallery a {
    text-decoration: none;
}

.profile_page #gallery_wrapper,
.profile_page #videos_wrapper,
.profile_page #audios_wrapper {
    margin-left: 0px;
    margin-top: 0px;
}

.profile_page .galbox {
    padding-bottom: 20px;
    background: #525252;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: -10px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: var(--btn-radius);
}

.profile_page .galbox h2 {
    margin-top: 0;
    line-height: 30px;
    padding: 5px 10px;
    color: #FFF;
    font-size: 26px;
}

.profile_page .galbox .close_gal:hover {
    cursor: pointer;
    color: #FFF
}

.profile_page .leave-review {
    padding: 16px 20px;
    margin-bottom: var(--section-padding-bottom-small);
    border-radius: var(--radius-default);
    background: var(--medium-background);
}

.gallery.disregard {
    opacity: 0.3;
}

.gallery .rename_gallery {
    margin-right: 20px;
    text-decoration: none;
    min-height: 10px;
}

.gallery .rename_gallery:hover {
    outline: 1px dashed rgba(255, 255, 255, 0.30)
}

.gallery:hover .remove_gallery .icon {
    opacity: 1;
}

.gallery > img {
    width: 280px;
    max-width: 100%;
    height: 170px;
    max-height: 100%;
    border-radius: var(--radius-big);;
    background: #747474;
}

.gallery > div.i {
    position: absolute;
    bottom: 0;
    padding: 5px 9px 3px;
    width: inherit;
    text-align: left;
    border-bottom-left-radius: var(--radius-big);
    border-bottom-right-radius: var(--radius-big);
    box-sizing: border-box;
}

.gallery > .i > a {
    color: #fff;
    font-size: 15px;

    display: block;
    line-height: 15px;
    padding-top: 10px;
}

.gallery > .i > .f {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    margin-top: 2px;
}

.gallery.open:after {
    bottom: -16px;
    border: solid transparent;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #525252;
    border-width: 25px;
    margin-left: -25px;
    z-index: 1;
}

.gallery > div.i,
.fade_black,
.pic .info {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNTYiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 22%, rgba(0, 0, 0, 0.56) 34%, rgba(0, 0, 0, 0.66) 44%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(22%, rgba(0, 0, 0, 0.4)), color-stop(34%, rgba(0, 0, 0, 0.56)), color-stop(44%, rgba(0, 0, 0, 0.66)), color-stop(50%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 22%, rgba(0, 0, 0, 0.56) 34%, rgba(0, 0, 0, 0.66) 44%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 22%, rgba(0, 0, 0, 0.56) 34%, rgba(0, 0, 0, 0.66) 44%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 22%, rgba(0, 0, 0, 0.56) 34%, rgba(0, 0, 0, 0.66) 44%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}


iframe {
    max-width: 100%;
}

iframe[name="google_conversion_frame"] {
    display: none
}

body.pro #question_container .infobox,
#pppcrequestForm .infobox {
    position: relative;
    display: table;
    width: 100%;
    padding: 4px 12px 4px 12px;
    border: none;
    background: var(--notice-background);
    color: var(--notice-color);
    border-radius: var(--radius-notifications);
    box-sizing: border-box;
}

body.pro #question_container .infobox-icon-container,
#pppcrequestForm .infobox-icon-container {
    display: table;
    position: relative;
    float: left;
    height: 80px;
    width: 40px;
    border-radius: 20px;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
}

body.pro #question_container .infobox-text,
#pppcrequestForm .infobox-text {
    position: relative;
    overflow: hidden;
    text-align: left;
    padding: 16px;
}

#pppcrequestForm:before {
    font-family: 'fixando';
    position: absolute;
    font-size: 40px;
    content: '\e93f';
    translate: transform(-50%, -50%);
    color: var(--fixando-yellow);
    animation: spin 2s infinite cubic-bezier(0.2, 0.01, 0.49, 0.99);

}

body.pro #question_container,
body:not(.fullformRequest) #pppcrequestForm {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-height: min(90%, 900px);
}

body.pro #question_container #requestFormContainer,
#pppcrequestForm #requestFormContainer {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100% - 60px);
    position: absolute;
    top: 60px;
    width: 100%;
    padding-bottom: 0px;
    padding-bottom: 95px;
    box-sizing: border-box;
    background: var(--popup-background);
}

body.pro #question_container #requestFooter,
#pppcrequestForm #requestFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 75px;
    box-sizing: border-box;
    backdrop-filter: blur(4px);
    background: var(--popup-background);
    padding: 16px 20px 0;
}


body.pro .main_wrapper {
    height: calc(100% - 110px - var(--alert-height));
}

body.pro #question_container {
    height: 100%;
    max-height: 100%;
}

body.pro #question_container #requestFooter {
    position: relative;
    bottom: 0px;
    padding: 0;
    background: var(--pro-question-background);
    box-shadow: var(--pro-question-footer-shadow);
    border-bottom-left-radius: var(--radius-modal);
    border-bottom-right-radius: var(--radius-modal);
    border-top: 1px solid var(--line-color);
    z-index: 1;
    align-self: self-end;
    margin-top: auto;
}

body.pro #question_container #requestFooter #back {
    margin-top: 30px;
    margin-left: 25px;
    color: var(--site-font-color);
}

body.pro #question_container #requestFooter #back .icon:before {
    content: "\e94b";

}


body.pro #question_container #requestFooter #back:hover {
    color: var(--link-font-hover);
}

body.pro #question_container {
    position: relative;
}

#requestFooter #back .hide_text {
    display: none;
}

.requestPopup #requestFooter #next {
}

.requestPopup #requestFooter .submitform {
    margin: 0;
}

body.pro #question_container #requestFormContainer {
    top: 0px;
    position: relative;
    padding-bottom: 20px;
    padding-right: var(--site-horizontal-padding);
    padding-left: var(--site-horizontal-padding);
    box-sizing: border-box;
    height: auto;
    flex-grow: 1;
    max-height: calc(100% - 75px);
    background: var(--pro-question-background);
    backdrop-filter: none;
}

body.pro .answers label {
    padding: 6px 11px 15px;
}

body.pro .answers label.label_section_title {
    flex-flow: column;
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    line-height: var(--title-line-height);
}

body.pro .submit-root-cats .alert {
    margin-bottom: 10px;
}

#view_request_done {
    margin-bottom: 20px;
}

.request_cancel_link {
    color: var(--light-font-color);
}

.request_done .done-icon {
    font-size: 60px;
    color: var(--icons-yellow);
}

.audio,
.video {
    border-radius: var(--radius-big);
    box-sizing: border-box;
    position: relative;
}

body.account .audio,
body.account .video {
    background: var(--medium-background)
}

.audios_container .audio,
.attach_container .attachment,
.videos_container .video {
    margin-top: 20px;
    border-radius: var(--btn-radius);
}

#videos_wrapper .video {
    padding: 0;
    background: none;
    box-shadow: none;
}

#audios_wrapper .audio,
#videos_wrapper .video {
    width: 280px;
    max-width: 100%;
    display: inline-block;
    margin: 20px;
    margin-left: 0;
    float: none;
}

#audios_wrapper .audio h5,
#videos_wrapper .video h5 {
    margin: 0 0 8px;
    line-height: 17px;
    font-weight: normal;
    padding-left: 2px
}

audio {
    max-width: 100%;
    outline: none;
}

.audios_container .audio h5,
.videos_container .video h5 {
    min-height: 20px;
    padding: 8px 16px;
    margin-top: 0;
    margin-bottom: 10px;
    border-radius: var(--btn-radius);
    font-weight: normal;
    background: var(--light-background);
}


.audios_container .rename_audio:hover,
.videos_container .rename_video:hover {
    background: var(--site-background);
    box-shadow: 0 0 0 2px var(--btn-primary);
    cursor: pointer;
    color: #000;
}

.audios_container .rename_audio:hover:before,
.videos_container .rename_video:hover:before {
    content: '\e623';
    font-family: 'fixando';
    position: absolute;
    right: 25px;
    color: var(--link-font-selected)
}

.select_audio_profile,
.select_video_profile,
.select_video_status,
.select_audio_status {
    font-size: 22px;
    color: var(--link-font-selected);
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
}

i.remove_audio,
i.js-remove-audio {
    font-size: 18px;
    padding: 5px 7px;
}

.select_video_status {
    clear: both;
    margin-top: 10px;
}

.select_audio_status {
    margin-top: 4px;
}

.select_audio_profile .icon,
.select_video_profile .icon {
    margin: 0 1px;
}

.select_audio_profile:hover,
.select_video_profile:hover,
.select_video_status:hover,
.select_audio_status:hover {
    color: var(--link-font-hover);
}

.fotos_container em {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}

.ui-sortable .placeholder {
    background: rgba(255, 176, 0, 0.47);
    vertical-align: top;
    display: inline-block;
}

.ui-sortable-helper {
    -webkit-transition: box-shadow ease-in-out .2s;
    -moz-transition: box-shadow ease-in-out .2s;
    -ms-transition: box-shadow ease-in-out .2s;
    transition: box-shadow ease-in-out .2s;
}

.ui-sortable-helper .pic {
    outline-color: var(--fixando-yellow);
    margin: 0;
}

.project_box_wrapper {
    margin-left: -20px
}

.project_box_wrapper > p {
    margin-left: 20px;
}

.project_box {
    border: 1px solid transparent;
    border-radius: var(--radius-default);
    text-align: center;
    background: var(--box-background);
    margin-bottom: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 20px;
    max-width: 311px;
    box-shadow: var(--box-shadow-small);
}

.project_box .header_section {
    min-height: 80px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    position: relative;
}

.project_box .content_section {
    min-height: 150px;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: 100%;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

    color: var(--light-font-color);
    padding: 24px 20px;
}

.project_box .bottom_section {
    height: 90px;
    padding: 10px 20px 25px 20px;
}

.project_box .more-options {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    margin-bottom: 20px;
}


.add-more-info-details .add-info-icons .icon-send.disabled:before {
    opacity: 0.7;
    cursor: not-allowed;
}

.add-more-info-details .add-info-icons .icon-send.pending:after {
    position: absolute;
    content: "\e918";
    margin-left: 5px;
    font-family: 'fixando';
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    font-size: 17px;
    opacity: 0.6;
}

.project_box .close-project {
    text-align: right;
    margin: 15px;
    color: var(--light-font-color);
    position: relative;
}

.project_box .close-project .icon {
    cursor: pointer;
    padding: 10px;
    right: -8px;
    position: absolute;
    top: -8px;
    transition: all 0.2s ease;
}

.project_box .close-project .icon:hover {
    color: var(--icons-gray-hover);
    transform: rotate(90deg);
}

.project_box .header_section h3 {
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    line-height: var(--title-line-height);
    color: var(--title-font-color);
    letter-spacing: var(--title-letter-spacing);
    padding: 0 20px 10px;
}

.project_box .see_req .attachment-link {
    color: var(--link-font-selected);
}

.project_box .content_section .pro-quoted-list {
    display: none;
}

.project_view .header_section h3,
.project_view .header_section div {
    text-align: center;
}

.project_view .header_section h3 {
    color: #4e4d4d;
    line-height: 20px;
    padding-bottom: 19px;
    text-align: left;
    padding-left: 20px
}

.project_view .content_section .title {
    color: var(--light-font-color);
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    font-weight: 300;
    margin: 10px 0 5px !important;
    word-wrap: break-word;
    word-break: break-word;
}


.project_view .content_section .answer {
    color: var(--site-font-color);
    font-size: 15px;
    line-height: 18px;
    margin: 0px 10px 25px 0px !important;
    word-wrap: break-word;
    word-break: break-word;
    font-weight: 500;
}

.project_view .content_section {
    margin-top: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
}

.share .content_section {
    margin-top: 0;
}

.quote_suggestrequest .project_view.compact {
    padding: 0;
}

.near_me_links.latest_requests.quote_suggestrequest h3.category {
    padding-left: 25px;
}

body.near_me .level-2-info .infotext {
    padding-top: var(--title-padding-bottom-small);
    display: block;
    text-align: left;
}

body.near_me .category-description-block {
    text-align: center;
    padding: 0 20px;
}

.request_view .quote_suggestrequest .project_view .content_section {
    padding-top: 0;
    padding-bottom: 0;
}

.quote_suggestrequest .project_view .content_section .answer {
    margin: 0px 10px 25px 10px;
}

.project_view.compact {
    padding: 0 25px;
}

.project_view.project_view_head {
    padding: 0 20px;
}

.project_view.compact .category,
.project_view.compact .category a,
.project_view_head a {
    font-size: var(--title-font-size);
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--title-font-color);
    line-height: var(--title-line-height);
}

.project_view_head a {
    display: inline-block;
}

.project_view.compact .content_section {
    border-top: none;
    margin-bottom: 100px;
    text-align: left;
}

.project_view.compact .footer_section {
    background: var(--box-background);
    height: 100px;
    position: absolute;
    bottom: 0;
    border-bottom-left-radius: var(--radius-big);
    border-bottom-right-radius: var(--radius-big);
    width: 100%;
    left: 0;
    padding: 10px 25px;
    box-sizing: border-box;
}

.project_view.compact .footer_section .fullname {
    font-size: var(--site-font-size);
    color: var(--light-font-color);
    margin: 10px 0 0 0 !important;
    line-height: 28px;
}

.project_view.compact .footer_section .location {
    color: var(--site-font-color);
    line-height: 18px;
    overflow: hidden;
    max-height: 37px;
}

.project_view .content_section ul li {
    line-height: 20px;
    background: inherit;
    border-radius: 0;
    padding: 0px;
    margin: 0;
}


.project_view .content_section ul li:last-child {
    border-bottom: none;
    padding-bottom: 20px;
}


.project_view .content_section .project_actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project_view .content_section .project_actions p a {
    width: 150px;
}

.additional_data .answer_image,
.request_quote .answer_image,
.project_view .answer_image,
.pro_chat .answer_image {
    width: 80px;
    margin-bottom: 3px;
    border-radius: var(--radius-default);
}

.request-via-logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin: 3px 0;
    justify-content: center;
}

.request-via-logo .badge {
    margin: 5px;
}

.request-via-logo img {
    max-height: 25px;
}

.request_box .global_requests_badge_wrapper {
    float: right;
}

.latest_requests .answer_image {
    display: inline-block;
}

/* Only for Info page & Project close page & Chat page */

.request_view .project_view .content_section {
    text-align: left;
}

.request_view .project_view .content_section ul li:not(.more-info) {
    padding: 0 20px;
}

.request_view .project_view .content_section ul li.more-info {
    padding: 1px 20px;
    background-color: var(--request-more-info);
}

.request_view .project_view .content_section .answer.more-info-answer {
    margin: 0px 10px 10px 10px !important;
}

.request_view .project_view .header_section h3 {
    text-align: center;
    padding-left: 0;
    padding-bottom: 5px;
}

.quote_phone {
    color: var(--success-font);
}

.request_quote .clnt_phone {
    color: var(--btn-primary2-font);
    font-weight: 500;
    font-size: 16px;
    background: var(--btn-primary2);
    padding: 6px 20px;
    border-radius: 32px;
    display: inline-block;
}

.request_quote .clnt_phone:before {
    content: "\e942";
    font-family: Fixando;
    padding-right: 5px;
    vertical-align: bottom;
}

.request_quote .clnt_phn_part {
    margin: 8px 0px;
}

.project_view.share {
    margin: 30px auto auto auto;
    background: var(--box-background);
    overflow: hidden;
    border-radius: var(--radius-default);
    box-shadow: var(--box-shadow);
}

.project_view.share .fullname {
    font-weight: 600;
    line-height: 1;
    font-size: 24px;
    margin: 10px 0 !important;
    color: inherit;
}

.project_view.share .share-request {
    font-weight: 600;
    line-height: 1;
    font-size: 18px;
    margin: 10px 0 !important;
    color: inherit;
}

.project_view.share .content_section {
    position: relative;
    padding-top: 10px;
}

.project_view.share .content_section ul li {
    margin-left: 0;
}

.project_view.share .map_wrapper {
    min-height: 415px;
    margin-left: 0;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: var(--radius-default);
    filter: var(--img-invert-filter-map);
}

.project_view.share .user_img img {
    position: absolute;
    margin-left: -100px;
    width: 70px;
    border: 4px solid #fff;
    top: 20px;
}

.project_view.share .data_wrapper {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    max-height: 415px;
    min-height: 415px;
    overflow: auto;
    box-sizing: border-box;
    position: relative;
    text-align: left;
}

.project_view.share .share_loc {
    font-weight: 600;
    line-height: 1;
    font-size: 18px;
    display: inline-block;
    margin: 10px 0 !important;
    color: inherit;
}

.share .share_second {
    font-size: 14px;
    margin: 0px !important;
    font-weight: 600;
    line-height: 40px;
    color: inherit;
}

.project_view.share .share-request-text {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 !important;
    color: inherit;
    font-weight: 600;
    cursor: pointer;
}

.project_view.share .share-request {
    margin-right: 20px !important;
}

.project_view.share .share-request .share-category {
    margin-left: 0px;
}

.project_view.share .share-project,
.project_view.share .share-project.xml_feed {
    min-height: 260px
}

.share-project {
    padding: 30px;
}

.profile_header {
    font-size: 18px;
    margin: 0;
}

.project_view.share .city_link {
    font-weight: 600;
    line-height: 1;
    font-size: 18px;
}

.selectedRender, .unselRender {
    position: relative;
    display: inline-block;
    margin-bottom: 4px;
    padding-left: 22px;
}

.unselRender i, .selectedRender i {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 15px;
}

.selectedRender i {
    padding-right: 5px;
}

.selectedRender i.icon:before {
    content: "\e60d";
}

.unselRender {
    color: var(--very-light-font-color);
    font-weight: 300;
}

.unselRender i {
    color: var(--very-light-font-color);
    padding-right: 2px;
}

.unselRender i.icon:before {
    content: "\e94f";
}

.request_close {
    max-width: 600px;
}

.request_close h2 {
    font-weight: 400;
    margin-bottom: 50px
}

.request_close > ul li label {
    padding: 10px 0;
    color: var(--site-font-color);
    font-size: 16px;
    position: relative;
    left: 35px;
    width: calc(100% - 35px);
}

.request_close input[type="radio"] + span:before {
    top: 8px;
    position: absolute;
    left: -35px;
}

ul#hired_inputs li label {
    padding: 0px !important
}

ul#hired_inputs li {
    margin-bottom: 15px
}

.pro_review_link {
    font-size: 10px;
}

.request_box {
    border-radius: var(--radius-default);
    background: var(--request-box-background);
    box-sizing: border-box;
    color: var(--site-font-color);
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: auto;
    flex-basis: 100%;
    position: relative;
    margin-bottom: 10px;
    box-shadow: var(--request-box-shadow);
    overflow: hidden;
}

.request_box_rgt {
    display: flex;
    flex-direction: column;
}

.request_box_rgt a.reqLink {
    display: contents;
    color: var(--light-font-color);
}

.request_box_rgt .special_quote p {
    margin: 0
}

.request_box:last-child {
    border-bottom-left-radius: var(--radius-default);
    border-bottom-right-radius: var(--radius-default);
}

.request_box.new {
    background: linear-gradient(90deg, #ffb000 6px, var(--request-box-background) 6px)
}

.request_box:not(.welcome_session_tip):not(.ask_for_review_tip):not(.markas_trusted_tip):not(.credit-banner):not(.app-download-banner):hover {
    border-left-color: var(--btn-primary-hover);
}

.request_box .premium-banner,
.request_box .user-summary-banner {
    background: var(--dark-background);
    color: #fff;
    padding: 25px 25px 25px 50px;
    display: flex;
    flex-wrap: nowrap;
}

.request_box .premium-banner .premium-feature .title,
.request_box .user-summary-banner .user-summary-feature .title {
    font-size: var(--subheadline-font-size);
}

.request_box .premium-banner .premium-feature .tip-info {
    background: var(--intense-background);
    color: inherit;
}

.request_box .premium-banner .premium-feature .subtitle,
.request_box .user-summary-banner .user-summary-feature .subtitle {
    padding-bottom: var(--title-padding-bottom-small);
    padding-top: var(--title-padding-bottom-small);
}

.request_box .premium-banner .know-more-section,
.request_box .user-summary-banner .know-more-section {
    margin-top: auto;
    margin-left: auto;
}

.request_box .premium-banner .know-more-section .know-more,
.request_box .user-summary-banner .know-more-section .know-more {
    border: 1px solid var(--site-background);
}

.request_box .user-summary-banner {
    background: var(--fixando-background);
    color: var(--headline-font-color);

}

.request_box .user-summary-banner .user-summary-feature .title {
    font-size: var(--subheadline-font-size);
}

.request_box_content {
    padding-left: 1%;
    padding-top: 1%;
    display: inline-block;
    color: black !important;
    font-weight: 500;
    margin: 0px;
    font-size: 16px;
}

.request_box_content1 {
    padding-left: 1%;
    display: inline-block;
    color: black !important;
}

.request_box.quoted:before,
.request_box.quoted .reqLink {
    /*color: #fabc2f*/
}

.request_box.hired:before,
.request_box.hired .reqLink {
    color: #1dcb00
}

.request_box.declined:before,
.request_box.declined .reqLink {
    color: #ff0000
}

#request_wrapper .request_box h4 {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    width: 100%;
    padding: 0px 10px 5px 0px;
}

.request_box p {
    margin-bottom: 0;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing-small);
    word-wrap: break-word;
    word-break: break-word;
    margin-top: 0;
}


.request_box p.category_p,
.request_box .client-info-block {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.request_box .client-info-block {
    overflow: unset;
}

.request_box p.request-location {
    margin-bottom: 5px;
}

#requests_all .category_selected_info {
    margin-top: 20px;
    background: var(--medium-background);
    padding: 16px 20px;
    border-radius: var(--radius-default);
}

.request_box_expired_clock {
    color: var(--icons-darkgray);
    font-size: 30px;
    margin-top: 10px;
}

.welcome_session_tip,
.ask_for_review_tip,
.markas_trusted_tip {
    border-radius: var(--btn-radius);
}

.welcome_session_tip h4,
.markas_trusted_tip h4 {
    color: var(--link-font);
    font-size: 18px;
}

.request_box.welcome_session_tip p,
.markas_trusted_tip p {
    color: #000000;
    font-size: 15px;
}

.request_box_lft {
    padding: 25px 25px 25px 50px;
    flex: 1;
    orphans: initial;
    flex-basis: 50%;
}

.request_box.app-download-banner,
.request_box.ask_for_review_tip {
    padding: 25px 25px 25px 50px;
}

.request_box.app-download-banner .request_box_lft,
.request_box.ask_for_review_tip .request_box_lft {
    padding: 0px;
}

.request-menu-carousel-block {
    margin-top: 30px;
}

.tab-pane#requests .request-menu-carousel-block .slick-slider_title {
    padding-left: 0;
}

.request_box .asked-for-quote {
    background: #535353;
    color: #ffffff;
    padding: 5px 50px;
    margin: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#passed_request_wrapper {
    margin-top: 20px;
}

.detach_social_connection {
    padding-top: 8px;
}

.ServiceList {
    background: var(--highlighted-background);
    text-align: center;
}

.top_pros_section {
    text-align: center;
    background: var(--light-background);
}

.top_pros_title {
    font-size: var(--headline-font-size);
}

.ServiceList-proGroup {
    padding-top: 40px;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ServiceList-proGroup .pro-list {
    width: 33.33333%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    order: 2;
    min-width: 250px;
    flex-grow: 1;
}

.ServiceList-pro {
    margin-bottom: 64px;
    text-align: left;
    word-break: break-word;
    width: 100%;
    position: relative;
}

.ServiceList-proGroup .pro-list.premium-user {
    order: 1;
}

.ServiceList-pro .pro-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.ServiceList-pro .highlighted {
    position: absolute;
    top: -25px;
}


.ServiceList-pro-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ServiceList-pro-avatar {
    min-width: 60px;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.ServiceList-pro-title .pro-name {
    white-space: normal;
    text-overflow: clip;
    margin: 0px;
    width: 250px;
    color: var(--link-font-selected);
}

.ServiceList-pro-title .badge-rating {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.badge-rating .rate_star .star_val {
    font-size: var(--title-font-size);
}


.list_filter_badge.beginner,
.badge-link.beginner,
.list_box_badge .beginner,
.pro-badge .beginner,
.badge-image .beginner,
.badge-rating .beginner {
    background-image: var(--badge-beginner-small);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.list_filter_badge.experienced,
.badge-link.experienced,
.list_box_badge .experienced,
.pro-badge .experienced,
.badge-image .experienced,
.badge-rating .experienced {
    background-image: var(--badge-experienced-small);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.list_filter_badge.expert,
.badge-link.expert,
.list_box_badge .expert,
.pro-badge .expert,
.badge-image .expert,
.badge-rating .expert {
    background-image: var(--badge-expert-small);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.badge-image .beginner,
.badge-image .experienced,
.badge-image .expert {
    width: 60px;
    height: 60px;
}

.ServiceList-pro-title .badge-link {
    width: 35px;
    margin-right: 5px;
}

.T1-R {
    font-size: var(--title-font-size);
    line-height: 28px;
    color: var(--intense-font-color);
    line-height: 22px
}

.T2-S {
    font-size: 16px;
    line-height: 22px;
    color: var(--intense-font-color);
}

.ServiceList-pro-rating {
    margin-bottom: 14px
}

.ServiceList-pro-description {
    margin-bottom: 12px;
    margin-top: 12px;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
}

.Header-right {
    max-width: 280px;
}

.Header-cta {
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: var(--btn-radius);
    margin: 0 0 0px 30px;
}

.Header-cta-prompt {
    font-size: 14px;
    line-height: 20px;
    color: var(--dark-font-color);
    padding-bottom: 10px
}

.profile_rating .average_rating {
    font-size: 22px;
    font-weight: 500;
    color: var(--dark-font-color);
    display: flex;
    align-content: center;
}

.profile_rating .average_rating:empty {
    padding-right: 0;
}

.review_stats .row_element {
    display: flex;
    flex-direction: row;
    margin: 3px 0px;
}

.review_stats .row_element .label, .review_stats .row_element .percentage {
    font-size: 12px;
    width: 25px;
    display: flex;
    justify-content: space-between;
}

.review_stats .row_element .percentage {
    justify-content: end;
}

.review_stats .row_element .bar {
    height: 6px;
    width: 100px;
    background-color: var(--light-background);
    border-radius: 2px;
    margin: 7px;
}

.review_stats .row_element .bar .progress {
    background-color: var(--rating-star-active) !important;
    height: 100%;
    border-radius: 2px;
}

.review_stats .row_element .col_element .stats_star .icon-star-full:before {
    color: #c5c5c5;
    font-size: 12px;
    margin-left: -3px;
}

.review_stats .row_element .col_element .stats_star .icon-star-full:after {
    color: #c5c5c5;
    font-size: 12px;
    margin-left: -3px;
}

.review_box .icon-star-full:before {
    font-size: 22px;
}


.header .pro_rating_stats {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
}

.about_pro_section .pro_rating_stats {
    justify-content: space-around;
}

.header .pro_rating_stats .stars {
    text-align: left;
}

#profile_page_container .pro_rating_stats .stars .rate .stars .star-ratings {
    font-size: 25px;
}

.header .pro_rating_stats .stars .reviews_count {
    font-size: var(--site-font-size-small) !important;
}

.header .pro_rating_stats .stars .average_rate {
    font-weight: 600;
    font-size: var(--title-font-size);
    margin-bottom: 5px;
}

.pro_reviews .header .pro_rating_stats .stars .average_rate {
    text-align: center !important;
}

.header .pro_rating_stats .stars .rate, .header .pro_rating_stats .stars .reviews_count {
    padding-left: 0px !important;
}

.header .pro_rating_stats .review_stats {
}

.about_pro_section .reviews .header {
    width: 100%;
}

#profile_page_container .pro_rating_stats .stars_wrapper {
    border: 1px solid var(--rating-star);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 25px;
}

#profile_page_container .stars_wrapper .star-ratings {
    font-size: 17px
}

#profile_page_container .stars_wrapper .average_rate {
    font-weight: 500;
    font-size: 40px;
    margin-bottom: 20px;
}

/************************************
    CREATE
*************************************/
body.create {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.create .copyright {
    background: none;
}


#createform #cat_selection .nav_menu {
    position: relative;
    display: block;
    min-height: 48px
}

#createform #cat_selection .nav_menu ul li {
    border-right-color: #000;
    margin-right: 3px;
    margin-top: 4px;
    width: 19.24%;
    min-width: 85px;
    text-align: center;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
}

#createform #cat_selection .nav_menu ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

#createform #cat_selection .nav_menu ul li a {
    width: 100%;
    padding: 18px 0 6px 0;
    float: none;
}

#createform #cat_selection .nav_menu ul:hover li,
#createform #cat_selection .nav_menu ul.selected li {
    opacity: 0.4;
}

#createform #cat_selection .nav_menu ul li:hover,
#createform #cat_selection .nav_menu ul.selected li.selected {
    opacity: 1 !important;
    box-shadow: 0 0px 10px #000;
}

#createform #cat_selection .nav_menu ul.selected li:not(.selected):hover {
    opacity: 0.7 !important;
}

#createform #cat_selection .nav_menu ul.selected li a {
    cursor: default;
}

#createform_content {
    min-height: 100px;
    position: relative;
}

#createform textarea {
    height: 190px;
    padding: 15px;
    transition: padding-top .1s ease-in-out;
}

#createform .js-description-block:not(.profile-description-block-filled) textarea {
    padding-top: 55px;
}


#createform img.profile_page_header {
    max-width: 100%;
}

#createform .empty img.profile_page_header {
    width: 100%;
    background: var(--medium-background);
}

.profile_header_image_wrapper {
    max-height: 250px;
    overflow: hidden;
    border-radius: var(--radius-big);
    box-shadow: inset 0 0 0 1px var(--input-border-color);
    background: var(--light-background);
}


body.create .gback {
    background-color: transparent;
    color: var(--light-font-color);
    border-radius: var(--btn-radius);
}

#createform .empty img.profile_page_header,
#createform img.profile_page_header,
body.create .avatar {
    opacity: 1;
}

.profile_avatar_wrapper {
    margin-top: -90px !important;
    margin-left: 20px !important;
}

.profile_avatar_wrapper img {
    border: 2px solid var(--medium-background);
}

#header_photo_selector_link {
    float: right;
    margin: 8px;
}

.empty .icon-camera {
    opacity: 0.8 !important;
}


/************************************
REFERRAL
************************************/
.referral_terms h2 {
    margin-top: 3%;
}

.referral_terms > ul {
    padding-left: 14px;
    margin-top: 20px;
}

.referral_terms > ul > li {
    list-style-type: disc;
    margin-bottom: 10px;
}

.referral-button div {
    width: 9rem;
    display: block;
    padding: 3px;
    text-align: left;
    font-size: 16px;
}

.referral-button div.p5.s.g:hover {
    background: #ddd;
}

.referral-button div.p5.s.g {
    display: grid;
}

.pro_referrals-invite,
.pro_referrals-progress,
.pro_referrals-subtitle,
.pro_referrals-title {
    padding: 0 0 20px;
}

.pro_referrals-title {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
}


.pro_referrals-invite-container {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.pro_referrals-invite-input, .pro_referrals-invite-link-text {
    flex-grow: 3;
}

.pro_referrals-box input[type=text], textarea {
    width: 100%;
    padding: 0 14px;
    height: 40px;
}


.pro_referrals-external-invites {
    margin: 15px 40px 10px 40px;
    line-height: 1;
}

.pro_referrals-external-invites > div {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
}

.pro_referrals-external-invites .refer_via_fb {
    color: #0A487C;
}

.pro_referrals-external-invites .refer_via_google {
    color: #DE4B39;
}

.pro_referrals-external-invites .refer_via_twitter {
    color: var(--link-font);
}

.pro_referrals-progress {
    margin-top: 5px;
    text-align: center;
}

.pro_referrals-progress-left, .pro_referrals-progress-subtitle, .user_request_charge {
    text-align: left;
}

.pro_track_progress {
    padding-top: 15px;
}

.pro_referrals-progress-bar {
    position: relative;
    top: 10px;
}

.pro_referrals-progress-labels {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    padding-top: 10px;
}

.pro_referrals-progress-left, .pro_referrals-progress-right {
    flex-basis: 10%;
}

.pro_referrals-progress-left {
    text-align: left;
    float: left;
}

.pro_referrals-progress-right {
    text-align: right;
    float: right;
}

.pro_referrals-progress-text {
    text-align: center;
    flex-basis: 100%;
}

#added_locations li {
    background: #444;
    padding: 10px;
    margin-bottom: 3px;
    color: #FFF;
}

#added_locations li a {
    font-weight: normal;
    font-size: 14px;
    float: right;
    color: #1a73e8;
}

#added_locations li i {
    margin: 0 15px;
    color: #808080
}

#added_locations li a:hover {
    color: #FF7474;
    text-decoration: none;
}


.box_section,
.external-review,
.pro_referrals-box,
.multimedia-video,
.multimedia-audio,
.how_to_have_success_tips {
    padding: 30px;
    background: var(--box-background);
    box-shadow: var(--box-shadow-small);
    border-radius: var(--radius-default);
    margin-bottom: 30px;
}

.popup_content .box_section,
.popup_content .via_share,
.popup_content .via_email,
.popup_content .pro_referrals-box,
.popup_content .how_to_have_success_tips {
    box-shadow: none;
    margin-bottom: 0;
}

.slidervalue {
    background: transparent;
    border-color: transparent;
    padding: 3px 8px;
    margin-bottom: 1px;
    max-width: 100%;
    width: 135px;
    margin-left: 1px;
    font-size: 15px;
    min-width: inherit;
}

.slidervalue:hover,
.slidervalue:focus {
    background: var(--site-background);
    border-color: #CCC
}

.sliderlabels label {
    margin-top: 22px
}

.w33 {
    width: 33.7%;
    float: left;
    padding-left: 5px;
    box-sizing: border-box;
}

.w33:first-child {
    margin-left: -5px;
}

.icon-spinner.huge,
.huge.loader:before {
    position: absolute;
    font-size: 42px;
    top: 50%;
    top: calc(50% - 21px);
    left: 50%;
    left: calc(50% - 21px);
}

body.loading:after {
    content: "\e918";
    position: absolute;
    font-size: 60px;
    color: var(--fixando-yellow);
    font-family: Fixando;
    top: calc(50% - 21px);
    left: calc(50% - 21px);
    z-index: 10000;
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.galbox .pic {
    margin: 8px;
}

.spinner {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #222 #222 transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.spinner::after,
.spinner::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent var(--fixando-yellow) var(--fixando-yellow);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}

.spinner::before {
    width: 32px;
    height: 32px;
    border-color: #222 #222 transparent transparent;
    animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}


/***********************************
 ACCOUNT
***********************************/
.avatar {
    /*box-shadow: 0 0 0 2px rgba(50,50,58,0);*/
    width: 140px;
    max-width: 100%;
    position: relative;
    z-index: 2;
    border-radius: 50%;
}

.nav_menu .avatar,
.pro-name .profile-avatar.avatar {
    width: 45px;
    border-radius: 50%;
    background: url(/img/default_user_avatar.png);
    background-size: 100%;
}

.avatar.is_default_avatar,
.nav_menu .avatar.is_default_avatar,
.pro-name .profile-avatar.avatar.is_default_avatar {
    filter: var(--img-invert-filter)
}

.profile_page .pro-name .profile-avatar.avatar {
    width: 100px;
    margin-right: 20px;
}

body.categories .nav_menu .avatar {
    box-shadow: 0 0 0px 2px rgba(255, 255, 255, 0.25);
}


.nav_menu ul li a:hover img {
    box-shadow: 0 0 0px 3px var(--medium-background) !important;
}


.safe_pro_badge {
    max-height: 45px;
}

.btn.google {
    padding: 0px;
    border-radius: 24px;
    text-align: center;
    position: relative;
    white-space: nowrap;
    min-height: 36px;
    min-width: 180px;
    overflow: hidden;
    border: 1px solid transparent;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-top: 10px;
    padding-right: 20px;
}


.btn.google:hover,
.socialauth:hover span.facebook {
    cursor: pointer;
    transform: var(--btn-scale-hover);
}

.socialauth span.btn {
    width: 32px;
    vertical-align: top;
    left: -10px;
}

.btn.google i.icon {
    color: #FFF;
    font-size: 22px;
    top: 5px;
    left: 10px;
}

.create .navbar-fixed-top .icon-color-mode,
.account .navbar-fixed-top .icon-color-mode {
    display: none;
}

#account_container .nav-tabs.nav-justified > li > a > i.icon,
#account_container .nav-small > li > a > i.icon {
    color: rgba(255, 255, 255, 0.4);
}

#account_container .nav-tabs.nav-justified > li > a > i.icon {
    position: absolute;
    margin-left: -30px;
}

#account_container .nav-tabs.nav-justified > li > a > .total {
    display: none
}

.btn i.icon {
    color: inherit;
    margin-right: 5px;
    margin-top: 1px;
}

.btn-orange i.icon,
.btn-red i.icon,
.btn-success i.icon,
.btn-primary i.icon {
    color: var(--btn-primary-icon-color);
}

.btn:hover i.icon {
    color: inherit
}

.mic-record-button.btn i.icon {
    margin: 0;
    font-size: 16px;
}

/***********************************
 PROFILE (BOX)
***********************************/
.profile {
    padding: 20px;
    background: var(--profile-background);
    border-radius: var(--radius-default);
    overflow: hidden;
    box-shadow: var(--profile-shadow);
}

.profile_page .avatar-holder img.av {
    border-radius: 50%;
    max-width: 180px;
}

.pro-level-avatar .avatar-additional-info {
    text-align: left;
}

.split .profile {
    width: 47%;
    float: left;
}

.split .profile:nth-child(even) {
    float: right;
}

.profile .av {
    width: 120px;
    max-width: 100%;
    /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);*/
    margin-left: -10px;
    margin-top: -10px;
    float: left;
    border-radius: 50%
}

.profile .con {
    position: relative;
    margin-left: 125px;
}

.profile .con .bot {
    line-height: 16px;
}

.profile .con .profile_name {
    font-size: var(--title-font-size);
    height: 100%;
    margin: 10px 0;
    display: inline-block;
}


/* Profile sub menu*/
.profile .profile-head {
    font-size: var(--subheadline-font-size);
    line-height: var(--title-line-height);
    text-transform: capitalize;
}

.profile .profile-head .profile-name {
    color: var(--link-font-selected);
}

.profile-menu-block {
    display: flex;
}

.profile-menu-block .profile-photo {
    width: 140px;
    text-align: center;
}

.profile-menu-block .profile-photo .profile-link {
    display: inline-block;
}

.profile-menu-block .profile-photo .profile-link img {
    margin: 0px;
}

.profile-menu-block .profile-details {
    width: 100%;
    margin-left: 20px;
}


.profile-detail-list .profile-progress,
.profile-detail-list .profile-reviews,
.profile-detail-list .credits-details {
    width: 400px;
    display: inline-flex;
    align-items: center;
    column-gap: 20px;
}

.profile-detail-list .profile-edit,
.profile-detail-list .see-reviews,
.profile-detail-list .view-packages {
    width: 170px;
    display: inline-block;
    margin: 0px 10px;
}

.profile-detail-list .profile-view,
.profile-detail-list .ask-reviews,
.profile-detail-list .refer-pro {
    width: 200px;
    display: inline-block;
}

.profile-detail-list .profile-reviews {
    text-wrap: nowrap;
    column-gap: 10px;
}

.progress-container {
    width: 100%;
    white-space: nowrap;
    position: relative;
}

.progress-container.bar-img {
    width: calc(100% - 110px);
    display: inline-block;
    position: relative;
}

.profile-detail-list .details-title {
    display: inline-block;
    width: 100px;
    font-weight: 500;
}

.progress-bar {
    color: var(--dark-font-color) !important;
    border-radius: 16px;
    overflow: hidden;
    height: 20px;
}

.profile .progress-bar.progress-ok {
    background-color: var(--btn);
}

.profile .progress-bar.progress-nok {
    background-color: var(--error-color) !important;
}

.profile .progress-bar .progress-color.progress-ok {
    /*background-color: #41c81a !important;*/
}

.profile .progress-bar .progress-color.progress-nok {
    background-color: var(--error-background) !important;
}

.progress-round {
    padding: 8px 0px;
    background-color: var(--intense-background) !important;
    box-sizing: content-box;
    width: 100%;
}

.progress-bar .progress-color {
    color: var(--dark-font-color) !important;
}

.progress-container .progress-bar .percentage {
    margin-right: 20px;
    position: absolute;
    right: 0px;
    top: 1px;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    font-weight: 400;
}

.profile-detail-list {
    margin-bottom: 25px;
}

.profile-detail-list .got-rating,
.profile-detail-list .profile-stars,
.profile-detail-list .times-hired,
.profile-detail-list .credits-count,
.profile-detail-list .quote-info {
    display: inline-block;
}


.profile-detail-list .profile-btn {
    width: 100%;
}

.top-categories .slick-slider_title {
    text-align: left;
    color: var(--light-font-color) !important;
}

.profile .approval-info-section {
    padding: 0 0 0 5px;

}

.profile .approval-info-section .toggle-info {
    border-radius: var(--btn-radius-toggle);
    font-size: var(--site-font-size-small);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 24px;
    border: none;
    margin-top: 10px;
    column-gap: 5px;
}

.profile .approval-info-section .toggle-info:active:hover {
    transform: var(--btn-scale-hover);
}

.profile .approval-info-section .info {
    padding: var(--site-horizontal-padding);
    display: none;
    transition: display 4s ease-in-out;
}

.profile .approval-info-section .toggle-info .up-icon .icon {
    vertical-align: middle;
    margin: 0;
}

.profile .approval-info-section .toggle-info .up-icon {
    width: 20px;
    display: inline-block;
    text-align: center;
    border-radius: var(--btn-radius-badge-big);
    transition: transform .4s ease-in-out;
}

.profile .approval-info-section .toggle-info.waiting {
    background: var(--input-placeholder-color);
    color: var(--light-background);
}

.profile .approval-info-section .toggle-info.approved-normal-with-reason {
    background: var(--success-background);
    color: var(--success-font);
}

.profile .approval-info-section .toggle-info.approved-good,
.profile .approval-info-section .toggle-info.approved-normal {
    background: var(--btn-success);
    color: var(--btn-success-font);
}

.profile .approval-info-section .toggle-info.approved-bad,
.profile .approval-info-section .toggle-info.approved-rejected,
.profile .approval-info-section .toggle-info.approved-block {
    background: var(--error-background);
    color: var(--error-color);
}

.profile .approval-info-section .toggle-info.active .up-icon {
    transform: rotate(-360deg);
}

.profile .approval-info-section .info .info-heading {
    font-weight: var(--title-font-weight);
}

.profile .approval-info-section .reasons {
    list-style-type: disc;
    padding-left: 20px;
}

.profile .approval-info-section .reasons .reason {
    line-height: var(--title-line-height);
}

.apexcharts-svg {
    border-radius: var(--box-radius);
}


.cropper-wrap-box, .cropper-canvas, .cropper-crop-box {
    border-radius: var(--radius-big);
}

#camera:hover a,
#camera a:hover i.icon-camera,
.gallery:hover a.select_photo,
.gallery a.select_photo i.icon,
.gallery:hover a.select_gal_profile,
.gallery a.select_gal_profile i.icon {
    text-decoration: none;
    padding: 10px;
    border-radius: 50%;
    opacity: 1;
    margin: 0;
}

#camera .select_photo_camera:hover {
    backdrop-filter: blur(2px);
}


.gallery a.select_photo i.icon-images {
    background: rgba(16, 255, 0, 0.6);
    opacity: 0.8;
}

.profile_header_image_wrapper img {
    width: 100%;
}

#camera a:hover i.icon-camera,
.gallery a.select_photo:hover i.icon,
.gallery a.select_gal_profile:hover i.icon {
    opacity: 1 !important;
}

.gallery a.select_photo,
.gallery a.select_photo:hover,
.gallery a.select_gal_profile,
.gallery a.select_gal_profile:hover {
    color: #fff;
    font-size: 30px;
    top: 10%;
    left: 7%;
    z-index: 3
}

.gallery a.select_gal_profile i.icon-profile {
    background: rgba(255, 0, 163, 0.5);
    opacity: 0.8;
}

.gallery .av,
.audio .av,
.video .av,
.fotos_container .av,
.create_profile .av {
    width: 30px;
    border: 1px solid #FFF;
}

.btn-input,
.btn.add_audio,
.btn.add_video {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: var(--btn-radius)
}

.contactbutton .av {
    width: 35px;
    margin-right: -15px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border: none !important;
}

.create_profile .av {
    width: 60px;
}

.gallery a.select_gal_profile:hover {
    background: rgba(0, 0, 0, 0.60);
}

.create_profile li {
    float: none !important;
    line-height: 24px !important;
    padding: 5px !important;
    border-bottom: 1px solid #ddd;
}

.create_profile li div {
    line-height: 17px;
}

body.create .section_titles {
    margin-bottom: 20px;
}

#select_pid {
    padding: 0px;
}

#select_pid:after {
    bottom: 100%;
    border: solid transparent;
    left: 16px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: -10px;
    z-index: 1;
}

ul.sel_pid li {
    font-size: 16px;
    white-space: nowrap;
    min-width: 225px;
    float: left;
    text-align: left;
    line-height: 32px;
    padding: 1px;
    font-style: normal;
}

ul.sel_pid li:hover {
    background: #E2E2E2;
}

.fotos_container #select_pid {
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.8);
    top: 34px;
}

.create_profile #select_pid:after {
    border-bottom-color: #F0F0F0;
}

#searchresults .profile .t {
    font-size: var(--title-font-size);

}


/***********************************
 PACKAGES
***********************************/
#packages_content .pricing-tables {
    border-radius: 12px;
    background-color: var(--packages-box-background);
    flex-grow: 1;
    flex-basis: 0;
}

#packages_content .pricing-tables + .pricing-tables {
    margin-left: 15px
}

#packages_content .pricing-tables .the-box {
    margin: 0;
    background: transparent;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

#packages_content .pricing-tables .header .package-name {
    text-shadow: none;
    text-transform: uppercase;
    text-align: center;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    margin: 10px 0;
    font-family: inherit;
    font-weight: var(--title-font-weight);
    color: inherit;
    text-rendering: optimizelegibility;
}

#packages_content .pricing-tables .circle-price-wrap {
    width: 100%;
    height: 30px;
    background: var(--packages-box-background);
    border-radius: 0px;
    position: inherit;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    border: 0px solid #4180d6;
}

.packages .pricing-tables .header {
    padding: 10px 0px 10px;
    color: var(--dark-font-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.packages .pricing-tables .header .icon-specialquote {
    margin-right: 5px;
}

#packages_content .pricing-tables .circle-price-wrap p.price_text {
    font-size: 44px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    text-align: center;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 0;
}

#packages_content .pricing-tables .purchase {
    margin-top: 70px;
    margin-bottom: 15px;
    vertical-align: middle;
}

#packages_content .pricing-tables .purchase-package {
    margin-top: 70px;
    margin-bottom: 15px;
    vertical-align: middle;
}

#packages_content .pricing-tables .purchase-package .purchase {
    margin-top: 0px;
    margin-bottom: 0px;
}

#packages_content .pricing-tables .purchase.disable-purchase {
    background: var(--site-background);
    color: #B5B5B5;
    border: 1px solid #B5B5B5;
}

#packages_content .pricing-tables .purchase.disable-purchase:hover {
    color: #B5B5B5;
    border-color: #B5B5B5;
    background-color: transparent;
    cursor: auto;
}


#packages_content .pricing-tables td.med {
    background-color: var(--packages-box-background) !important;
}

#packages_content .pricing-tables table td {
    border-top: 0px solid var(--table-border) !important;
    padding: 10px 20px;
    height: 40px;
}

#packages_content .pricing-tables table td.percredit {
    height: 75px;
}

#packages_content .pricing-tables table td.wl_bdt {
    border-top: 1px solid var(--line-color) !important;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    padding: 15px 20px;
    text-align: center
}

#packages_content .pricing-tables table td:not(.wl_bdt) {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: center;
}

#packages_content .pricing-tables table td.wl_bdt b,
#packages_content .pricing-tables table td:not(.wl_bdt) b {
    font-weight: 400;
}

#packages_content .pricing-tables table td.wl_bdt b:before {
    font-family: 'fixando';
    content: "\e93e";
    font-size: var(--title-font-size);
    color: var(--success-icon-color);
    display: inline-block;
    font-weight: normal;
    margin-top: -7px;
    margin-left: -30px;
    margin-right: 10px;
    top: 4px;
    position: relative;
}

#packages_content .pricing-tables table td.wl_bdt b:before {
    display: block;
    font-weight: normal;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    top: -5px;
    position: relative;
    left: auto;
}

#packages_content .pricing-tables table td.wl_bdt .categories-list b:before {
    display: inline-block;
    top: 0px;
    font-size: 14px;
}

#packages_content .pricing-tables table td.wl_bdt.no b:before {
    content: "\e117";
    color: var(--packages-nofeature-color);
}

#packages_content .pricing-tables table td.wl_bdt.no {
    color: var(--packages-nofeature-color);
    background: var(--packages-nofeature-background) !important;
}

#packages_content .pricing-tables table td .icon-info {
    position: relative;
    top: 1px
}

#packages_content .pricing-tables table td.wl_bdt.no.not-active .icon-info {
    display: none;
}

#packages_content .n_credits {
    font-size: 24px !important;
}

#packages_content .save_x {
    font-size: 14px;
    background: var(--packages-savex-background);
    padding: 5px 8px;
    border-radius: 18px;
    color: var(--packages-savex-color);
    margin-bottom: 10px;
    display: inline-block;
}

#packages_content .save_x:empty {
    background: none;
    height: 20px;
    display: block;
}

#packages_content .pricing-tables .most_chosen_package {
    width: calc(100% - 20%);
    padding: 4px 0;
    border-radius: var(--btn-radius-badge);
    background-color: var(--packages-most-border-color);
    color: var(--packages-most-color);
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 12px;
    white-space: nowrap;
}

#packages_content .packages_blocks {
    margin-top: 30px;
    display: inline-flex;
}

#packages_content .pricing-tables .most_chosen_package span {
    font-size: var(--site-font-size-mini);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    text-transform: uppercase;
}

/* Packages tabs styles starts*/
.packages-dropdown-options {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin: 0 0 20px 0;
}

.packages-dropdown-options .drop_down {
    color: var(--toggle-color);
    background: var(--toggle-background-secondary);
    border: 1px solid var(--toggle-background-secondary);
    border-radius: var(--btn-radius-toggle);
    font-weight: 500;
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1px;
}

.packages-dropdown-options .dropdown-item {
    position: relative;
    display: block;
    color: var(--toggle-color);
    padding: 0 30px;
    height: 36px;
    transition: all .1s ease-in-out;
    display: flex;
    align-items: center;
}

.packages-dropdown-options .dropdown-item[data-toggle-status="active"] {
    cursor: default;
    background: var(--btn-primary);
    color: var(--btn-primary-font);
    border-radius: var(--btn-radius-toggle_active);
    box-shadow: var(--toggle-active-shadow);
    z-index: 1;
}

.packages-dropdown-options .dropdown-item:not([data-toggle-status="active"]):hover {
    color: var(--light-font-color);
}

.packages-dropdown-options .dropdown-item .item-name {
    padding: 10px 30px;
}


.packages-dropdown-options .dropdown-item[data-toggle-status="active"]:last-child {
    box-shadow: var(--toggle-active-shadow-last);
}

[data-toggle-id]:not([data-toggle-status="active"]) {
    display: none !important;
}

/* Packages tabs styles ends */

.pricing-tables .circle-price-wrap {
    width: 150px;
    height: 150px;
    background: var(--box-background);
    border-radius: 50%;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -75px;
    border: 3px solid #4180d6;
}

#packages_user .pricing-tables .circle-price-wrap {
    border-color: #728161;
}

.packages-footer .footer-buttons {
    max-width: 100% !important;
    width: 100%;
    box-shadow: none;
}

.packages-footer .footer-button-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.packages-footer .footer-button {
    width: 300px;
}

.packages-footer .footer-button-list .item {
    padding: 0 100px;
}


.pricing-tables {
    text-align: center;
    position: relative;
    margin: 5px 0 20px;
    box-shadow: var(--box-shadow-small);
    transition: All 0.25s ease;
    border: 2px solid transparent;
}

.pricing-tables.most_chosen_package_table {
    border-color: var(--packages-most-border-color);
    box-shadow: 0 0 10px 0px var(--packages-most-border-color);
}

.pricing-tables .the-box {
    margin: 0;
    background: var(--site-background);
}


.pricing-tables .header h3 {
    text-transform: uppercase;
}

.pricing-tables .circle-price-wrap p.price_text {
    font-size: 40px;
    padding: 48px 0;
    line-height: 40px;
    margin: 10px 0;
}

.site_ch .pricing-tables .circle-price-wrap p.price_text,
.site_mx .pricing-tables .circle-price-wrap p.price_text,
.site_do .pricing-tables .circle-price-wrap p.price_text,
.site_cl .pricing-tables .circle-price-wrap p.price_text {
    font-size: 30px;
}

.pack_head {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 20px;
}

.pricing-tables .circle-price-wrap p.price_text small,
.pricing.tables .old_price {
    font-size: 14px;
    color: #777;
    display: block;
    line-height: 18px;
    margin-top: 10px;
}

.old_price {
    text-decoration: line-through;
    font-weight: 300;
    color: var(--light-font-color);
    font-size: 17px;
}

.pricing-tables .purchase {
    margin-top: 105px;
    margin-bottom: 15px;
    z-index: 1;
    position: relative;
    border-color: var(--btn-primary);
    background: var(--btn-primary2);
    color: var(--btn-primary2-font);
}

.pricing-tables table.table-inner {
    padding: 0;
}

.pricing-tables table td {
    border-top: 1px dotted #ccc !important
}

.pricing-tables table td p {
    font-size: 30px;
    color: #7e7e7e;
    margin: 0;
}

.discount_voucher_part {
    background: var(--fixando-yellow);
    padding: 40px 10px;
    line-height: 1.5em;
    margin: 20px 0px;
}

.discount_voucher_part h4 {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 0;
}

.discount_voucher_part p {
    margin: 0;
    font-size: 17px;
}

.discount_voucher_part button {
    margin-top: 20px;
    background: var(--btn-white);
    border: none;
    padding: 7px 12px;
    border-radius: 5px;
    font-size: 17px;
    color: var(--btn-white-font);
    outline: 0;
}

.discount_voucher_part button:hover {
    background: var(--btn-dark);
    color: var(--btn-dark-font);
}

.payee_country_select {
    width: 80px;
    display: inline-block;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid var(--input-border-color);
    border-right: 0;
}

.payee_country_select + .taxid_input {
    width: calc(100% - 80px);
    display: inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.breadcrumbs,
.breadcrumbs a {
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}


.share_flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: wrap
}

.share .share_flex .breadcrumbs {
    margin: 0 auto;
}

.share .breadcrumbs {
    margin-top: 50px;
}

.share .breadcrumbs {
    color: var(--link-font);
    font-size: 14px;
    line-height: 16px;
}

.share .breadcrumbs a.navigationLink:hover {
    text-decoration: none !important
}

.share .breadcrumbs.bottom_navigation {
    width: 100% !important;
}

.share .breadcrumbs.bottom_navigation a {
    max-width: 40% !important;
    margin-bottom: 20px;
}

.share .share-page-releated-services-block {
    padding: 20px;
    margin-top: 50px;
}


/************************************
    BIG ROW BEFORE FOOTER
    FOOTER
*************************************/
#bottom {
    background-color: var(--medium-background);
    padding: var(--section-padding-top) 40px var(--section-padding-bottom) 40px;
}

.root-cats-links .root-cats-title,
.home_present_locations_block .locations-title,
.categories_group h2 {
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    padding-bottom: var(--headline-padding-bottom);
}

.categories_group h2 {
    color: #4e4d4d;
    margin-top: 30px
}


.dark_links {
    background: var(--dark-background);
    color: #FFF
}

.near_me .dark_links li.col {
    background: var(--btn);
}

.near_me .dark_links li.col:hover {
    background: var(--btn-light);
}

.dark_links a {
    color: var(--btn-dark-font);
}

.near_me .dark_links .col a {
    padding: 8px 10px;
    display: block;
    border-radius: 8px;
}


.near_me .infotext h2 {
    border-top: none;
    margin-top: 0;
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    text-align: left;
}

.root-categories .link,
.locationlinks a {
    font-size: 16px;
    color: #fff;
    padding: 0 24px;
}

.root-categories.flexx,
.locationlinks.flexx {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    max-width: 767px;
    margin: 0 auto;
}

.root-categories.flexx .fcol,
.locationlinks.flexx .fcol {
    align-self: auto;
    flex: 1 1 auto;
    line-height: 2;
    margin: 5px;
    height: 40px;
    border: 1px solid transparent;
    background: var(--badge-light-background);
    border-radius: var(--btn-radius-badge-big);
    box-shadow: var(--badge-light-shadow);
}

@media (hover: hover) {
    .dark_links a:hover,
    .near_me .dark_links .col a:hover,
    .root-categories.flexx .fcol:hover,
    .locationlinks.flexx .fcol:hover {
        cursor: pointer;
    }

    .dark_links a:hover,
    .near_me .dark_links .col a:hover,
    .root-categories.flexx .fcol:hover a,
    .locationlinks.flexx .fcol:hover a {
        text-decoration: underline;
        text-decoration-color: var(--linkline-color);
        cursor: pointer;
    }
}

@media (hover: hover) and (pointer: fine) {
    .fotos_container .edit_foto {
        display: block !important;
    }
}


.root-categories.flexx .fcol a,
.locationlinks.flexx .fcol a {
    text-decoration: none;
    color: var(--site-font-color);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home.categories .root-price-page-url {
    padding-left: var(--site-horizontal-padding);
    padding-right: var(--site-horizontal-padding);
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.home .price-pages-links-block {
    background-color: var(--section-background);
}

.home .price-pages-links-block,
.near_me .price-pages-links-block {
    padding: var(--section-padding-top) 40px var(--section-padding-bottom) 40px;
}

.home .price-pages-links-block .links-block-title {
    color: var(--btn-dark);
}

.home .newspapers-section .news-logo {
    width: 100px;
    display: inline-block;
    margin: 15px;
    opacity: 0.6;
}

.home .newspapers-section a:hover .news-logo {
    opacity: 1;
}

.home .newspapers-section .news-logo img {
    filter: var(--img-invert-filter);
}

.home .price-pages-links-block .links-block-title,
.near_me .price-pages-links-block .links-block-title,
.home .newspapers-section h4 {
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    padding-bottom: var(--headline-padding-bottom);
}

.home .newspapers-section {
    text-align: center;
    padding-left: var(--site-horizontal-padding);
    padding-right: var(--site-horizontal-padding);
}

.home .newspapers-section h4 {
    width: -webkit-fill-available;
}

.near_me_section {
    padding-left: var(--site-horizontal-padding);
    padding-right: var(--site-horizontal-padding);
}

.near_me_home_cats,
.near_me h2 {
    margin-top: var(--section-padding-top);
    font-size: var(--headline-font-size);
}

.near_me_home_cats,
.near_me h2:first-child {
    border: none
}

.near_me_links:not(.latest_requests) {
    padding: 40px 0;
}

.near_me .price-root-categories-links {
    padding: 40px 0;
}

.near_me_links:not(.latest_requests) ul li {
    text-align: left;
    padding: 0;
    background: var(--medium-background);
    margin: 1px;
    box-sizing: border-box;
    border-radius: var(--btn-radius);
}

.near_me_links:not(.latest_requests) ul li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 12px 14px;
    box-sizing: border-box;
}

.near_me_links:not(.latest_requests) ul li:hover {
    z-index: 1;
}

.near_me_links:not(.latest_requests) ul li:hover a:after,
.near_me_links:not(.latest_requests) ul li:hover a {
    color: var(--site-font-color-hover);
    border-color: transparent;
    text-decoration: underline;
    text-decoration-color: var(--link-decoration-color);
}

.near_me_links.latest_requests.quote_suggestrequest {
    background: none;
}

.near_me_links.latest_requests.quote_suggestrequest > .flex .col {
    border: 1px solid #ebe7e7;
    box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.1);
}

.near_me_links.latest_requests.quote_suggestrequest > h2 {
    font-size: 18px;
    color: #7c7878;
    padding-bottom: 5px;
    padding-top: 0;
}

.near_me_links.latest_requests.quote_suggestrequest ul.flex {
    justify-content: center;
}

.near_me_links.latest_requests > h2 {
    padding-bottom: 40px;
    padding-top: 20px;
    color: #d4d4d4
}

.near_me_links.latest_requests .project_view_head {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 28px;
    margin: 10px 0;
    font-family: inherit;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizelegibility;
}

.near_me_links.latest_requests > .flex .col {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    box-shadow: var(--box-shadow);
    break-inside: avoid;
    flex-grow: 1;
    border-radius: var(--radius-big);
    background: var(--box-background);
    border: none;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    flex-basis: 30%;
    max-width: 350px;
    margin-bottom: 10px;
    padding-right: 0;
}

.near_me_links.latest_requests > .flex .col + .col {
    margin-left: 20px;
}

.near_me_links.latest_requests .lr_date {
    padding-top: 10px;
    padding-left: 20px;
    font-size: var(--site-font-size-small);
    color: var(--light-font-color);
}

.near_me_links.latest_requests ul.flex li {
    position: relative;
}

.near_me_links.latest_requests .container-fluid {
    max-width: 1066px;
}

.latest_requests .container-fluid.flex {
    justify-content: center;
}

.near_me_links div.bottomLinks a {
    width: calc(100% - 80px);
    margin: 0 20px;
    position: absolute;
    display: block;
    bottom: 110px;
    border: 1px solid #008ff1;
    border-radius: 5px;
    padding: 8px;
    text-align: center;
}

.near_me_links.latest_requests ul {
    padding: 8px
}

.share .other-locations-section,
.near_me .other-locations-section {
    padding: var(--section-padding-top-small) 0 var(--section-padding-bottom-small) 0;
}

.share .other-locations-title,
.near_me .other-locations-title {
    padding-bottom: var(--title-padding-bottom);
}

.share .other-locations,
.near_me .other-locations {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: wrap;
}

.share .other-locations .other-location .link,
.near_me .other-locations .other-location .link {
    display: block;
    padding: 12px 35px 12px 20px;
    margin: 4px;
    position: relative;
    color: var(--site-font-color-hover);
    background: var(--medium-background);
    border-radius: var(--box-radius);
}

.share .other-locations .other-location,
.near_me .other-locations .other-location {
    flex-basis: 50%;
    align-self: stretch;
}

.more_services_text {
    padding-top: var(--headline-padding-bottom);
    font-size: var(--headline-font-size);
}

.popular_text {
    display: inline-block;
    color: var(--light-font-color);
}

#footer {
    min-height: 60px;
    padding: 15px;
    color: var(--section-font);
    font-size: 16px;
    padding-top: var(--section-padding-top);
    background: var(--footer-background);
}

.nav_footer .languages-selections-block .lang-code {
    display: none;
}

.nav_footer .languages-selections-block .language {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.nav_footer .languages-selections-block .language .country {
    margin-left: auto;
}

body:not(.active-footer) .invisible_footer {
    display: none !important;
}

.nav_footer {

    float: left;
    min-height: 150px;
    margin-left: 20px;
}

.nav_footer:first-child {
    margin-left: 0;
    margin-right: 40px;
    min-width: 150px;
}

.nav_footer li:first-child {
    box-sizing: border-box;
    height: 40px;
    color: var(--footer-font);
    font-weight: 500;
}

.nav_footer .footer-dropdown .list,
.nav_footer li a {
    display: block;
    width: 100%;
    padding: 3px 6px 3px 15px;
}

.nav_footer .sociallink {
    position: relative;
}

.nav_footer .sociallink span {
    font-size: var(--site-font-size-small);
    padding-left: 30px;
}

.nav_footer .sociallink img {
    width: 22px;
    position: absolute;
    margin-top: 0px;
}

.nav_footer .footer_title {
    margin-top: 8px;
    margin-left: 15px;
    color: var(--footer-light-font);
}

.nav_footer .icon,
.nav_footer .languages-selections-block,
#footer a,
.copyright a {
    color: var(--footer-link-font);
    text-decoration: none;

}

#footer a:hover,
#footer a:hover .icon,
.copyright a:hover {
    color: var(--footer-link-font-hover);
    border-color: var(--footer-border-hover);
}

#footer p {
    font-size: 11px;
}

.nav_footer #countries,
.nav_footer .languages {
    margin-top: 8px;
    border: 1px solid var(--footer-border);
    border-radius: var(--radius-default);
}

#footer_menu {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
}

body.active-account-menu,
body.active-footer {
    overflow: hidden;
}

body.active-footer #footer {
    display: block;
    padding-top: 70px;
    padding-bottom: 40px;
    position: fixed;
    width: 80%;
    right: auto;
    transform: translateX(-100%);
    top: 0;
    z-index: 100001;
    background: var(--footer-background);
    height: 100vh;
    box-sizing: border-box;
    padding-left: 30px;
    overflow-y: scroll;
    box-shadow: 0px 0px 30px 5px rgb(0 0 0 / 50%);
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease;
}

.account_dropdown
.credits_menu_item,
.show_on_small_footer {
    display: none;
}

.account_dropdown ul.drop_down {
    min-height: 20px;
}


body.active-account-menu .account_dropdown #close_account_menu,
body.active-footer #footer .show_on_small_footer .icon-menu {
    border-radius: 50%;
    font-size: 32px;
    position: absolute;
    left: 10px;
    top: 5px;
    padding: 10px;
    z-index: 1;
    color: var(--icons-darkgray);
}

body.active-footer #footer .show_on_small_footer .icon-menu {
    color: #FFF;
}

body.active-account-menu .account_dropdown #close_account_menu:before,
body.active-footer #footer .show_on_small_footer .icon-menu:before {
    content: '\e117';
}

body.active-account-menu .account_dropdown #close_account_menu:hover,
body.active-footer #footer .show_on_small_footer .icon-menu:hover {
    color: var(--btn-primary-hover);
    cursor: pointer;
    background: var(--btn-outlined-hover);
}


.copyright {
    padding: 30px var(--site-horizontal-padding) 100px var(--site-horizontal-padding);
    text-align: center;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    color: var(--light-font-color);
    background: var(--footer-background);
}

.copyright > p > span {
    display: inline-block;
    margin-right: 40px;
}

.footer_awards {
    display: inline-block;
}

.fixando {
    padding: 0px 4px 2px 5px;
    border-radius: 4px;
    display: inline-block;
}

.batch {
    padding: 1px 4px;
    color: #FFF !important;
    display: inline-block;
    border-radius: 1px;

    min-width: 60px;
    text-align: center;
}

.proicon,
.recentlyicon {
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    font-weight: bold;
    background: #777;
    border: 1px solid #777;
    color: #FFF;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0;
    height: 15px;
    width: 32px;
    text-align: center;
    line-height: 15px;
    position: relative;
    top: -2px;
}

.proicon.white {
    background: var(--site-background);
    border: 1px solid #FFF;
    color: var(--dark-font-color);
}

.proicon.big {
    font-size: 14px;
    height: 18px;
    width: 37px;
    line-height: 16px;
}

.recentlyicon {
    background: #019B01;
    border-color: #019B01;
}


/***********************************
 TYPE RELATED COLORS
***********************************/
.gender0,
.gender1 {
    background-color: #c874c4;
    padding: 0 2px;
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    text-align: center;
    min-width: 20px;
    box-sizing: border-box;
}

.gender1 {
    background-color: #6986c8;
    border-radius: 2px;
}


/***********************************
 ALERT / CONFIRM / PROMPT
 **********************************/
.background_animated {
    transition: all 0.2s linear;
}

#jalert_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center;
    z-index: 99998;
    will-change: opacity;
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    display: flex;
    transition: opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-end 80ms;
    backdrop-filter: blur(3px);
}

#jalert_container {
    min-width: 400px;
    max-width: 600px;
    background: var(--jalert-background);
    color: var(--site-font-color);
    border-radius: var(--radius-modal);
    box-shadow: var(--jalert-shadow);
    padding: 20px 24px;
    outline: 0;
    text-align: center;
    animation: zoomIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
    box-sizing: border-box;
}

#jalert_content {
    padding: 1em 1.4em;
    margin: 0em;
}

#jalert_content .alert {
    /*margin-top: -15px;*/
}

#jalert_content.confirm {
}

#jalert_content.prompt {
}

#jalert_message .alert-danger,
#jalert_message .alert-error,
#jalert_message {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
}

#jalert_panel {
    margin-top: 30px;
}

#jalert_prompt {
    margin: 20px 10px;
    width: calc(100% - 20px);
}

/* hacks */

#jalert_panel input,
#jalert_panel button {
    margin: 0px;
    width: auto;
    height: auto;
    min-width: 130px;
    outline: none;
}

#jalert_panel button + button {
    margin-left: 10px;
}

#jalert_title {
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    color: var(--title-font-color);
    line-height: var(--headline-line-height) !important;
    letter-spacing: normal !important;
    margin: 0;
    min-width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

#jalert_title:empty {
    display: none;
}

emoji {
    display: block;
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    text-decoration: none !important;
}

#jalert_message > emoji {
    margin-bottom: 24px
}

/***********************************
 PAGINATION
***********************************/
.pagination ul {
    margin: 20px 0;
}

.pagination ul > li {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pagination ul > li > a,
.pagination ul > li > span {
    display: inline-block;
    padding: 8px 12px;
    font-size: var(--site-font-size);
    vertical-align: middle;
    min-height: 36px;
    min-width: 42px;
    border-radius: var(--btn-radius);
    background: var(--medium-background);
    color: var(--site-font-color);
    box-sizing: border-box;
    text-align: center;
    width: 100%;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
    background: var(--site-background);
    color: var(--btn-bordered-font-hover);
}

.pagination ul > li.status {
    display: none;
    margin-right: 0;
    order: 1;
    flex: 1;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: var(--btn-bordered-font-hover);
    box-shadow: inset 0 0 0 2px var(--btn-bordered-font-hover);
    background: var(--site-background);
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    cursor: default;
}

.pagination ul > li > a > i {
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 10px;
}

.pagination ul > li.next {
    margin-left: 10px;
    margin-right: 0;
    order: 100;
}

.pagination ul > li.back {
    margin-right: 15px;
    order: 0;
}

.pagination ul > li.next a,
.pagination ul > li.back a {
    min-width: 84px;
}

.pagination ul > li.back a {
    padding-left: 32px;
}

.pagination ul > li.next a {
    padding-right: 32px;
}

.pagination ul > li.back > a > i {
    right: auto;
    left: 10px
}

.pagination ul > li > img.av {
    width: 36px;
    height: 36px;
}

.pagination ul > li.b2s {
    width: 70px;
    margin-right: 0;
}

.pagination ul > li.b2s a {
    display: inline-block;
}

.pagination ul > li.b2s > a > i {
    font-size: 24px;
    top: 6px;
    left: 0;
    right: 0
}

.near_me .pagination ul > li.back a,
.near_me .pagination ul > li.next a {
    width: 30px;
    min-width: 30px;
}

.profile_page .pagination ul > li.next a,
.profile_page .pagination ul > li.back a {
    display: inline;
}

/***********************************
 GENERAL STYLES
***********************************/
/* POPUP RELATED STYLES */
.pp {
    position: absolute;
    z-index: 9999;
    padding: 2px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
    border-top-left-radius: 0;
    background: var(--popup-background);
    color: var(--site-font-color);
}

.arrow:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #8B949D;
    border-width: 12px;
    left: 50%;
    margin-left: -12px;
}

.pph {
    background: #e7aa0c;
    color: #FFF;
    padding: 8px 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);
}

.pph.arrow:after {
    border-top-color: #e7aa0c;
}

.arrow.top:after {
    top: -24px;
    bottom: 100%;
    border-bottom-color: #8B949D;
    border-top-color: transparent;
}

.popup_mode body,
.overflow_mode body {
    overflow: hidden;
    margin-right: 17px;
    -webkit-overflow-scrolling: unset;
}

.popup_mode .container,
.overflow_mode .container {
    padding-right: 17px;
}


.popup_mode #closed_info {
    padding: 20px;
    text-align: center;
}

.chat_msg_image {
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--btn-radius);
}

ul.request_messages li .chat_message .main_message.img_msg {
    position: relative;
    text-align: center;
    max-width: 100%;
    max-height: inherit;
    width: auto;
    height: auto;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    padding: 6px;
    padding-bottom: 20px;
}

.bid_decision {
    padding: 15px 5px;
    border: 2px solid #ccc;
    box-shadow: 0px 0px 8px #ccc;
    text-align: center;
    margin: 10px auto;
    border-radius: 4px;
    margin: 20px auto;
    width: 80%;
}

.bid_decision p {
    font-weight: 600;
    font-size: 16px;
    color: #4e4d4d;
    margin-bottom: 15px;
}

#requestForm .attachment_container {
    /*padding: 0px 20px;*/
    text-align: left;
}

#qid_attachments .answers {
    padding-left: 48px !important;
}

.category #requestForm .attachment_container {
    display: table;
    width: 93%;
    margin-bottom: 10px;
}

.create #createform .attachment_wrapper {
    width: 48% !important;
    margin-right: 2% !important;
}

#requestForm .attachment_wrapper .left {
    width: 80%;
    padding-left: 10px;
    max-width: inherit;
}

#requestForm .attachment_wrapper.span6 {
    background-color: var(--light-background);
    padding: 3px 0px;
    width: 100%;
    border-radius: var(--radius-input);
}

#requestForm .attachment_wrapper i.icon.icon-trash {
    color: var(--icons-darkgray);
    padding: 10px 8px;
    border-radius: 50%;
    font-size: 26px
}

#requestForm .attachment_wrapper i.icon.icon-trash:hover {
    background: var(--btn-red);
    color: var(--btn-red-font);
}

.proj_status {
    color: var(--btn-red-font);
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
    display: inline-block;
    padding-left: 15px;
    display: flex;
    align-items: center;
}

.proj_status i {
    padding-right: 3px;
    margin-left: -15px;
}

.calendar_view .cal_head {
    color: var(--light-font-color);
    font-weight: bold;
}

#calendar-pop-up-request {
    min-height: 100px;
    position: relative;
}

.calendarpopup_request {
    max-width: 700px !important;
    width: 700px;
    top: 150px;
    left: 410px;
    position: absolute !important;
    z-index: 100001;
    background: var(--popup-background);
}

.calendarpopup_request > .calendar-body {
    padding: 50px;
}

#calendarpopup > .calendar-body > ul > li {
    font-size: 18px;
    padding: 9px 2px;
    cursor: pointer;
}

#calendarpopup > .calendar-body > ul > li:hover {
    background-color: #0596ff;
    border-radius: 4px;
    color: #fff;
}

.calendar-request-color {
    background-color: var(--calendar-request-color) !important;
    border-color: var(--calendar-request-color) !important;
}

.calendar-events-color {
    background-color: var(--calendar-events-color) !important;
    border-color: var(--calendar-events-color) !important;
}

.calendar-hired-color {
    background-color: var(--calendar-hired-color) !important;
    border-color: var(--calendar-hired-color) !important;
}

#calendarpopup > .calendar-body > h4 {
    font-weight: bold;
}

table.calendar {
    width: 150px;
}

td.calendar-day-np {
    background: var(--medium-background);
}

td.calendar-day-head {
    text-shadow: none;
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    background: var(--popup-background);
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    font-weight: 500;
}

div.day-number {
    text-align: center;
}

/* shared */
td.calendar-day, td.calendar-day-np {
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    font-size: 14px;
    background: var(--light-background);
}

.sitemap .calendar_part {
    margin: 20px 0px;
    text-align: center;
}

.sitemap .calendar_part h1,
.sitemap .sitemap_req_part h1 {
    font-size: 24px;
}

td.calendar-day {
    background: var(--medium-background);
}

.sitemap .calendar_view {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 20px;
}

.stop-request-container {
    position: absolute;
    top: 0px;
    background: var(--light-background);
    width: 100%;
    z-index: 10;
    height: 100%;
    overflow-y: auto;
}

.stop-request-container .stop-request .stop-request-form {
    display: flex;
    flex-direction: column;
    align-content: space-around;
    padding-bottom: 20px;
}

.stop-reasons label {
    display: flex;
    padding: 10px 0;
    flex-wrap: nowrap;
}

.stop-reasons label span {
    width: 100%;
    padding-left: 36px;
}

.stop-reasons .stop-reason + .reason:before {
    margin-left: -23px;
    left: -13px;
    margin-right: 0;
}

.close-started-request:hover,
.stop-reasons label:hover,
.stop-reasons .stop-reason:checked + .reason,
.decline-reasons label:hover,
.decline-reasons .decline-reason:checked + .reason {
    color: var(--link-font-selected);
}

.close-started-request:hover {
    transform: rotate(-180deg);
}

.stop-request-container .stop-request {
    width: 480px;
    position: relative;
    padding: 50px 0;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.stop-message .ask-reason {
    padding-top: 20px;
    padding-bottom: var(--title-padding-bottom);
}

.stop-request .stop-reasons {
    width: calc(100% - 40px);
    padding-bottom: 10px;
}

.flag-reason-form-field,
.decline-reason-form-field,
.stop-reason-group {
    background: var(--input-background);
    box-sizing: border-box;
    border-color: var(--input-border-color);
    border-radius: var(--radius-input);
    padding: 0 14px;
    padding-left: 20px;
    font-size: 16px;
    color: var(--input-color);
    width: calc(100% - 15px);
    min-width: auto;
    height: 40px;
    margin-left: -5px;
}

.stop-request-container .flag,
.close-started-request {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
    color: var(--icons-gray-transparent);
    margin: 0;
    width: 40px;
    height: 40px;
    padding: 5px 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--icon-transition);
}

.js-email-stopped-request {
    margin-left: 0;
}

.stop-request .submit-reason .btn {
    width: 100%;
}

.online_status {
    display: inline-block;
    font-size: 11px;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
}

.online_status:before {
    content: '\e90c';
    font-family: "fixando";
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    /* position: absolute; */
    margin-top: -8px;
}

.user_img .online_status:before {
    margin-top: 0;
}


.profile_page .online_status.offline {
    display: none;
}

.online_now {
    color: #22d717;
}

.online_last_day {
    color: #7bab00;
}

.add_private textarea {
    padding: 6px 14px;
    width: 50%;
    margin-right: 10px;
    min-height: 100px
}


.add_private .icon-plus {
    margin-right: 2px;
    -webkit-text-stroke: 2px white;
    text-stroke: 2px white;
    font-size: 18px;
}

.add_private {
    margin-top: 10px;
}

.cert_included {
    background: var(--fixando-yellow);
    padding: 6px 8px;
    color: #fff;
    font-size: 12px;
    border-radius: var(--radius-default);
    width: 140px;
    text-align: center;
    margin-top: 2px;
    line-height: 14px;
}

.certi_pros .icon-certificate {
    font-size: 135px;
    color: var(--dark-font-color);
}

.pro_certificate {
    clear: both;
}

.certi_flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.certi_pros {
    padding: 0px 10px;
    margin: 10px;
    text-align: center;
    width: 158px;
    height: 178px;
    word-break: break-word;
}

.certificate_container em {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}

p.upload_work_text {
    margin: 10px 5px;
}

p.upload_portfolio_text {
    font-size: var(--site-font-size-small);
    margin: 10px 5px 10px 5px;
}


body.register .register-title {
    text-align: center;
}

body.register #customGoogleBtn {
    padding: 0px;
}


#customGoogleBtn {
    background: var(--btn-google-background);
    color: var(--btn-google-color);
    border: var(--input-border-width) solid var(--input-border-color);
}

#customGoogleBtn:hover {
    color: var(--btn-google-color-hover)
}

.terms_cond_user {
    width: 600px;
    padding: 10px 0px 0px 0px;
    margin-top: 10px;
}

.terms_cond_user label {
    margin-bottom: 16px !important;
    position: relative;
    padding-left: 36px;
}

.terms_cond_user input[type="checkbox"] + span:before {
    position: absolute;
    left: 0;
    top: 0;
}

.terms_cond_user input[type="checkbox"]:not(:checked) + span.error:before {
    color: #ff4846;
}

span.googlelabicon {
    background: var(--google-login-icon-url) transparent 5px 50% no-repeat;
    background-position: center;
    background-size: cover;
    width: 36px;
    height: 36px;
    margin-left: 5px;
    margin-right: 10px
}

.header_section .social-verified .social-logos {
    width: 16px;
    height: 16px;
}

.header_section .social-verified {
    display: inline;
    vertical-align: text-bottom;
}

.send_reset_link,
.change-password,
.delete-profile,
.delete-account,
.disable-account {
    color: var(--link-font-hover);
}

#credits-history .rTable {
    background: var(--box-background);
    width: 100%;
    box-sizing: border-box;
}

.multimedia_pop_content.start_wrapper {
    margin-top: 0px;
}


.ribbonnew {
    position: absolute;
    display: block;
    top: -6px;
    left: -7px;
    width: 60px;
    height: 72px;
    overflow: visible;
}

.ribbonnew .ribbonnewreq {
    position: relative;
    display: block;
    left: -19px;
    top: 11px;
    width: 81px;
    padding: 0px;
    font-size: 10px;
    text-align: center;
    color: #fff;
    background-color: var(--fixando-yellow);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    transform: rotate(-45deg) translate3d(0, 0, 0);
}

.ribbonnewreq:before, .ribbonnewreq:after {
    content: '';
    position: absolute;
    bottom: -4px;
    border-top: 4px solid #000000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.ribbonnewreq:before {
    left: 0;
}

.ribbonnewreq:after {
    right: 0;
}

.ribbontab {
    top: -6px;
    left: 5px;
    width: 100%;
}

.ribbontab .ribbonnewtab {
    right: -12px;
    top: 2px;
    width: 50px;
    z-index: 1999;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    left: auto;
    position: absolute;
}

.read_request {
    padding: 7px 15px;
    margin-top: 10px;
}

.popup_mode .req_social {
    padding: 0px;
}

.req_social {
    text-align: center;
    background: var(--site-background);
    border-radius: 4px;
    padding: 10px 0px;
}

.req_social h4 {
    margin: 10px 0px;
    font-size: 22px;
}

.social_request .or {
    margin: 10px 0px;
    font-size: 24px;
    color: var(--light-font-color);
    text-align: center;
}


.social_request {
    display: none;
}


.profile-menu-submenus .drop_down .dropdown-item[data-toggle-status="active"],
.profile-menu-submenus .drop_down .dropdown-item:hover {
    background-color: var(--site-background);
    color: var(--site-font-color);
}

#credit_details {
    float: right;
    vertical-align: middle;
    position: absolute;
    right: 0;
    display: inline-block;
    text-align: right;
    margin: 0;
}

#until_time {
    margin-bottom: 15px;
}

.answers label[for=until_date] {
    border-top: none;
    padding: 0;
}

.quote_back {
    display: none;
}

.suggested_user_cats {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.info_page .suggested_user_cats {
    padding: 20px 60px 0;
}

.latest_requests.section {
    background: var(--section-background);
}

.near_me .town_page .title {
    padding-top: var(--headline-padding-bottom);

    text-transform: capitalize;
}

.near_me h2.town_page_title {
    border-top: none;
    margin: 0;
    padding-bottom: var(--headline-padding-bottom);
}

.cat-near-title {
    padding-bottom: var(--title-padding-bottom);

}

.near_me h2 a {
    color: var(--link-font-selected);
}

.near_me .town_page .flex div {
    /*width: calc(50% - 20px);*/
    text-align: left;
}

.near_me .town_div li {
    text-align: left;
    padding: 10px;
    flex-basis: calc(33.33% - 25px);
}

.near_me_title {
    padding: 0 var(--site-horizontal-padding) 0 var(--site-horizontal-padding)
}

.near_me_title_cat_top {
    padding-bottom: var(--section-padding-bottom)
}

.info_page .slickSlider_a {
    max-width: 200px;
}

.info_page .slick-initialized .slick-slide {
    margin-right: 20px;
}

.info_page .suggested_user_cats .slick-list {
    height: auto;
}

.profile_page .profile_images .slick-list {
    padding-left: 0px;
}

.info_page .slickSlider_a img {
    width: 200px;
    height: auto;
}

.info_page .slickSlider_a figcaption {
    padding: 10px;
}


#profile_page_container .profile_images.slickSlider {
    width: 100%;
    margin: 0;
}

.skills-wrapper .skills .skill {
    margin: 5px;
}

.social-shares-block {
    display: flex;
    color: var(--badge-color-bordered);
    background: var(--light-background);
    border-radius: var(--radius-notifications);
    padding: 20px;
    column-gap: 10px;
    justify-content: center;
}

.social-shares-list {
    display: flex;
    column-gap: 20px;
    row-gap: 15px;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.social-shares-list .partner {
    display: flex;
    border: 2px solid var(--badge-color-bordered);
    padding: 9px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.social-shares-list .partner .icon:before {
    font-size: 25px;
}

.social-shares-list .partner:hover {
    color: var(--fixando-yellow);
    border-color: var(--fixando-yellow);
    background: var(--box-background);
}

.social-registration-failed {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}


/* hack for webkit browsers
   because of the different scrollbar width */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .popup_mode body,
    .overflow_mode body {
        margin-right: 15px;
    }

    .popup_mode .container,
    .overflow_mode .container {
        padding-right: 15px;
    }
}

.popup_background {
    display: none;
    position: fixed;
    height: 100%;
    width: calc(100% + 16px);
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background: #000;
    opacity: 0.8;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.popup_content {
    display: none;
    position: absolute !important;
    z-index: 100001;
    background: var(--popup-background);
    border-radius: var(--radius-modal);
    background: var(--popup-background);
}

.popup_content.loader:empty {
    min-height: 200px;
}

.popup_content.loader:before {
    display: none;
}

.popup_content:empty.loader:before,
.popup_content.showLoader.loader:before {
    display: block;
}

.popup_content.shadow {
    box-shadow: var(--popup-shadow);
}

.attachPopup .popup_content {
    display: grid;
}

.popup_close,
#popup_close {
    position: absolute;
    right: 12px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
    color: var(--site-font-color);
    z-index: 1;
    border-radius: 50%;
    background: var(--popup-icon-close-background);
    backdrop-filter: blur(7px);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--icon-transition-all);
}

#popup_close:hover,
.zoom_hover:hover,
.report-container .close-popup:hover {
    color: var(--link-font-hover);
    transform: rotate(180deg);
}

.rounded_s {
    border-radius: var(--btn-radius);
}

.rounded {
    border-radius: var(--btn-radius);
}

.popup_content.rounded {
    overflow: hidden;
    border-radius: var(--radius-wide);
}

.shadow {
    box-shadow: 0px 1px 3px #CCC;
}


.shadow_wide {
    box-shadow: 0 0 50px #333333;
}


.shadow_inset {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.51);
}

.t1 {
    top: 1px
}

.m0 {
    margin: 0 !important
}

.m5 {
    margin: 5px
}

.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m25 {
    margin: 25px
}

.mt0 {
    margin-top: 0
}

.mt1 {
    margin-top: 1px
}

.mt3 {
    margin-top: 3px
}

.mt5 {
    margin-top: 5px
}

.mt7 {
    margin-top: 7px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt50 {
    margin-top: 50px
}

.mb0 {
    margin-bottom: 0
}

.mb3 {
    margin-bottom: 3px
}

.mb5 {
    margin-bottom: 5px
}

.mb8 {
    margin-bottom: 8px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb40 {
    margin-bottom: 40px
}

.mb60 {
    margin-bottom: 60px
}

.ml0 {
    margin-left: 0
}

.ml3 {
    margin-left: 3px
}

.ml5 {
    margin-left: 5px
}

.ml7 {
    margin-left: 7px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.mr0 {
    margin-right: 0
}

.mr3 {
    margin-right: 3px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.p0 {
    padding: 0
}

.p2 {
    padding: 2px
}

.p3 {
    padding: 3px
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pt3 {
    padding-top: 3px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px
}

.pt40 {
    padding-top: 40px
}

.pl10 {
    padding-left: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.pr0 {
    padding-right: 0;
}

.pr10 {
    padding-right: 10px;
}

.p0_3 {
    padding: 0 3px
}

.p0_5 {
    padding: 0 5px
}

.p1_3 {
    padding: 1px 3px
}

.p1_5 {
    padding: 1px 5px
}

.p2_8 {
    padding: 2px 8px
}

.p3_6 {
    padding: 3px 6px
}

.tal {
    text-align: left
}

.tar {
    text-align: right !important
}

.tac {
    text-align: center !important
}

.tawc {
    text-align: -webkit-center !important;
}

.vat {
    vertical-align: top
}

.vam {
    vertical-align: middle
}

.vami {
    vertical-align: middle !important
}

.right {
    float: right
}

.left {
    float: left
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.clb {
    clear: both
}

.nts {
    text-shadow: none
}

.b {
    font-weight: 500;
}

.nob {
    font-weight: normal;
}

.border {
    border: 1px solid red;
}

.nb {
    border: none !important;
}

.nbck {
    background: none !important;
}

.normal {
    font-style: normal;
}

.sss,
.ss {
    font-size: var(--site-font-size-mini);
    line-height: var(--site-line-height-mini);
}

.s {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
}

.smed {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height-medium);
}

.med {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
}

.icon.med {
    position: relative;
    top: 2px
}

.bigger {
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
}

.icon.bigger {
    position: relative;
    top: 1px
}

.large {
    font-size: 23px;
}

.icon.large {
    position: relative;
    top: 3px
}

.big {
    font-size: 26px;
}

.nowrap {
    white-space: nowrap;
}

.lowercase {
    text-transform: lowercase;
}

.no_radius {
    border-radius: 0 !important;
}

.no_lradius {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.no_rradius {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.no_bradius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.no_bright {
    border-right-color: transparent
}

.no_bleft {
    border-left-color: transparent
}

.top0 {
    top: 0 !important
}

.hidden,
.hide {
    display: none;
}

.hiddeni,
.hidei {
    display: none !important;
}

.hide_btn {
    display: none !important;
}

.show {
    display: block !important;
}

.op0 {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
}

.op7 {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.op5 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.op3 {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.clip {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.icon.pa,
.pa {
    position: absolute;
}

.pr {
    position: relative;
}

.r0 {
    right: 0;
}

.poin {
    pointer-events: none !important;
}

.pointer {
    cursor: pointer;
}

.pointeri {
    cursor: pointer !important;
}

.dgrid {
    display: grid;
}

.z100 {
    z-index: 100;
}

.noheight {
    min-height: 0px !important;
    height: 0px !important;
}

.heighti {
    min-height: inherit !important;
    height: inherit !important;
}

.height10 {
    height: 10px;
}

.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.max_width50 {
    max-width: 50px;
}

.max_width100 {
    max-width: 100px;
}

.max_width150 {
    max-width: 150px;
}

.max_width200 {
    max-width: 200px;
}

.max_height_40 {
    max-height: 40px;
}

.img_opa img,
.img_opa,
a.opa i {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.img_opa:hover img,
.img_opa:hover,
a.opa:hover i {
    filter: alpha(opacity=100);
    opacity: 1;
}

.g {
    color: var(--light-font-color);
}

.lg {
    color: #c4c4c4;
}

.dg {
    color: #555;
}

.wbck {
    background: var(--site-background);
}

.img-circle {
    border-radius: 50%;
}

.clearfix {
}

.clearfix:before,
.clearfix:after,
.nav-tabs:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after,
.nav-tabs:after {
    clear: both;
}

.center-elements {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hl {
    background: var(--notice-background);
}

.gback {
    background: var(--medium-background);
}

.dgback {
    background: var(--section-background);
}

.dback {
    background: var(--dark-background);
    color: #fff
}


.purple {
    color: var(--fixando-yellow);
}

.red {
    color: var(--error-color)
}

.blue {
    color: var(--link-font)
}

.blue-soft {
    color: var(--btn-primary);
}

.orange {
    color: var(--fixando-yellow);
}

.black {
    color: var(--site-font-color);
}

.white {
    color: #FFF;
}

.transparent {
    opacity: 0
}

.gbackGradient {
    background: var(--light-background);
}


hr.section-divider {
    height: 0px;
    border: none;
    margin: 0 auto;
}

hr.section-divider:after {
    position: absolute;
    content: '';
    background: var(--icons-gray);
    margin: 0 auto;
    height: 1px;
    left: 40px;
    right: 40px;
    max-width: 840px;
}

label.nob {
    font-weight: normal;
}

.loggedin .icon-color-mode {
    right: 0px !important;
}

.requestPopupBackground {
    background: rgba(0, 0, 0, 0.7) !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    z-index: 100001;
    backdrop-filter: blur(10px);
    transition: opacity .32s cubic-bezier(.4, 0, .6, 1) 80ms, visibility .32s step-end 80ms;
}

body .requestFormPopup.requestFormPopup .requestPopup {
    border-radius: var(--radius-modal);
}

body .requestActive #requestHeader {
    background-position-x: 20px;
}

body.popup-scoped .requestPopup #popup_close {
    right: 10px;
}

body.popup-scoped .requestPopup #errormessage,
body.popup-scoped .requestPopup #errormessage_preferred {
    width: calc(100% - 20px);
    margin-left: 10px;
}

.requestPopupBackground.close::before {
    position: fixed;
    top: 10px;
    right: 15px;
    content: '\00d7';
    cursor: pointer;
    font-size: 44px;
    font-weight: 100;
    font-family: Times New Roman;
    color: #999;
}

.inPopup #popup_close:before,
.requestPopup #popup_close:before,
.popup_content .icon-remove:before {
    content: '\e117';
    position: relative;
    font-family: Fixando;
}

.inPopup #popup_close:hover,
.requestPopup #popup_close:hover {
    color: var(--link-font-hover);
    transform: rotate(180deg) scale(1);
}

.requestPopup #popup_close {
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: var(--icons-gray);
    z-index: 1;
    background: transparent;
    transform: scale(.9);
    transition: var(--icon-transition);
}

.inPopup #popup_close {
    position: fixed;
}

.askReviewsForm #popup_close {
    color: #FFF;
    opacity: 0.5;
    top: 5px;
    right: 15px;
    font-size: 30px;
    width: 30px;
    height: 30px;
}

.askReviewsForm #popup_close {
    color: #000;
}

.requestPopup {
    max-width: 590px;
    background: var(--popup-background);
    box-shadow: var(--popup-shadow);
    -webkit-transition: top 0.2s, bottom 0.2s;
    transition: top 0.2s, bottom 0.2s;
}

.requestPopup #search_service,
.requestPopup #search_zip {
    border: 1px solid var(--input-border-color);
    background: var(--popup-background);
    padding-left: 20px;
    border-radius: var(--btn-radius-search);
}

.requestPopup #search_service:focus,
.requestPopup #search_service:active,
.requestPopup #search_service:hover {
    border-color: var(--input-border-color-hover);
    box-shadow: inset 0px 0px 0px 1px var(--input-border-color-hover);
}

.requestPopup .question_card {
    display: none;
    border: none;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.question_card .additional-info-box {
    margin-top: 15px;
    align-items: flex-start;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    color: var(--light-font-color);
}

.question_card .additional-info-box .additional-into-title {
    font-weight: 600;
}

.requestPopup .question_card.animated {
    -webkit-animation: fadeInRight .35s;
    animation: fadeInRight .35s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.requestPopup .question_title {
    background: var(--popup-background);
}

.requestPopup .question_title .question_hint,
.requestPopup .question_title .optional {
    color: var(--light-font-color);
    margin: 0;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
}

.requestPopup .question_text p.question_hint,
.requestPopup .question_text p.optional {
    margin: 20px 0 10px 0;
    font-size: var(--site-font-size);
    font-weight: 400;
    line-height: initial;
}

.requestPopup #back,
.book-now-container .js-previous,
.requestPopup #selected_cat_back {
    color: var(--site-color);
    font-size: 18px;
    position: relative;
    left: 25px;
    top: 0px;
    text-align: right;
    cursor: pointer;
    transition: transform 0.1s;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
}

.requestPopup #back::after,
.book-now-container .js-previous::after,
.requestPopup #selected_cat_back::after {
    position: absolute;
    content: '\e94b';
    font-family: fixando;
    left: -20px;
    font-size: var(--title-font-size);
    opacity: 0.75;
    top: 4px;
    transition: transform 0.15s ease-in-out;
}

.requestPopup #back:hover {
    opacity: 1;
    color: var(--site-font-color-hover);
}

.requestPopup #back:hover::after {
    transform: translateX(-2px) scaleX(1.05);
}

.opening #back {
    color: #FFF;
    margin-bottom: 0;
    top: -10px;
}

.requestPopup .answers label[for="receive_quotes_email"],
.requestPopup .answers label[for="scheduling_date"] {
    border-bottom: none
}

.requestPopup .answers label[for="traveltype_toprovider"] {
    border-top: 1px solid transparent;
}


.requestPopup #submitForm {
    /*
    position: fixed;
    bottom: 140px;
    z-index: 1;
     */
    margin-bottom: 30px;
}

.js-detect-user-location {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-bottom: 10px;
    gap: 5px;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    margin-left: 20px;
}

.account .Zebra_DatePicker,
.pro-level-certificates .Zebra_DatePicker,
.popup_mode .Zebra_DatePicker {
    z-index: 100000000000
}

#suggestions_show_more {
    padding: 20px 55px;
}

h4.fulfrm_tile {
    text-align: center;
    font-size: 30px;
    margin: 33px 0px;
    color: #000000;
    line-height: 1.5;
}

.xdsoft_datetimepicker.xdsoft_noselect {
    z-index: 100000000000;
}

.hide_user_details #qid_receive_quotes,
.hide_user_details #qid_full_name .question_title,
.hide_user_details #qid_full_name .answers div,
.hide_user_details .fulfrm_tile {
    display: none;
}

.display_user_details .maincat_navigation_wrapper,
.display_user_details .hero,
.display_user_details #footer,
.display_user_details #qid_receive_quotes .question_title,
.display_user_details .span5.questionsSideInfo,
.display_user_details .spacearound,
.display_user_details #requestForm > div {
    display: none;
}

.display_user_details div#qid_full_name,
.display_user_details div#qid_receive_quotes,
.display_user_details .fulfrm_tile {
    display: block;
}

.hidemail_name div#qid_receive_quotes,
.hidemail_name #fullname,
.hidemail_name .web_push_notifications_div,
.hidemail_name #qid_full_name .question_title,
.hidemail_name .back_button,
.hidemail_name .request_form_terms,
.hidemail_name #requestFooter #back {
    display: none !important;
}

.accepted_check label[for=accept_news] {
    margin-top: 5px !important;
}

body.hidemail_name #pppcrequestForm #requestFormContainer {
    overflow: hidden;
}

.phone_tooltip {
    visibility: hidden;
    background-color: #287528;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 2px 5px;
    position: absolute;
    margin-left: 20px;
    margin-top: -4px;
    z-index: 1;
}

.phone_tooltip:before {
    left: -4px;
    content: '\e617';
    font-family: Fixando;
    color: #287528;
    position: absolute;
    z-index: 1;
    margin-top: 1px;
}

.bid_page_phone .whatsapp_button {
    margin-left: 10px;
}

.request_details .whatsapp_button {
    background: var(--whatsapp-background);
    border: 1px solid var(--whatsapp-background);
    color: var(--whatsapp-color);
}

.request_details .whatsapp_button,
.request_details .phone-button {
    margin: 0 5px;
}

.call-button,
.whatsapp_button,
.phone-button {
    background-color: var(--btn-primary);
    display: inline-table;
    font-size: 15px;
    position: relative;
    padding: 6px 10px;
    text-align: center;
    vertical-align: middle;
    color: var(--full-font-color);
    height: 15px;
    border-radius: var(--btn-radius-full);
    border: 1px solid var(--btn-primary);
    cursor: pointer;
    min-width: 140px;
}

.call-button .icon-phone,
.whatsapp_button .icon-whatsapp,
.phone-button .icon-phone {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.face_verified {
    color: #3b5998;
    font-size: var(--site-font-size-small);
    position: relative;
    margin-right: 10px;
    border: 1px solid #3b5998;
    border-radius: 50%;
    padding: 0px 4px 6px 3px;
    text-align: center;
    vertical-align: middle;
    width: 15px;
    display: inline-block;
    height: 15px;
}

.goog_verified {
    color: #dc4e41;
    font-size: var(--site-font-size-small);
    position: relative;
    margin-right: 10px;
    border: 1px solid #dc4e41;
    border-radius: 50%;
    padding: 0px 4px 6px 3px;
    text-align: center;
    vertical-align: middle;
    width: 15px;
    display: inline-block;
    height: 15px;
}

.phn_display span.tool_tip_phn {
    left: -30px;
}

.phn_verified .icon,
.face_verified .icon,
.goog_verified .icon,
.phn_available .icon,
.phn_display .icon {
    vertical-align: middle;
    margin-left: 0 !important;
}

.phone .dis_number {
    margin-right: 10px;
    margin-left: -5px;
}

.phone-verified:after {
    content: "\e60e";
    font-family: Fixando;
    font-size: 20px;
    color: var(--phone-verified-background);
    position: absolute;
    height: 16px;
    background: var(--phone-verified-color);
    border-radius: 100%;
    top: 9px;
    right: 10px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.phone span.tool_tip_phn,
.phone span.tool_tip_face,
.phone span.tool_tip_goog {
    position: absolute;
    display: none;
    margin-top: -55px;
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    z-index: 2;
    font-size: 12px;
}

.pro_chat .phone,
.pro_quote .phone {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 15px;
    flex-flow: wrap;
    align-items: center;
    row-gap: 10px;
}

.phone span.tool_tip_phn {
    margin-top: -50px !important;
}

.phone .phn_verified span.tool_tip_phn {
    margin-top: -52px !important;
    left: -74px;
}

span.tool_tip_phn {
    background: var(--link-font);
    width: max-content;
    left: -90px;
    z-index: 2;
}

span.tool_tip_phn:after {
    color: var(--link-font);

}

span.tool_tip_face {
    background: #3b5998;
    width: 200px;
    bottom: 30px;
    left: -100px;
}

span.tool_tip_face:after {
    color: #3b5998;
}

span.tool_tip_goog {
    background: #dc4e41;
    width: 200px;
    bottom: 30px;
    left: -100px;
}

span.tool_tip_goog:after {
    color: #dc4e41;
}

.phone span.tool_tip_phn:after,
.phone span.tool_tip_face:after,
.phone span.tool_tip_goog:after {
    content: "\e615";
    font-family: Fixando;
    bottom: -12px;
    left: 50%;
    font-size: 15px;
    position: absolute;
}

.phn_stat,
.face_stat,
.goog_stat {
    position: relative;
    margin: 0;
}

.phn_stat:hover .tool_tip_phn,
.phn_stat:active .tool_tip_phn {
    display: block;
}

.face_stat:hover .tool_tip_face,
.face_stat:active .tool_tip_face {
    display: block;
}

.goog_stat:hover .tool_tip_goog,
.goog_stat:active .tool_tip_goog {
    display: block;
}

.online_now .online_tooltip {
    background: #22d717;
    width: 50px;
}

.online_now .online_tooltip:before {
    color: #22d717;
}

.online_tooltip {
    position: absolute;
    display: none;
    color: #fff;
    background: #7bab00;
    padding: 2px 5px;
    border-radius: 5px;
    left: 20px;
    top: 1px;
    text-align: center;
    width: 125px;
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
    z-index: 2;
}

.online_tooltip:before {
    content: "\e617";
    font-family: Fixando;
    color: #7bab00;
    top: 3px;
    left: -4px;
    position: absolute;
    font-size: 15px;
}

.online_status:hover .online_tooltip,
.online_status:active .online_tooltip {
    display: block;
}

.info_page .lead .online_status {
    left: 60%;
    position: absolute;
    bottom: 0px;
}

.profile_page .online_status:before {
    display: none
}


.bid_page .messages_section .online_status {
    left: 58%;
    position: absolute;
    bottom: 4px;
}

.bid_page .messages_section .online_status:before {
    font-size: 18px;
}

.bid_page .about_pro_section .online_status {
    left: 54%;
    position: absolute;
    bottom: 4px;
}

.bid_page .pro_mobile_cntnt .online_status {
    left: 54%;
    position: absolute;
    bottom: 10px;
}

.profile_page .online_status:before {
    font-size: 32px;
}

.profile_page .avatar_img_pro {
    position: relative;
    width: 230px;
    margin: 0 auto;
}

.profile_page .badge-link {
    width: 40px;
    height: 40px;
}

/*.user_quote_details .badge-link {
    width: 55px;
}*/

.user_quote_details .quoted-pro-details .pro-rating-details .pro-badge {
    margin-bottom: 3px;
}

.profile_page .average_rating .stars {
    margin-right: 10px;
    white-space: nowrap;
}

.profile_page .review-content {
    font-size: 16px;
    color: var(--light-font-color);
    margin-left: 10px
}

.about-attribute-section .profile-subtitle,
.profile_page .profile-about-questions {
    font-size: var(--title-font-size) !important;
    line-height: var(--title-line-height) !important;
    font-weight: var(--title-font-weight);
    letter-spacing: var(--title-letter-spacing);
    padding-bottom: var(--title-padding-bottom-small);
}

.hire_close_links {
    margin-top: 10px;
}

.hire_close_links div a {
    width: auto;
    min-width: 200px;
}

.hire_close_links div {
    margin-bottom: 10px;
    text-align: center;
}

.pro_quote .online_status,
.pro_chat .online_status {
    position: absolute;
    bottom: -10px;
    margin-left: -15px;
    z-index: 2;
}

.request_details .user_img {
    position: relative;
}

.info_page .lead .online_status.online_last_day:before {
    background: #ffae14;
}

.info_page .lead .online_status.online_now:before {
    background: #22d717;
}

.info_page .lead .online_status:before {
    font-size: 0px;
    border: 2px solid #ffffff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.profiles_list_wrapper .online_tooltip,
.profile_page .online_tooltip {
    left: 0px;
    display: block;
    border-radius: 10px;
    width: fit-content;
    padding: 2px 15px;
    margin-left: -5px;
    position: relative;
    top: -10px;
}

.profile_page .online_tooltip:before {
    display: none
}

.aftr_quote {
    margin: 0 10px 5px;
    font-size: 12px;
    text-align: center;
}

.aftr_quote .icon {
    margin-right: 3px;
    font-size: 11px;
    color: #827878;
}

.YouTubePopUp-Wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 9999999999999;
}

.YouTubePopUp-animation {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body.loggedin .YouTubePopUp-Wrap { /* For WordPress */
    top: 0px;
    z-index: 99998;
}


/*******************/
.how-it-works-pro-teaser .videoPopup {
    width: auto;
    height: auto;
}

.videoPopup {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: var(--radius-slider-inset);
}

.videoPopup p {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    bottom: -10px;
    background: #41414e;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
}


.videoPopup::before {
    content: '\e635';
    font-family: Fixando;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 42px;
    padding-left: 1px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    opacity: .8;
    transition: all 0.1s;
}

.videoPopup:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}

.YouTubePopUp-Content {
    max-width: 855px;
    display: block;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.YouTubePopUp-Content iframe {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    height: 480px !important;
    border: none !important;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.YouTubePopUp-Hide {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.YouTubePopUp-Close {
    position: absolute;
    top: 0;
    cursor: pointer;
    bottom: 528px;
    right: 0px;
    margin: auto 0;
    width: 24px;
    height: 24px;
    background: url(/img/close.png) no-repeat;
    background-size: 24px 24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
}

.YouTubePopUp-Close:hover {
    opacity: 0.5;
}

.autocomplete-suggestions.more_categories .autocomplete-suggestion:last-child {
    color: var(--link-font-selected);
    font-weight: 600;
}

.autocomplete-suggestions.more_categories .autocomplete-suggestion.autocomplete-selected:last-child {
    background: var(--popup-background);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
}

.autocomplete-suggestions.more_categories .autocomplete-suggestion.top_cats:last-child {
    color: var(--dark-font-color);
}

div.autocomplete-suggestions.more_categories {
    z-index: 9000000000 !important;
}

.review_verified {
    color: var(--success-icon-color) !important;
}

.join_welcome {
    padding: 8px 25px;
    cursor: pointer;
}

span.ask_for_review_bid_span {
    margin-top: 10px;
}

#ask_for_review_bid_span {
    margin-right: 10px;
}

.save_multimedia {
    width: 120px;
    margin-top: 25px;
}

.messagemulti {
    display: none;
    margin-top: 10px;
}

.multim_popup {
    display: none;
}

.multimedia_pop {
    z-index: 100001;
    background: var(--popup-background);
    width: 80%;
    left: 10%;
    top: 10%;
    height: 80%;
    position: fixed;
}

.multimedia_close:before {
    content: "\e117";
    font-family: Fixando;
    color: #000000;
    top: 10%;
    position: fixed;
    z-index: 100002;
    right: 10%;
    margin-top: 4px;
    margin-right: 2px;
    font-size: 23px;
    cursor: pointer;
}

.multimedia_close:hover {
    font-weight: bold;
}

.multimedia_background {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background: #000;
    opacity: 0.8;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}


.account_dropdown #close_account_menu {
    display: none;
}

body.attachPopup .popup_background .dropdown_list.account_dropdown {
    display: none;
}

.back_green,
.back_green:hover,
.back_green:focus,
.back_green:active {
    background-color: #21BE07;
    cursor: default;
}

.mobile_credits {
    display: none;
}

.redirect_message span {
    width: 97%;
    display: inline-block;
}

.redirect_message .message_close {
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    top: 14px;
    color: #222;
    cursor: pointer;
    right: 16px;
}

.btn.profile_not_created {
    padding: 8px 16px !important;
    border-radius: var(--radius-big);
}

.team h4.section-subtitle.contact_title {
    text-align: center;
    margin: 30px 0px 0px;
}

.question_side_wrapper {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.question_side_title {
    font-size: var(--headline-font-size);
}

/* REVIEWS CAROUSEL */
.reviews-carousel-container .reviews-carousel-section .reviews-carousel-slide {
    width: 250px;
    padding: 25px;
    height: 235px;
    border-radius: var(--radius-default);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    text-align: left;
    background: var(--site-background);
}

.reviews-carousel-container .reviews-carousel-section {
    margin-left: 25px;
    margin-right: 25px;
}

.reviews-carousel-container.campaign-reviews-section .reviews-carousel-header {
    padding-left: 20px;
    padding-right: 20px;
}

.reviews-carousel-container .reviews-carousel-section .reviews-carousel-slide.slick-slide {
    margin: 10px;
    max-width: 280px;
}

.reviews-carousel-container .reviews-carousel-section .slick-list {
    height: auto;
}

.reviews-carousel-container .reviews-carousel-section .reviews-carousel-slide .pro-info-section {
    display: flex;
    align-items: center;
    gap: 15px;
}

.reviews-carousel-container .reviews-carousel-slide .pro-and-review-section .review-text {
    padding-top: 20px;
    max-height: 165px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: var(--light-font-color);
}

.reviews-carousel-container .reviews-carousel-slide .pro-info-section .pro-avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
}

.reviews-carousel-container .reviews-carousel-slide .pro-info-section .pro-info {
    max-width: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.reviews-carousel-container .reviews-carousel-slide .pro-info-section .pro-name {
    font-size: var(--site-font-size);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reviews-carousel-container .reviews-carousel-slide .pro-info-section .pro-achievements {
    display: flex;
    align-items: center;
    gap: 10px;
}

.reviews-carousel-container .reviews-carousel-slide .pro-info-section .badge-icon {
    width: 30px;
    height: 30px;
}

.reviews-carousel-container .reviews-carousel-slide .review-user-info {
    font-size: var(--site-font-size-mini);
    color: var(--subheadline-font-color);
}

.reviews-carousel-container .reviews-carousel-slide .pro-rating-info .rate-star {
    color: var(--rating-star-active);
}

.reviews-carousel-slide .pro-name,
.reviews-carousel-slide .review-user-info,
.reviews-carousel-slide .average-rating {
    font-weight: 600;
}


@media all and (max-width: 768px) and (min-width: 10px) {
    .YouTubePopUp-Content {
        max-width: 90%;
    }

    .canc_content_padding {
        padding: 10px 10px 40px 10px;
    }

    .canc_content_email_padding {
        padding: 50px 10px 90px 10px;
    }

    #pppcrequestForm #requestFooter {
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        background: none;
    }
}

@media all and (max-width: 600px) and (min-width: 10px) {
    .YouTubePopUp-Content iframe {
        height: 320px !important;
    }

    .YouTubePopUp-Close {
        bottom: 362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px) {
    .YouTubePopUp-Content iframe {
        height: 220px !important;
    }

    .YouTubePopUp-Close {
        bottom: 262px;
    }
}

/************************************
    ANIMATIONS
************************************/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.half {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


.icon-spinner,
.loader::before {
    animation: spin 1s infinite linear;

}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

@keyframes spin_half {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@keyframes spin_quarter {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(90deg);
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    animation-name: bounceOut;
}

.no_animation {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
}

.shake {
    animation-name: shake !important;
    animation-duration: .3s !important;
    animation-timing-function: ease-in-out !important;
    animation-composition: add !important;
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }
    20% {
        transform: translateX(-4px);
    }
    40% {
        transform: translateX(4px);
    }
    60% {
        transform: translateX(-3px);
    }
    80% {
        transform: translateX(3px);
    }
    100% {
        transform: translateX(0);
    }
}

.request_details {
    width: calc(50% - 20px);
    float: left;
    background: var(--site-background);
    padding-bottom: 20px;
    box-sizing: border-box;
    /*box-shadow: var(--box-shadow);*/
    /*border-radius: var(--btn-radius);*/
    border-right: 1px solid var(--line-color);
}

.back_navigation {
    padding: 10px 0;
    margin: 0;
    min-height: 36px;
}

.back_navigation #request_archive {
    display: inline-block;
    float: right;
}

.back_navigation .pass_request {
    float: right;
}

#request_back {
    position: relative;

}

#request_back i {
    font-size: 24px;
    z-index: 1;
}


.request_quote {
    display: table;
    width: 100%;
    background: var(--site-background);
    border-radius: var(--radius-default);
    box-sizing: border-box;
    margin-top: 20px;
}

.request_view .request_quote {
    display: flex;
}

.pro_quote #request_back i {
    top: 10px;
}

.pro_quote .request_actions .pass_request {
    margin-top: 5px;
}

#request_back:hover i {
    background: rgba(0, 0, 0, 0.1);
}

.request_details .catname {
    color: var(--intense-font-color);
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
    padding: 10px;
    margin-bottom: 20px;
}


.request_details .request_actions {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    padding: 10px 26px 4px 4px;
    background: white;
    position: sticky;
    top: 0;
    z-index: 9;
}

.request_actions .user_short_name {
    display: none;
}

.request_actions .pass_request {
    display: block;
}

.header_section > div,
.reviews-carousel-container .reviews-carousel-section {
    text-align: center;
}

.header_section > .user_img img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: none;
    margin: -30px auto 0px auto;
    text-align: center;
    position: relative;
    opacity: 1;
    background: var(--medium-background);
    box-shadow: 0 0 0 2px var(--site-background);
}

.map_pass {
    position: relative;
    min-height: 50px;
}

.map_pass img {
    position: relative;
    min-height: 100px;
    border-radius: var(--radius-default);
    filter: var(--img-invert-filter-map);
}

.map_pass > a {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--site-background);
    padding: 5px 15px;
    top: 7px;
    right: 7px;
    border-radius: 5px;
}

.team_page_map {
    width: 100%;
    height: 360px;
    filter: var(--img-invert-filter-map);
}

.scroll_fix {
    width: 25.5%;
    height: 20px;
    background: var(--site-background);
    padding: 9px 3px;
    display: none;
    border-top: 2px solid #d4d3d3;
    border-bottom: 2px solid #d4d3d3;
    z-index: 10;
    position: fixed;
    top: 81px;
}

.scroll_fix p:first-child {
    float: left;
    text-align: left;
    margin: 0;
    font-weight: 600;
    color: #7d7d7d
}

.scroll_fix p:nth-child(2) {
    float: right;
    text-align: right;
    margin: 0
}

.header_section .request-user-details {
    text-align: center;
    color: var(--dark-font-color);
    margin: 20px 0 10px 0;
}

.header_section .request-user-details .user-name {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    margin: 0;
    display: inline;
}

.header_section .phone .phone-button {
    width: auto;
}

.header_section .phone {
    text-align: center;
}

.req_phone:before {
    content: "\e942";
    font-family: Fixando;
    padding-right: 5px;
    color: var(--link-font);
}

.project_view p {
    color: var(--light-font-color);
    font-size: var(--site-font-size-small);
    margin: 5px 22px !important;
}

.project_view .extra-info p {
    margin-left: 0 !important;
}

.available_verified:before {
    content: "\e60e";
    font-family: Fixando;
    padding-right: 5px;
    padding-left: 0;
    color: var(--success-icon-color);
    vertical-align: top;
    top: 1px;
    position: relative;
    margin-left: 1px;
}

.header_section div ul {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px
}

.header_section div ul li {
    list-style: none;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 31%
}

.header_section div ul li p:first-child {
    margin-bottom: 0px
}

.header_section div ul li p:nth-child(2) {
    font-size: 11px;
    color: var(--light-font-color);
    line-height: 14px;
    margin-top: 5px;
    padding: 0 10px;
}

.header_section .location {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    margin-bottom: 10px;
    color: var(--light-font-color);
}

.quote_details {
    position: sticky;
    top: 0px;
    width: 50%;
    padding-bottom: 25px;
    display: inline-block;
    height: 100%;
}

#quoteform .quote_button {
    text-align: center;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#quote_tips {
    color: var(--link-font);
    font-size: 15px;
    font-weight: bold;
    position: relative;
    border: 1px solid transparent;
    border-radius: 50%;
    padding: 0;
    width: 22px;
    height: 22px;
    text-align: center;
    float: right;
    display: inline-block;
    background: var(--medium-background);
}

.tooltip_info {
    color: var(--link-font-selected);
    cursor: pointer;
}

#quote_tips:hover {
    border-color: var(--btn-primary);
}


.tool_tips {
    position: absolute;
    display: none;
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    z-index: 2;
    font-size: 12px;
    background: var(--dark-background);
    width: max-content;
    top: -30px;
    left: -17px;

}

.tool_tips:after {
    content: "\e615";
    font-family: Fixando;
    bottom: -4px;
    height: 12px;
    left: calc(50% - 3px);
    font-size: 15px;
    color: var(--dark-background);
    position: absolute;
}

.tool_tip_quote:hover .tool_tips {
    display: block;
}

.tool_tip_quote {
    position: relative;
    display: inline-block;
    width: 25px;
    float: right;
}

.star_val {
    font-weight: 600;
    font-size: 18px;
}

.rate_star {
    display: block;
}

.rate_star .icon-star-full {
    font-size: 16px;
    display: inline-block;
    margin-top: -2px;
    color: var(--rating-star-active);
    margin-left: 2px;
}

.ServiceList-pro-title a {
    vertical-align: middle;
    color: var(--link-font-selected);
}

.ServiceList-pro-title .rate_star {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 4px;
}

.ServiceList-pro-title .rate_star,
.ServiceList-pro-title .rate_star .icon-star-full {
    color: var(--dark-font-color);
}

.view_tips.pro_quote #jalert_panel button#jalert_ok {
    /*   padding: 10px 20px;*/
}

.quote_details .header_section, .chat_section .header_section p {
    padding: 13px 10px 9px 12px;
    margin-bottom: 20px;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
}

.quote_details div.content_section {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding-left: 40px;
}

.quote_details .credits-details,
.chat_section .credits-details {
    text-align: center;
}

.quote_details .credits-details .credits-lists,
.chat_section .credits-details .credits-lists {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
}

.credits-lists {
    display: flex;
    justify-content: space-between;
}

.quote_details .credits-details .credits-lists li,
.chat_section .credits-details .credits-lists li {
    list-style: none;
    text-align: center;
    vertical-align: top;
    margin-top: 15px;
}

.quote_details .credits-details .credits-lists li:last-child,
.chat_section .credits-details .credits-lists li:last-child {
    margin-left: auto;
}

.quote_details .credits-details .credits-lists li .icon {
    color: var(--icons-gray);
}

.pro-categories .credit-details,
.credits-details .credits-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    color: var(--light-font-color);
}

.credit-data, .credits-info .text {
    font-size: 14px;
    line-height: 14px;
}

.quote_details .credits-details .credit-data,
.chat_section .credits-details .credit-data {
    padding-right: 8px;
}


#quoteform > div #job_price, #quoteform > div #quote_price,
.services-block .services-new .template-form .service-price {
    -webkit-appearance: none;
    font-size: 40px;
    height: 68px;
}

#quoteform > div #job_price[readonly],
#quoteform > div #quote_price[readonly] {
    opacity: 0.6;
}

#quoteform > div #job_price[readonly]:focus,
#quoteform > div #job_price[readonly]:hover,
#quoteform > div #quote_price[readonly]:focus,
#quoteform > div #quote_price[readonly]:hover {
    box-shadow: none;
    border-color: transparent;
    cursor: not-allowed;
}

#quoteform div.quote_text_box {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


.variables-container {
    margin-top: 10px;
}

.variables-container .variables-title {
    font-size: 12px;
}

.variables-container .variable-tags-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 10px 0;
}

.variables-container .variable-tags-list .variable-tag {
    padding: 3px 8px;
    cursor: pointer;
    border-radius: 16px;
    background-color: var(--badge-background);
    font-size: 12px;
}

.variables-container .variable-tags-list .variable-tag:hover {
    background-color: var(--badge-background-inverted);
    color: var(--badge-color-inverted);
}

#quoteform .estimate-types, .templates-types {
    margin-top: 10px;
    position: relative;
}

#quoteform .estimate-types .types-lists:before,
.templates-types .types-lists:before {
    position: absolute;
    content: '';
    width: 20px;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(270deg, var(--site-background), transparent);
}

#quoteform .estimate-types .types-lists,
.templates-types .types-lists {
    list-style-type: none;
    padding: 0;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 10px 0;
    padding-right: 40px;
}

#quoteform .estimate-types .list,
.templates-types .list {
    margin-right: 5px;
}

#quoteform .estimate-types .list.order,
.templates-types .list.order {
    order: -1;
}

#quoteform .estimate-types .list .type-name,
.templates-types .list .type-name {
    text-decoration: none;
    padding: 8px 14px;
    border-radius: var(--btn-radius-badge-big);
    cursor: pointer;
    background-color: var(--badge-background);
    color: var(--badge-color);
}

#quoteform .estimate-types .list .type-name:hover,
#quoteform .estimate-types .list .type-name.active,
.templates-types .list .type-name:hover,
.templates-types .list .type-name.active {
    background-color: var(--badge-background-inverted);
    color: var(--badge-color-inverted);
}

#quoteform .job-price {
    position: relative;
}

#quoteform .job-price .currency {
    position: absolute;
    top: 3px;
    right: 20px;
    font-size: 40px;
    color: var(--btn-light-font);
}

#quote_price_type {
    -webkit-appearance: none;
    margin: 0 auto;
    margin-top: 6px;
}

.templates-title,
#quoteform > p,
#quoteform > .sub_header_section {
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 20px;
}

#quote_message {
    width: 100%;
    height: 200px;
    padding: 10px 14px
}

#send_message_form {
    display: inline;
}

#send_message_form .links,
.quote_text_box .links {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 100%;
    padding-top: 15px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#send_message_form .links {
    padding: 0px !important;
    margin-top: 5px;
}

.compose_message {
    box-shadow: var(--chat-message-compose-shadow)
}

/*
.quote_text_box .links p {
    margin: 0px !important;
    display: inline-block;
    width: 50%
}

.quote_text_box .links p:first-child {
    text-align: left
}

.quote_text_box .links p:nth-child(2) {
    text-align: right
}*/

.quote_tips > .content_section > ul li {
    list-style: initial;
    text-align: left;
    font-size: 16px;
    color: #635b5b;
}

.quote_tips > .content_section > ul {
    list-style-position: outside;
    padding-left: 25px;
}

.quote_tips > .sub_header_section {
    text-align: left;
    font-size: 16px;
}

.btn_hide {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.leadphoto {
    width: 30px;
    border-radius: 50%;
    background: var(--medium-background);
    box-shadow: 0 0 0 1px var(--table-border);
}

.leadphotoli {
    position: relative;
    display: inline;
}

.closeleadphoto, .review_pro {
    width: 80px;
    border-radius: 50%
}

#quote_page_alert_link, #send_message_alert_link, #review_page_alert_link {

}

.request_details .content_section .global_requests_badge_wrapper {
    padding: 0px 30px;
}

.request_details .content_section .catname {
    padding: 15px 30px 0px;
}

.request_details .content_section ul li {
    line-height: 20px;
    background: inherit;
    border-radius: 0;
    padding: 0px 15px;
    margin: 0;
}

.request_details .content_section ul li.more-info {
    padding: 0px;
}

.request_details .content_section ul li .title,
.request_details .content_section ul li .time-info {
    color: var(--light-font-color);
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height);
    margin: 0;
    margin-bottom: 3px;
    word-wrap: break-word;
    word-break: break-word;
    padding-left: 10px;
}

.request_details .content_section ul li .more-info-answer {
    padding-left: 20px;
}


.request_details .content_section ul li.more-info .title {
    padding-left: 30px;
}

.request_details .content_section ul li .answer {
    color: var(--intense-font-color);
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
    margin: 0px 10px 25px 10px;
    word-wrap: break-word;
    word-break: break-word;
    font-weight: 500;
}

.request_details .content_section ul li .answer.has_text {
    padding-left: 22px;
}

.request_details .content_section ul li .answer.has_text:before {
    position: absolute;
    content: '\e94a';
    font-family: 'fixando';
    margin-left: -20px;
    font-size: 12px;
    margin-top: 3px;
    color: var(--light-font-color);
}

.request_details .content_section ul li .answer:empty {
    margin: 0;
}

.request_details .content_section ul li:first-child {
    border-top: 1px solid #e9e9e9;
}

.request_details .content_section .catname + ul li:first-child,
.request_details .content_section .extra-info ul li:first-child {
    border-top: none
}

.request_details .content_section .catname + ul li.more-info,
.project_chat_details .request_details .content_section ul li.more-info {
    background-color: var(--request-more-info);
    margin-bottom: 15px;
    padding: 10px 0px 10px;
}

.request_details .content_section ul li .answer.more-info-answer {
    margin-bottom: 0px;
}

.request_details .header_section .icons ul > li > p span:nth-child(2) {
    margin-left: 8px;
}

.request_details .header_section .icons ul > li > p span:first-child i {
    color: var(--icons-gray);
}


.project_info .project_overview {
    margin-bottom: 15px;
    padding-bottom: 30px;
}

.project_info p.see_req,
.project_info .project_overview .partners-block {
    text-align: center;
    padding-bottom: 5px;
    margin: 0;
}

.project_info .project_overview .partners-block {
    margin-top: 30px;
    padding-bottom: 30px;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
}

.partners-block .partner-logo {
    max-width: 100px;
}

.partners-block.partner-obramat {
    margin: 10px 0;
}

.partners-block.partner-obramat .partner-info-title {
    margin: 10px 0;
}

.partners-block.partner-obramat .partner-logo {
    max-width: 200px;
}

.user_quote_header .lead .avatar p {
    text-align: center;
    margin: 0;
}

.user_quote_details,
.suggested-pros-details,
.request-share-pros-details,
.add-more-info-details {
    width: 100%;
    margin-bottom: 20px;
    box-shadow: var(--box-shadow-small);
    border-radius: var(--radius-default);
    overflow: hidden;
    background: var(--site-background);
}

.request-action-buttons,
.quoted-pros-block,
.add-more-info-details,
.partners-block {
    width: 100%;
}

.user_quote_details .user_quote_header {
    position: relative;
}

.user_quote_details .user_quote_content {
    padding: 12px 0px;
    text-align: center;
    color: var(--link-font);
    font-size: 15px;
}

.lead_quotes .user_quote_details .quote_business_name .pro-name {
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px;
    font-weight: bold;
}

.user_quote_details .quoted-pro {
    padding: 20px;
}

.user_quote_details .quoted-pro-details {
    display: flex;
    width: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.user_quote_details .quote-details {
    display: flex;
    width: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}


.user_quote_details .quote-details .quoted-price,
.user_quote_details .quoted-pro-details .pro-avatar {
    width: 100px;
    text-align: center;
}

.user_quote_details .quote-details .quoted-price {
    width: 120px;
    color: var(--site-font-color);
    font-weight: 500
}

.user_quote_details .quoted-pro-details .pro-avatar .pro_avatar {
    height: 100px;
    width: 100px;
}

.user_quote_details .quoted-pro-details .pro-avatar .online_status {
    left: 80px;
    position: absolute;
    bottom: 0px;
}

.user_quote_details .quoted-pro-details .pro-details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 10px;
}

.user_quote_details .quote-details .contact {
    margin-left: 5px;
}

.user_quote_details .quoted-pro-details .pro-details .pro-badge,
.user_quote_details .quoted-pro-details .pro-details .location {
    margin-bottom: 15px;
}

.user_quote_details .quoted-pro-details .pro-rating-details {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-right: 5px;
}

.user_quote_details .quoted-pro-details .pro-details .pro-name {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
    width: 300px;
    white-space: normal;
    text-overflow: clip;
    margin-top: 3px;
    color: var(--site-font-color)
}

.user_quote_details .quoted-pro-details .pro-details .location,
.user_quote_details .quoted-pro-details .pro-details .replies-in {
    color: var(--light-font-color);
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    margin: 0px;
}

.suggested-pros-details .suggested-pro .pro-rating-details .rate-star,
.user_quote_details .quoted-pro-details .pro-rating-details .rate-star {
    justify-content: center;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    font-size: var(--title-font-size);
    color: var(--light-font-color);
}

.suggested-pros-details .suggested-pro .pro-rating-details .star-val,
.user_quote_details .quoted-pro-details .pro-rating-details .star-val {
    margin-left: 5px;
    margin-top: 3px;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
}

.open-request-section .open-request-text {
    padding: 40px 0;
    text-align: center;
    font-size: 18px;
}

.open-request-section .open-request-actions {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
}

.closed-request-section .closed-request-text {
    padding: 40px 0;
    text-align: center;
    font-size: 18px;
}

.closed-request-section .closed-request-actions {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
}

.rate-previous-request-section {
    text-align: center;
}

.rate-previous-request-section .rate-previous-request-content {
    max-width: 500px;
}

.rate-previous-request-section .rate-previous-request-text {
    margin-bottom: 25px;
    font-size: var(--title-font-size);
}

.rate-previous-request-section .avatar-image {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

.rate-previous-request-section .avatar-image img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

.rate-previous-request-section .avatar-image .icon {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #6aab4f;
    color: white;
    border-radius: 50%;
    padding: 6px;
    font-size: 14px;
    border: 2px solid #fff;
    line-height: 1;
}

.rate-previous-request-section .rate-stars .review_img i.icon-star-full {
    margin: 4px;
    font-size: 40px;
}

.rate-previous-request-section .popup-close-wrapper {
    margin-bottom: 40px;
}

/* info page suggested pro tab starts*/
.request-info-options {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 30px;
}

.request-info-options .undread-count {
    color: white;
    font-size: 14px;
    position: absolute;
    background: #f06352;
    border-radius: 50%;
    padding: 0;
    border: 2px solid transparent;
    top: -15px;
    z-index: 10;
    right: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info_page .tab-button:not(.un-selected-tab),
.info_page .quoted-pros-block,
.info_page .add-more-info,
.info_page.more-info .partners-block {
    display: none;
}

.info_page .request-action-buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
}

.info_page .request-action-buttons .action-button {
    white-space: nowrap;
    flex-grow: 1;
    flex-basis: 250px;
}

.info_page .suggested-pros.active,
.info_page .quoted-pros.active,
.info_page .add-more-info.active {
    display: block;
}

.request-info-options .drop_down .dropdown-item .item-name {
    padding: 10px 30px;
}

.info_page .request-info-options {
    position: relative;
}

.info_page.more-info .request-info-options .add-more-info-tab .add-info-text {
    background: transparent;
    color: var(--btn-primary);
}

.info_page.quotes .request-info-options .quoted-tab > a,
.info_page.quotes .request-info-options .quoted-tab > a:hover,
.info_page.quotes .request-info-options .quoted-tab > a:focus,
.info_page.suggested .request-info-options .suggested-tab > a,
.info_page.suggested .request-info-options .suggested-tab > a:hover,
.info_page.suggested .request-info-options .suggested-tab > a:focus {
    cursor: default;
    background: var(--menu-background);
    color: var(--menu-font);

}


.info_page.more-info .request-info-options .add-more-info-tab > a,
.info_page.more-info .request-info-options .add-more-info-tab > a:hover,
.info_page.more-info .request-info-options .add-more-info-tab > a:focus {
    cursor: default;
    background: transparent;
    color: var(--menu-active-font);
    font-weight: bold;
}

.info_page:not(.quotes) .request-info-options .quoted-tab.un-selected-tab > a,
.info_page:not(.suggested) .request-info-options .suggested-tab.un-selected-tab > a {
    position: relative;
    display: block;
    background: var(--menu-active);
    color: var(--menu-active-font);
    border-radius: 0;
    white-space: nowrap;
}

.info_page:not(.more-info) .request-info-options .add-more-info-tab.un-selected-tab > a {
    color: var(--btn-primary);
    background: transparent;
    border-radius: 0;
    white-space: nowrap;
}

.info_page:not(.quotes) .request-info-options .quoted-tab.un-selected-tab > a:hover,
.info_page:not(.suggested) .request-info-options .suggested-tab.un-selected-tab > a:hover,
.info_page:not(.more-info) .request-info-options .add-more-info-tab.un-selected-tab > a:hover {
    color: var(--menu-font);
    background: var(--menu-hover);
}

.info_page.quotes .quoted-pros-block,
.info_page.suggested .suggested-pros,
.info_page .suggested-pros.show,
.info_page .quoted-pros-block.show,
.info_page.more-info .add-more-info,
.info_page .add-more-info.show {
    display: block;
}

.add-more-info-details .attachment_container {
    margin: 10px 0px;
}

.request-share-pros-details .request-share-pro,
.suggested-pros-details .suggested-pro {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

.request-share-pros-details .pro-details,
.suggested-pros-details .pro-details {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    padding: 20px 10px;
    width: calc(100% - 200px);
    background-color: var(--site-background);
}

.request-share-pros-details .pro-details {
    width: 100%;
    align-items: center;
    justify-content: center;
}

.request-share-pros-details .pro-details .pro-avatar,
.suggested-pros-details .pro-details .pro-avatar {
    width: 80px;
    position: relative
}

.request-share-pros-details .pro-details .pro-avatar {
    margin-right: 15px;
}

.request-share-pros-details .pro-details .pro-avatar .online_status,
.suggested-pros-details .pro-details .pro-avatar .online_status {
    position: absolute;
    right: 8px;
    bottom: -3px;
}

.request-share-pros-details .pro-details .pro-name,
.suggested-pros-details .pro-details .pro-name {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
    width: 230px;
    white-space: normal;
    text-overflow: clip;
    font-weight: bold;
    margin-top: 3px;
    color: var(--site-font-color);
    margin-bottom: 0px;
}

.request-share-pros-details .pro-details .pro-name {
    width: auto;
}

.suggested-pro .personal-data .pro-badge {
    margin-bottom: 5px;
}

.request-share-pros-details .personal-data .profile-link {
    display: inline-flex;
    align-items: center;
    width: 260px;
}

.request-share-pros-details .personal-data .icon.icon-open-link {
    font-size: 12px;
    margin-left: 5px;
    color: var(--icons-darkgray);
}

.project_info .close-request {
    display: inline-block;
}

.request-share-pros-details .pro-details .location,
.request-share-pros-details .pro-details .phone,
.request-share-pros-details .pro-details .show-more,
.suggested-pros-details .pro-details .location,
.suggested-pros-details .pro-details .replies-in {
    font-size: var(--site-font-size-mini);
    line-height: var(--site-line-height-mini);
    letter-spacing: var(--site-letter-spacing);
    color: var(--light-font-color);
    margin: 0px;
}

.request-share-pros-details .pro-details .contact-details {
    display: inline-flex;
}

.request-share-pros-details .pro-details .phone {
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.request-share-pros-details .pro-details .phone .phone-number {
    color: var(--light-font-color);
    pointer-events: none;
}

.request-share-pros-details .pro-details .phone .full-phone-number {
    color: var(--link-font-selected);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    cursor: pointer;
    pointer-events: all;
}

.request-share-pros-details .pro-details .phone.clicked {
    width: auto;
}

.request-share-pros-details .pro-details .show-more {
    color: var(--fixando-yellow);
    cursor: pointer;
}


.suggested-pros-details .pro-details .pro-rating-details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 3px;
    margin-left: 5px;
    min-width: 44px;
}

.suggested-pros-details .suggested-pro .get-quote {
    width: 200px;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.suggested-pro-block .highlighted {
    position: absolute;
    top: -12px;
    left: 10px;
}

.suggested-pros-details {
    overflow: unset;
    position: relative;
}

.suggested-pros-details .suggested-pro .get-quote,
.suggested-pros-details .suggested-pro .send-message,
.suggested-pros-details .suggested-pro .sent-message {
    display: none;
}

.suggested-pros-details .suggested-pro .get-quote.show-quote,
.suggested-pros-details .suggested-pro .send-message.show-message,
.suggested-pros-details .suggested-pro .sent-message.quote-message-sent {
    display: flex;
}


.suggested-pros-message .message-head {
    margin: 40px 20px;
}

.suggested-pros-message .message-head .text {
    text-align: center;
}

.suggested-pros-message .message-content .message {
    margin: 10px 0px;
}

.suggested-pros-message .message-content .message .message-btn {
    width: 100%;
}

.suggested-pros-details .suggested-pro .send-message,
.suggested-pros-details .suggested-pro .sent-message {
    width: 150px;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
}

.suggested-pros-details .suggested-pro .sent-message .limit-reached {
    color: #31c608;
    margin: 5px;
    text-align: center;
}

.suggested-pros-details .suggested-pro .send-message .quote-asked,
.suggested-pros-details .suggested-pro .get-quote .quote-asked {
    font-size: 16px;
    color: var(--light-font-color);
}

.suggested-pros-details .suggested-pro .send-message .message,
.suggested-pros-details .suggested-pro .get-quote .message {
    font-size: 16px;
    cursor: pointer;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
}

.request-share-pros-details .pro-details .pro-avatar .pro_avatar,
.suggested-pros-details .pro-details .pro-avatar .pro_avatar {
    height: 70px;
    width: 70px;
}

.suggested-pros-details .pro-details .pro-rating-details .pro-badge {
    margin-bottom: 10px;
}

.suggested-pros-details .pro-details .pro-rating-details .badge-link {
    width: 35px;
}

.add-more-info,
.suggested-pros,
.quoted-pros {
    margin-bottom: 40px;
}

.suggested-pros .top-five-pro {
    margin: 15px auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.suggested-pros .top-five-pro.hide {
    display: none;
}

.top-five-pro .top-pro-text {
    margin: 10px 10px;
}

.top-five-pro .quote-limit-reached {
    color: #31c608;
}

.pros-empty .empty-message {
    text-align: center;
    font-size: 18px;
}

/* info page suggested pro tab ends*/

.add-more-info .add-info-block {
    margin: 40px;
    position: relative;
}

.add-more-info .add-info-block .add-info-text {
    text-align: center;
    margin: 10px 40px;
}

.add-more-info .add-info-block .add-info-textarea {
    height: 200px;
}

.add-more-info .add-info-block .add-info-textarea.error {
    box-shadow: inset 0px 0px 0px 1px var(--input-border-color-hover);
}

.add-more-info .add-info-block .add-info-icons .add-attachments,
.add-more-info .add-info-block .add-info-icons .save-additional-info {
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: 30px;
}

.add-more-info .add-info-block .add-info-icons .add-attachments {
    left: 15px;
}

.add-more-info .add-info-block .add-info-icons .add-info-upload#upload_attachments {
    min-width: 10px;
    width: 10px;
    left: 0px;
}

.add-more-info .add-info-block .add-info-attachments .attachment_wrapper:last-child {
    margin-bottom: 20px !important;
}

.info_page .qt_project_link .icon {
    font-size: 28px;
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 6px;
}


.lead_history_data {
    width: 300px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin: 0 auto;
    padding: 0px;
    position: relative;
}

.lead_message_data {
    padding: 30px 25px 20px 35px;
    color: #555;
    font-size: 14px;
    word-break: break-word;
}

.lead_message_data .date {
    color: #888;
}

.rating.lead_hist_p {
    display: block !important;
    font-size: 12px;
}

.rating.lead_hist_p ul {
    justify-content: center;
}

.user_quote_details .icon-ok-sign {
    color: #2dc32d;
}

.user_quote_details .icon-remove-circle {
    color: #fc0b17;
}

.lead_hist_p {
    width: 50%;
    font-size: 12px;
    line-height: 15px;
    margin: 0 auto;
    text-align: center;
    color: #828080;
}

.lead_hist_p:not(:last-child) {
    border-right: 1px solid #ada9a9;
}

.project_info .project_details {
    float: left;
    overflow-y: auto;
    height: 660px;
    width: 35%;
    overflow-x: hidden;
    border-right: 1px solid #e7e7e7
}


.project_info .project_details .header_section {
    background-color: var(--light-background);
}

.pro_avatar,
.deleted_pro {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    order: 2px solid var(--site-background);;
    margin: 0px auto 0px auto;
    text-align: center;
    position: relative;
}

.project_info .deleted_account .lead {
    padding: 25px 5px 25px 5px;
}

.project_info .deleted_account .lead .quote_business_name .business_p {
    color: #cccccc;
}

.deleted_pro, .deleted_user {
    opacity: 0.5;
}

.deleted_user {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    order: 2px solid var(--site-background);
    margin: 0px 10px 0px auto;
    text-align: center;
    position: relative;
}

.tab-content .tab-pane .request_quote.deleted_user_account .info .user_name {
    color: #CCCCCC;
    font-weight: 100;
}

.user_quote_details.deleted_account {
    cursor: default;
}

.project_info .quotes_header_section {
    width: 100%;
    font-size: 14px;
    color: #9fa4a4;
    padding: 5px 0px;
    border-bottom: 1px solid #eee;
}

.quote_head_label {
    padding: 10px;
    position: relative;
}

.quote_head_label .update_project_status {
    position: absolute;
    right: 20px;
    top: 10px;
}

.quote_head_label .update_request_attachment {
    position: absolute;
    right: 230px;
    top: 15px;
}

.qt_project_link a {
    cursor: pointer;
    white-space: nowrap;
}

.site_h1 {
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    letter-spacing: var(--headline-letter-spacing);
    font-weight: var(--headline-font-weight);
    padding-bottom: 20px
}

.heading_quote {
    text-align: center;
    margin: 0;
    padding: 16px 0px 15px 0px;
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    letter-spacing: var(--headline-letter-spacing);
    font-weight: var(--subheadline-font-weight);
}

.project_info .project_details .header_section > ul {
    padding: 20px 10px;
    background: var(--light-background);
    border-top: 1px solid var(--line-color);
    border-bottom: 1px solid var(--line-color);
}

.project_info .project_details .header_section > ul li {
    display: inline-block;
    vertical-align: top;
}

.project_info .project_details .header_section > ul li:first-child {
    width: 18%;
    text-align: right;
}

.project_info .project_details .header_section > ul li:nth-child(2) {
    width: 69%;
}

.project_info .project_details .header_section > ul li:nth-child(3) {
    width: 9%;
    text-align: right;
}

.project_info .project_details .header_section > ul li:first-child .icon {
    font-size: 37px;
}

.project_info .project_details .header_section > ul li:nth-child(3) .icon {
    font-size: 27px;
}

.project_info .project_details .header_section > ul li:nth-child(2) p:first-child {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
    margin: 0px;
}

.project_info .project_details .header_section > ul li:nth-child(2) p:nth-child(2) {
    font-size: var(--site-font-size-mini);
    line-height: var(--site-line-height-mini);
    letter-spacing: var(--site-letter-spacing);
    color: var(--light-font-color);

}

.project_info .lead {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: auto;
    padding: 10px 5px 6px 5px;
    position: relative;
    align-items: center;
}

.quotes_content_section {
    padding: 10px 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    align-content: space-around;
}

.quotes_content_section > ul li.lead div {
    display: inline-block;
}

.project_info .lead .avatar {
    width: 25%;
}

.project_info .lead .business_name {
    width: 50%;
}

.project_info .lead .quote_price {
    width: 23%;
    text-align: right
}

.project_info .lead .business_name .business_p {
    word-break: break-word;
    margin: 0;
}

.quote_business_name {
    width: 80%;
    text-align: left;
}

.project_info .lead .quote_business_name .business_p {
    margin: 0;
}

.project_info .lead .quote_business_name .business_p {
    word-break: break-word;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
}

.project_info .lead .quote_price_label {
    width: 30%;
    word-break: break-word;
    text-align: center;
}

.quote_price_label p {
    margin: 0;
    font-size: 18px;
}

.project_info .lead_quotes {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.lead_quotes .no_qte {
    text-align: center;
    min-height: 100px;
    margin-top: 40px;

}

.update_project_status {
    float: right;
}

.project_info .project_overview .content_section .header_section {
    text-align: center;
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height);
    letter-spacing: var(--headline-letter-spacing);
    font-weight: var(--subheadline-font-weight);
    padding-bottom: 10px;
}

.project_info .project_overview .content_section p > a {
    text-align: center;
}

.project_status {
    padding: 15px 15px;
    border: 1px solid var(--line-color);;
    vertical-align: middle;
    border-radius: 3px;
}

.vertical_line {
    height: 16px;
    border-left: 1px solid var(--line-color);
    margin-left: 5.5%;
}


.project_status p {
    margin: 0px;
    position: relative;
    padding-left: 30px
}

.project_status .icon-ok-sign {
    color: var(--success-icon-color);
    font-size: 26px;
    position: absolute;
    top: -4px;
    left: 0px
}

.project_status .icon-radio_unchecked {
    color: var(--very-light-font-color);
    font-size: 22px;
    position: absolute;
    top: -2px;
    left: 0px
}

.project_status ul {
    margin-left: 10px;
    list-style-position: inside;
}

.project_status ul li {
    list-style: none;
    margin-top: 15px;
    margin-left: -23px;
}

.project_status ul li .icon {
    margin-right: 4px;
}

.project_status .project_hired p {
    padding: 20px 0px 10px 0px;
}

.project_status .project_hired p:nth-child(3) {
    padding: 0px 0px 0px 0px;
    font-size: var(--site-font-size-small);
    color: var(--light-font-color);

    margin-bottom: 20px;
}

.project_status .project_hired h4 {
    margin: 5px 0px;
    font-size: 25px;
}

.project_status .project_hired a {
    margin: 15px 0px 5px 0px;
}

.project_overview .content_section .project_status ul li p {
    color: var(--light-font-color);
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.project_hired {
    margin-top: 14px;
    border-top: 1px solid var(--input-border-color);
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
}

.project_hired img {
    position: relative;
    text-align: center;
    width: 50px;
    height: 50px;
    padding-top: 3px
}

.project_status .project_hired button {
    border: 1px solid var(--input-border-color);
    padding: 10px 30px;
    border-radius: var(--btn-radius);
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
}

.content_section .Project_review {
    padding: 15px 0px;
}

.content_section .Project_review > p:first-child {
    padding-bottom: 10px;
    border-bottom: 1px solid --line-color;
}

.content_section .Project_review > p:nth-child(2) {
    border-bottom: 1px solid var(--line-color);
    margin: 0% 3%;
    padding: 5px 5px 5px 1px;
    color: var(--light-font-color);
}

.content_section .Project_review > p:nth-child(2) span {
    font-weight: 600;
    color: var(--dark-font-color);
}

.content_section .Project_review > p .icon {
    margin-left: 15px;
}

.checkbox_wrapper {

}

.project_overview .disabled {
    background-color: var(--light-background);
}

.blurlead {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    position: relative;
}

.activelead {
    position: relative;
}

.hiredlead {
    background: var(--success-background);
    color: var(--success-font);
    padding: 6px 0px;
    margin: 0;
    text-align: center;
}

.rejlead {
    background: var(--light-background);
    color: var(--light-font-color);
    padding: 6px 0px;
    margin: 0;
    text-align: center;
}

.awaitinglead {
    color: #000000;
    padding: 10px 20px;
    margin: 0;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
}

.quotes_content_section .icon-ok-sign {
    color: var(--success-icon-color);
    position: absolute;
    right: 13px;
    top: 0px;
    font-size: var(--title-font-size);
}

.project_bid .chat_project_bid .header_section {
    padding: 10px 15px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    height: 140px;
    flex-direction: row;
    z-index: 4;
    box-sizing: border-box;
    justify-content: space-around;
    box-shadow: 0px 16px 20px -20px rgb(0 0 0 / 25%)
}

.project_bid .chat_project_bid .headsct_mobile {
    display: none;
}

.chat_project_bid.pending:before {
    font-family: 'fixando';
    position: absolute;
    z-index: 2;
    font-size: 60px;
    content: "\e918";
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    color: var(--icons-gray);
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.header_section .back_toqte {
    flex: 100%;
    text-align: left;
    margin-top: 5px
}

.bid_page .bck_mob {
    display: none;
}

.project_bid .messagetopro button {
    background: var(--link-font);
    color: #ffffff;
    border-radius: 5px;
    width: 96%;
}

.project_bid .messagetopro {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    background: var(--site-background);
    z-index: 10;
    display: none;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
}

.chat_project_bid .lead_actions {
    margin: auto 0;
    text-align: right;
    display: inline-block;
    flex: 100%;
    align-items: center;
}

.chat_project_bid .header_section .lead_business_name {
    flex: 100%;
    margin: auto 0;
}

.lead_actions {
    /*width: 30%;*/
}

.project_bid .lead_actions #decline_lead,
.project_bid .lead_actions #hire_lead {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    margin-bottom: 5px;
    min-width: 160px;
}

.project_bid .lead_actions #hire_lead {
    margin-left: 10px;
}

.decline-container {
    padding: 10px 20px;
}

.decline-container .decline-proposal {
    margin: 20px;
    text-align: center;
}

.decline-proposal .decline-confirmation {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    justify-content: flex-end;
}

.decline-proposal .radio_group label {
    display: flex;
    padding: 10px;
    padding-left: 32px;
    position: relative;
}

.decline-proposal .radio_group input[type="radio"] + span:before {
    top: 8px;
    position: absolute;
    left: -2px;
}

.flag-review .flag-options
.decline-proposal .decline-reasons {
    padding: 10px 0px;
    margin: auto;
    text-align: left;
}

.lead_actions.v-hide {
    visibility: hidden;
}

.flag-reason-form-field,
.decline-reason-form-field {
    width: auto;
}

.project_bid .lead_actions #review_lead {
    color: #fff;
    background: var(--btn-primary);
    border: 1px solid transparent;
    padding: 8px 16px;
    border-radius: var(--btn-radius);
    outline: 0;
    position: relative;
    padding-left: 30px;
}

.project_bid .lead_actions #review_lead:hover,
.project_bid .lead_actions #review_lead:active {
    background: var(--btn-primary-hover);
}

.project_bid .lead_actions #review_lead:before {
    content: '\2605';
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 10px;
    width: inherit;
    overflow: hidden;
}

.project_bid .lead_business_name .bid_price {
    white-space: nowrap;
    font-weight: 600;
}

.header_section .lead_business_name {
    font-size: 16px;
    margin: 5px 0px;
}

.header_section .lead_location {
    font-size: 16px;
    line-height: 22px;

    color: #4e4d4d;
}

.project_bid .header_section ul {
    margin: 15px 0px 15px 0px;
    text-align: center;
}

.project_bid .header_section ul li {
    display: inline-block;
    text-align: center;
    width: 32%;
}

.project_bid .sub_header_section {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    position: relative;
}

.project_bid #undo_decline_lead {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    margin: 0px 8px 0px;
}

.project_bid .rejcted_qte {
    color: var(--btn-red-font);
    display: inline-block;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    margin: 0px 8px 0px;
}

.sub_header_section .price_status {
    position: absolute;
    left: 0;
    top: calc(50% - 56px / 2);
}

.sub_header_section .price_status p:first-child {
    font-size: 15px;
    color: #545454;
    margin: 5px 0px;
}

.sub_header_section .lead_actions {
    position: absolute;
    right: 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    top: 50%;
    bottom: 50%;
    text-align: right;
}

.sub_header_section .lead_actions button {
    padding: 10px 30px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 3px;
}

.sub_header_section .lead_actions .decline {
    border: 1px solid #e1e3e3;
    background: transparent;
    margin-right: 10px;
}

.sub_header_section .lead_actions .hire, .sub_header_section .lead_actions .review {
    border: 1px solid #e1e3e3;
    background: #3f93f3;
    color: #fff;
}

.bid_page .container-fluid, .info_page .container-fluid {
    width: 100%;
    /*max-width: 100%;*/
}

.project_bid .messages_section {
    padding: 6px 0 0 15px;
}

.project_bid .messages_section > p {
    color: #999;
    text-align: center;
    padding-bottom: 10px;
    font-size: 15px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.19);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: var(--site-background);
    margin: 0
}


.about_pro_section {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 35%;
    overflow: auto;
    background: var(--medium-background);
    -webkit-tap-highlight-color: transparent;
    bottom: auto;
    left: auto;
    box-sizing: border-box;
    border-radius: var(--radius-default);
}

.chat_project_bid {
    position: relative;
    top: auto;
    right: auto;
    width: 80%;
    bottom: 0;
    left: auto;
    height: 100%;
    overflow: hidden;
    flex-grow: 1;
    order: 2;
}

.about_pro_section .about {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.about_pro_section .about_pro {
    height: 100%;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.bid_page .bid_chat {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: 0;
}

.bid_page .messages_section {
    display: flex;
    flex-direction: row;
    padding: 0px;
    position: absolute;
    top: 140px;
    right: 0;
    bottom: 0;
    padding-bottom: 60px;
    left: 0;
}


.int_awaiting_answer {
    width: calc(100% - 65px);
    margin-left: 65px;
}

.messages_section.interested_page ul.request_messages {
    padding-top: 70px;
}

.bid_page .shift_leads {
    margin-right: 0px;
    display: block;
    padding: 0px;
    flex-direction: column;
    width: 65px;
    z-index: 3;
}

.bid_page .shift_leads a:last-child {
    border-bottom-right-radius: 6px;
    overflow: hidden;
}

.bid_page .shift_leads a:hover {
    background: #eaeaea;
}

.bid_page .shift_leads a.active {
    position: relative;
}

.bid_page .shift_leads a.active:after {
    content: '\e617';
    font-family: Fixando;
    position: absolute;
    top: 10px;
    font-size: 30px;
    color: #fff;
    right: -2px;
}

.bid_page .shift_leads .icons {
    position: absolute;
    right: 10px;
    top: 5px;
}

.bid_page .shift_leads div.lead_icon,
.bid_page .shift_leads p {
    padding: 10px;
    margin: 0;
    position: relative;
    background: var(--light-background);
    margin-bottom: 1px;
    border-radius: 0 var(--btn-radius) var(--btn-radius) 0;
}

.bid_page .shift_leads .active div.lead_icon,
.bid_page .shift_leads div.lead_icon:hover {
    background: var(--medium-background);
}

.bid_page .shift_leads .pro_avatar {
    width: 40px;
    height: 40px;
}

.bid_page .shift_leads .icon-ok-sign {
    color: #2dc32d;
}

.bid_page .shift_leads .icon-remove-circle {
    color: #fc0b17;
}

.bid_page .request_messages {
    opacity: 1;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.project_bid .about_pro_section .reviews div.content {
    padding: 10px 10px 10px 15px;
}

.project_bid .about_pro_section .reviews div.content .review {
    margin-bottom: 15px;
}

.project_bid .reviews .review_data .reviewed-category-link {
    pointer-events: none;
    color: var(--dark-font-color);
    text-decoration: none;
}

.profile_page .review .review_data .business_name .hidden-category {
    pointer-events: none;
}

.recomm_slickSlider .icon-left-thin-arrow,
.recomm_slickSlider .icon-arrow-right {
    position: absolute;
    right: -40px;
    top: 36%;
    cursor: pointer;
    font-size: 34px;
    font-weight: 500;
    color: var(--icons-darkgray);
}

.recomm_slickSlider .icon-left-thin-arrow {
    top: 36%;
    left: -40px;
    right: auto;
}

.recomm_slickSlider .icon-left-thin-arrow:hover,
.recomm_slickSlider .icon-arrow-right:hover {
    color: var(--icons-hover);
}

.project_bid .pro_photos .SlickSlider .icon-left-thin-arrow,
.project_bid .pro_photos .SlickSlider .icon-arrow-right,
.project_bid .job-done-photos .SlickSlider .icon-arrow-right,
.project_bid .job-done-photos .SlickSlider .icon-left-thin-arrow {
    position: absolute;
    top: 30px;
    cursor: pointer;
    font-size: 19px;
    font-weight: 600;
    margin-left: 2%;
    color: var(--icons-darkgray);
    z-index: 10;
    display: none !important;
    background: #ffffff8a;
    border-radius: 20px;
    padding: 4px;
}

.review_page .upload-job-photos .icon-left-thin-arrow {
    margin-right: 20px;
}

.review_page .upload-job-photos .icon-arrow-right {
    margin-left: 20px;
}

.review_page .upload-job-photos .icon-left-thin-arrow,
.review_page .upload-job-photos .icon-arrow-right {
    z-index: 10;
    cursor: pointer;
}

.project_bid .pro_photos .SlickSlider:hover .icon-left-thin-arrow,
.project_bid .pro_photos .SlickSlider:hover .icon-arrow-right,
.project_bid .job-done-photos .SlickSlider:hover .icon-left-thin-arrow,
.project_bid .job-done-photos .SlickSlider:hover .icon-arrow-right {
    display: inline !important
}

.project_bid .pro_photos .SlickSlider .icon-arrow-right,
.project_bid .job-done-photos .SlickSlider .icon-arrow-right {
    right: 0;
}

.project_bid .pro_photos .SlickSlider .pic {
    width: 80px;
    height: 80px;
    background: transparent
}

.share .attach_pics .SlickSlider .pic,
.request_view .attach_pics .SlickSlider .pic {
    border-radius: 6px;
    width: 80px;
    height: 80px;
    box-shadow: none;
    margin: 5px;
}

.share .attach_pics .SlickSlider .slick-cloned {
    display: none;
}

.request_view .attach_pics .SlickSlider .icon-arrow-right,
.request_view .attach_pics .SlickSlider .icon-left-thin-arrow {
    position: absolute;
    top: calc(50% - 10px);
    cursor: pointer;
    font-size: var(--title-font-size);
    font-weight: 500;
    margin-left: 5px;
    color: #2d2d36;
    z-index: 10;
}

.share .attach_pics .SlickSlider .icon-arrow-right {
    position: absolute;
    top: calc(50% - 10px);
    cursor: pointer;
    font-size: var(--title-font-size);
    font-weight: 500;
    right: -22px;
    color: #2d2d36;
    z-index: 10;
}

.share .attach_pics .SlickSlider .icon-left-thin-arrow {
    position: absolute;
    left: -22px;
    top: calc(50% - 10px);
    cursor: pointer;
    font-size: var(--title-font-size);
    font-weight: 500;
    margin-left: 5px;
    color: #2d2d36;
    z-index: 10;
}

.share .slick-slider {
    margin: 0;
}

.share .slick-list {
    height: unset;
}

.request_view .attach_pics .SlickSlider img,
.share .attach_pics .SlickSlider img,
.project_bid .job-done-photos .SlickSlider img,
.profile_page .job-done-photos .SlickSlider img,
.job-done-photos .upload-job-photos img {
    height: inherit;
    width: inherit;
    border-radius: var(--radius-big);
    object-fit: cover;
}

.review_page .job-done-photos .uploaded-image img {
    z-index: -1;
    position: relative;
}

.review_page .job-done-photos .uploaded-image {
    display: block;
    width: inherit;
    height: inherit;
}

.request_view .attach_pics .SlickSlider .icon-arrow-right {
    right: -22px;
}

.request_view .attach_pics .SlickSlider .icon-left-thin-arrow {
    left: -30px;
}

.project_bid .pro_photos .SlickSlider {
    max-width: 700px;
    margin: 0 auto;
    padding: 0px 15px;
}

.request_view .attach_pics {
    margin-left: -10px;
}

.request_view .attach_pics .SlickSlider {
    max-width: 390px;
    margin-left: 11px;
    margin-bottom: 0px;
}

.project_bid .pro_photos .SlickSlider .slick-list {
    margin-left: 0px;
    height: 100px;
}

.request_view .attach_pics .SlickSlider .slick-list {
    padding-left: 15px;
    height: auto;
}

.project_bid .pro_photos .SlickSlider .slick-slide,
.project_bid .job-done-photos .SlickSlider .slick-slide,
.profile_page .job-done-photos .SlickSlider .slick-slide,
.request_view .attach_pics .SlickSlider .slick-slide {
    margin-left: 0px;
    margin-bottom: 0px;
}

.pro_datas, .pro_mobile_cntnt {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0px;
    background: var(--light-background);
    position: relative;
    height: 150px;
    box-sizing: border-box;
    text-align: center;
    flex-wrap: wrap;
}

.project_bid .pro-all-data {
    display: flex;
    flex-direction: row;
    padding: 20px 17px;
    position: relative;
    height: 140px;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project_bid .pro-all-data .avatar {
    display: none;
}

.project_bid .pro-other-details {
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.pro-all-data .business-name {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro-all-data p {
    margin: 0;
    margin-bottom: 5px;
}

.pro-all-data .business-name .profile-link {
    color: var(--site-font-color);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
}

.pro-all-data .business-name .profile-link:hover {

    text-decoration-color: var(--link-decoration-color);
}

.pro-all-data .whatsapp_button {
    display: inline-table;
    font-size: 15px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    border-radius: var(--btn-radius);
    cursor: pointer;
    background-color: transparent;
    color: var(--site-font-color);
    padding: 0px;
    border: none;
}

.pro-all-data .bid_page_phone .phone-number {
    color: var(--site-font-color);
}

.pro-all-data .pro-ratings {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.pro-all-data .pro-ratings .rate_star .icon-star-full {
    color: var(--site-font-color);
}

.pro-all-data .pro-ratings .rate_star {
    cursor: pointer;
}

.pro-all-data .pro-badge {
    margin-top: 10px;
}

.about_pro .reviews .review-head {
    padding: 0px 5px 15px 20px;
    font-weight: 600;
    font-size: 16px;
    color: #666;
}

.badge-link {
    width: 35px;
    height: 35px;
}

.send_quick_reply .reply_heading {
    font-size: var(--site-font-size-small);
    color: var(--site-font-color);
    margin: 20px 15px 0px 0px;
}

.send_quick_reply .reply_part {
    border: 1px solid var(--table-border);
    max-width: calc(100% - 10px);
    border-radius: var(--radius-default);
    box-shadow: var(--box-shadow-small);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.send_quick_reply #decision_hire {
}

.send_quick_reply #decision_decline {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.send_quick_reply .reply_part p {
    padding: 12px 15px;
    padding-left: 40px;
    margin: 0;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
}

.send_quick_reply .reply_part p#credibom_partner {
    padding-left: 14px
}

.send_quick_reply .reply_part p span {
    vertical-align: text-top;
}

.send_quick_reply .reply_part p:hover > span {
    color: var(--link-font);
}

.send_quick_reply .reply_part p .icon {
    font-size: 18px;
    position: absolute;
    left: 12px;
}

.send_quick_reply .reply_part p .icon-proicon {
    /*color: #ffbd28;*/
}

.send_quick_reply .reply_part p .icon-coin-euro {
    /*color: #ffbd28;*/
}


.send_quick_reply .reply_part p .icon-gift {
    /*color: #116f82;*/
}

.send_quick_reply .reply_part p .icon-calendar {
    /*color: #c45863;*/
}

.send_quick_reply .reply_part p .icon-proicon.green {
    /*color: #43d504;*/
}

.send_quick_reply .reply_part p .icon-bubbles {
    /*color: #d7b4b8;*/
}

.send_quick_reply .reply_part p:not(:last-child) {
    border-bottom: 1px solid #efefef;
}

.reply_pro {
    padding-left: 10px;
    float: right;
    padding-bottom: 30px;
    padding-right: 5px;
}

.pro_mobile_cntnt {
    display: none;
}

.pro_datas .avatar, .pro_mobile_cntnt .avatar {
    width: 90px;
}

#profile_page_container .review_avatar {
    width: 70px;
    margin-right: 20px
}

.profile_page .review_data {
    width: calc(100% - 100px);
}

#profile_page_container .review_avatar .avatar {
    max-width: unset;
}

.review_avatar.is_default_avatar {
    opacity: .2;
}

.about_pro_section .review_avatar {
    width: 40px;
}

.pro_details_bid {
    width: 64%;
}

.pro-name p.business_p,
.pro_details_bid p.business_p {
    font-size: 18px;
    font-weight: 600;
}

.pro_details_bid .whatsapp_button {
    margin-top: 5px;
}

span.times_hrd {
    font-size: 11px;
    margin-left: 3px;
    font-weight: 600;
    vertical-align: middle;
    display: block
}

.pro_details_bid p, .pro_datas .pro_details_bid .rating {
    margin: 0;
    font-size: 12px;
}

.messages_section > p {
    color: var(--dark-font-color);
    margin-top: 10px;
}

.category_suggestions.answers,
#requestForm .answers {
    margin-bottom: 15px;
    padding-left: 28px;
    padding-right: 28px;
}

body:not(.fullformRequest) #requestForm .answers[data-type="full_name"],
body:not(.fullformRequest) #requestForm .answers[data-type="zip"] {
    /*background: var(--light-background);*/
}

.pro_chat .compose_message form button.icon.icon-send.submitform,
.project_bid .compose_message form button.icon.icon-send.submitform {
    background: none;
    border: none;
    color: var(--link-font);
    font-size: 27px;
    display: none;
    outline: 0;
    margin-top: 14px;
}

.chat_section .view_details_request {
    display: none;
    margin-top: 10px;
    margin-bottom: 5px;
}

.chat_section .hide-mark-as-hired {
    display: inline-block;
}

.messages_section ul.request_messages {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    padding-top: 60px;
    padding-right: 0px;
    padding-left: 10px;
}

.project_info.interested_pro .messages_section ul.request_messages {
    padding-top: 80px;
}

ul.request_messages li .chat_message .main_message:before {
    content: "";
    position: absolute;
    z-index: 1;
    border: solid 8px transparent;
    bottom: 10px;
}

ul.request_messages li.user .chat_message .main_message:before {
    border-left-color: var(--chat-message-pro-background);
    right: -15px;
}

ul.request_messages li.lead .chat_message .main_message:before {
    border-right-color: var(--chat-message-user-background);
    left: -15px;
    top: 10px;
    bottom: auto;
}

ul.request_messages li.chat_status_update,
ul.request_messages li.lead,
ul.request_messages li.user {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    border-bottom: none;
    padding: 0px 0px 5px 0px;
}

ul.request_messages li .profile_image {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 32px;
    display: block;
    float: left;
    top: -4px;
}

ul.request_messages li.user .profile_image {
    margin-left: 8px;
    margin-right: 0px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

ul.request_messages li .profile_image .avatar {
    height: 35px;
    width: 35px;
    background: var(--medium-background)
}

ul.request_messages li .chat_message {
    flex: 1;
    display: flex;
    margin-top: 0px;
    flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;

}

ul.request_messages li.chat_status_update .chat_message {
    align-items: center;
}

ul.request_messages li.lead .chat_message {
    align-items: flex-start;
}

ul.request_messages li.user .chat_message {
    align-items: flex-end;
}

ul.request_messages li .chat_message .main_message span.icon_left {
    float: right;
    padding: 2px 0px 0px 3px;
}

ul.request_messages li .chat_message .main_message a {
    color: var(--chat-message-link);
}

ul.request_messages li .chat_message .main_message {
    max-width: 400px;
    padding: 8px 12px;
    padding-bottom: 22px;
    background: var(--chat-message-user-background);
    color: var(--chat-message-user-font);
    border-radius: var(--chat-message-radius);
    overflow-wrap: break-word;
    display: inline;
    position: relative;
    word-wrap: break-word;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    word-break: keep-all;
    text-align: justify;
    min-width: 105px;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    box-shadow: var(--chat-message-shadow);
    z-index: 2;
}

ul.request_messages li.chat_status_update .chat_message .main_message {
    padding: 5px 10px;
    font-weight: normal;
    max-width: 250px;
    color: var(--dark-font-color);
    border-radius: var(--box-radius);
    text-align: center;
}

ul.request_messages li.user {
    margin-left: auto;
    padding: 0px;
    margin-top: 5px;
}

ul.request_messages li.user .profile_image,
ul.request_messages li.user .chat_message .main_message,
ul.request_messages li.user .chat_message .arrow_right {
    float: right;
}

ul.request_messages li.user .chat_message .main_message a {
    text-decoration: underline;
}

ul.request_messages li.user .chat_message .main_message {
    background: var(--chat-message-pro-background);
    max-width: min(80%, 400px);
    margin-right: 10px;
    color: var(--chat-message-pro-font);
    word-break: inherit;
    word-break: break-word;
    text-align: left;
}

ul.request_messages li.user .chat_message .main_message .check_msg {
    font-size: 12px;
    bottom: 13px;
    right: 15px;
}

.request_messages .check_msg .read_message, .request_messages .check_msg .un_read_message {
    color: #5487ff;
    font-size: 12px;
}

.request_messages .check_msg .un_read_message {
    color: #c1c1c1;
}

ul.request_messages li.user .message_time {
    text-align: right;
}

.request_messages .check_msg .read_message:nth-child(1),
.request_messages .check_msg .un_read_message:nth-child(1) {
    position: absolute;
    right: 5px;
    bottom: 6px;
    margin-right: 10px;
}

.request_messages .check_msg .read_message:nth-child(2),
.request_messages .check_msg .un_read_message:nth-child(2) {
    position: absolute;
    right: 10px;
    bottom: 6px;
    margin-right: 10px;
}

ul.request_messages li .message_time {
    font-size: 10px;
    line-height: 20px;
    color: var(--chat-message-time);
    margin-right: 35px;
    position: relative;
    top: -20px;
    height: 0;
    z-index: 2;
}

ul.request_messages li .message_time .check_msg {
    display: inline-block;
    right: -35px;
    position: relative;
    top: 8px;
}


ul.request_messages li.lead .message_time {
    margin-left: 20px;
    top: -20px;
}

ul.request_messages li.chat_status_update,
ul.request_messages li.lead,
ul.request_messages li.user {
    margin-top: 15px;
    padding: 0px;
}


.info_page .user_quote_details .user_quote_header span.icon {
    margin-left: 12px;
    margin-top: 15px;
    float: left;
}

.new-messages-line {
    display: flex;
    flex-direction: row;
    color: var(--fixando-yellow);
    font-weight: bold;
    margin: 15px 0;
}

.new-messages-line:before, .new-messages-line:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid var(--fixando-yellow);
    margin: auto 10px;
}

.new-message-bubble-block {
    background-color: var(--fixando-yellow);
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 30px;
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0);
    text-align: center;
    min-width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 10;
    display: flex;
    transition: opacity 0.2s ease-in-out;
}

.bid_chat .new-message-bubble-block {
    top: 5%;
}

.new-message-bubble-block:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.new-message-bubble-block .new-message-text {
    margin-left: 5px;
}

.new-message-bubble-block .new-message-bubble-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    font-size: var(--title-font-size);
    animation: animate-updown 0.8s infinite;
}

.new-message-bubble-block .new-message-bubble-arrow .icon {
    display: inline-block;
    vertical-align: middle;
}

@keyframes animate-updown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(0);
    }
}

.project_bid .flex_chat_div {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.bid_page #upload_attachment_button #upload_attachments {
    cursor: pointer;
    width: 100%;
    left: 0;
    font-size: 0;
    padding: 0;
    height: 100%;
}

.project_bid .submitform.btn.btn-chat-bid {
    min-width: 100px;
}

.project_bid .btn-chat-bid:hover {

}

.project_bid #send_message_form .links {
    width: 100px;
    margin-left: 10px;
    margin-right: 10px;
}

.project_bid .icon_chat_bid {
    display: flex;
    align-items: center;
    color: var(--link-font-selected);
    margin-left: 10px;
    flex-direction: row;
}

.project_bid .messge_send_part .bid_chat_title {
    margin-left: 10px;
    font-weight: normal;
    color: var(--link-font);

}

.project_bid .icon_chat_bid .call_pro a {
    margin-top: 10px;
    position: relative;
    padding: 10px;
    color: var(--link-font-hover);
}

.icon_chat_bid #upload_attachment_button {
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    cusor: pointer
}

.icon_chat_bid #upload_attachment_button > div {
    padding: 10px;
}

body.bid_page {
    position: relative;
    width: 100%;
    min-height: 100%;
    height: 100%;
}

.bid_page .compose_message form textarea {
    width: calc(95% - 180px);
    max-height: 140px;
    min-height: 38px;
    height: 38px;
    outline: 0;
    margin-left: 10px;
}

.bid_page .compose_message form textarea:focus {
    box-shadow: none;
}

.bid_page .btn i.icon.icon-fw {
    display: inline-block;
}

.pro_chat .chat_section .alert, .project_bid .compose_message .alert {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 15px;
    margin: 10px;
    width: calc(100% - 20px);
}

.pro_chat #send_message_form .attachment_container,
.project_bid #send_message_form .attachment_container {
    overflow-y: auto;
    width: 100%;
    margin: 0 !important;
}

.pro_chat .messages_section ul.request_messages {
    height: 500px;
    padding-right: 0px;
}

.messge_send_part {
    opacity: 1;
    position: absolute;
    background: var(--site-background);
    width: 100%;
    padding: 0;
    z-index: 3;
    bottom: 0;
    box-sizing: border-box;
}

.bid_page .project_info {
    flex-direction: column;
    flex-grow: 1;
    height: calc(100vh - 140px);
    display: flex;
    width: 100%;
    background: var(--site-background);
    overflow: hidden;

}

.bid_page .project_bid {
    width: 100%;
    height: 100%;
    display: flex !important;
    flex-grow: 1;
    flex-direction: row;
    min-height: 0;
    margin-bottom: 0;
}

.compose_message form textarea {
    max-height: 200px;
    overflow-Y: auto;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 12px;
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
    height: 100px;
    margin-top: 5px;
    -webkit-appearance: none;
    resize: none;
}

.compose_message form .submitform {
    float: right;
}

.project_overview .disabled {
    background-color: #eee;
}

.project_bid .header_section .icon {
    margin-right: 4px;
    font-size: 28px;
    padding-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
}


.project_bid .compose_message {
    padding-bottom: 10px;
    padding-top: 5px;
    width: 100%;
}

.about h3 {
    font-size: 25px;
    line-height: 30px;
    color: #666;
    margin: 0;
    text-align: center;
    padding: 2px 0px;
}

.desc > h2 {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
}

.desc p {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
    color: var(--light-font-color)
}

.bid_page .about_pro .contact ul li p {
    width: 75%;
    margin: 5px 0;
    padding-left: 23px;
}

.content_section .about .contact {
    margin-bottom: 20px;
}

.content_section .about .contact ul li {
    display: inline-block;
    width: 48%;
    border-top: 1px solid #e1e3e3;
    border-bottom: 1px solid #e1e3e3;
    padding: 10px 0px;
}

.content_section .about .contact ul li p {
    margin: 0px 5px;
}

.content_section .about .contact ul li p:first-child {
    color: var(--light-font-color);
    font-size: 14px;

}

.content_section .about .contact ul li p:nth-child(2) {
    color: #4e4d4d;
    padding-top: 5px;
    font-size: 14px;

}

.content_section .about .contact ul li p .icon {
    margin-right: 4px
}

.content_section .about .contact ul li:first-child {
    margin-right: 2%;
}

.project_bid .sub_header_section #action_status {
    position: relative;
    top: 30px;
    width: 100%;
    left: 0;
    text-align: center;
}

.sub_header_section #action_status {
    position: absolute;
    left: 13%;
    width: 66%;
    font-size: 18px;
    right: 0;
    text-align: center;
    vertical-align: middle;
    margin: 7px;
    color: #3ac53a;
    word-wrap: break-word;
    padding-left: 10px;
}

.project_bid .sub_header_section #action_status .icon-ok-sign {
    margin-right: 2px;
}

.sub_header_section .lead_actions > p {
    margin: 0px 10% 0px 0px;
    color: #4e4d4d;
}

.leadphotoli .icon .icon {
    color: white;
    font-size: 10px;
    position: absolute;
    right: -6px;
    top: -8px;
    background: #6aab4f;
    border-radius: 50%;
    padding: 2px 2px 2px 2px;
    border: 2px solid transparent;
}

.content_section_quote .icon .unreadleadid {
    background: var(--error-color);
    color: #fff;
    position: absolute;
    top: 0px;
    z-index: 10;
    left: 10px;
}

.user_quote_details .quoted-pro-details .pro-avatar .unreadleadid {
    font-size: 12px;
    left: 14px;
}

.quote_unseen_message {
    position: absolute;
    top: 8px;
    z-index: 10;
    left: 8px;
}

.unseen_message_head {
    position: absolute;
    top: -3px;
    z-index: 10;
    right: 15px;
}

.about_pro_section .lead_profile {
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.about_pro_section .avrg_rating {
    padding-left: 24px;
    margin: 14px 0px 0px 0px;
    font-size: var(--title-font-size);
    font-weight: 600;
}

.about_pro_section .headings {
    padding: 6px;
    background: var(--light-background);
    font-size: 15px;
    padding-left: 20px;
    padding-top: 15px;
    line-height: 20px;
    color: #9e9c9c;
    text-align: left;
    clear: both;
    text-transform: uppercase;
    border-bottom: 1px solid #EAEAEB;
    border-top: 1px solid #EAEAEB
}

.about_pro_section .desc {
    padding: 0px 5px 15px 20px;
}

.about_pro_section .contact {
    padding: 10px 10px 10px 15px;
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    letter-spacing: var(--site-letter-spacing);
}

.about_pro_section .contact i.icon {
    display: inline-block;
}

.safe_user {
    display: none;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px 10px 35px;
    color: #537399;
    position: relative
}

.safe_user img.safe_pros {
    position: absolute;
    margin-left: -25px;
    height: 20px;
}

.user_quote_details .safe_pros {
    width: 20px;
}

.about_pro_section .safe_user {
    display: block;
    margin-bottom: 10px;
    padding-top: 0;
    padding-left: 39px;
}

.leadphotoli .icon .leadid {
    font-size: 12px;
    left: -7px;
    top: -11px;
    position: absolute;
    background: #f06352;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    vertical-align: baseline;
    line-height: 14px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border: 2px solid transparent;
    color: #fff;

}

body.pro_chat .main_wrapper {

}

.project_chat_details .request_details .catname {
    margin: 0 15px;
}

.project_chat_details .request_details .content_section ul li:first-child {
    border-top: none;
}

.project_chat_details {
    background: var(--site-background);
    border-radius: var(--radius-big);
    overflow: hidden;
    padding-top: 10px
}

.project_chat_details .chat_section {
    float: right;
    width: 50%;
    padding: 0px;
    box-sizing: border-box;
    padding-bottom: 40px;
}

.project_chat_details .chat_section .chat_with {
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    color: var(--light-font-color);
    border-bottom: 1px solid var(--line-color);
}

.request_details .back_navigation {
    padding-top: 0
}

/*
This is nonsense!
.pro_quote .container-fluid, .pro_chat .container-fluid{
    max-width: 1100px;
}
*/

.project_chat_details .chat_section .centre {
    text-align: center;
}

.project_chat_details .chat_section .mark_as_hired {
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    float: right;
    margin-right: 2px;
}

.project_chat_details .chat_section .success_text {
    font-weight: 600;
}

.project_chat_details .header_section .price div:nth-child(2) {
    float: right;
}

.project_chat_details .header_section .price .qt_price {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
}

.project_chat_details .chat_section .quote_det {
    text-align: left;
}

.marked_result {
    clear: both;
    display: none;
}

.yr_qute {
    margin-bottom: 5px;
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
}

#marked_status_div {
    margin-top: 15px;
    text-align: center;
    font-size: var(--site-font-size-small);
    padding-right: 10px;
    line-height: 1.1;
}

.project_chat_details .messages_section {
    position: relative;
}

.messages_section:after {
    box-shadow: var(--chat-message-section-shadow);
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    z-index: 2;
    bottom: -20px;
}


.project_bid .reviews .stars, .pro_reviews .stars {
    text-align: center;
}

.project_bid .reviews .header .stars .rate, .pro_reviews .header .stars .rate {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    padding-left: 20px;
    align-items: flex-start;
}

.project_bid .reviews .header .stars .rate ul, .pro_reviews .header .stars .rate ul {
    list-style: none;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: space-around;
}

.about_pro_section .header .stars .rate .star-ratings {
    font-size: 18px;
}

.project_bid .reviews .header .stars .rate .icon, .pro_reviews .header .stars .rate .icon {
    padding-left: 6px;
    color: #b7b5b5;
    font-size: 19px;
}

.project_bid .reviews .header .stars .rate .active_star,
.project_bid .reviews .review .user_rating ul .active_star,
.pro_reviews .review .user_rating ul .active_star,
.pro_reviews .header .stars .rate .active_star {
    color: var(--rating-star-active);
}

.project_bid .reviews .header .stars .reviews_count,
.pro_reviews .header .stars .reviews_count {
    font-size: var(--site-font-size-mini);
    color: var(--light-font-color);
    padding-left: 8px;
}

.project_bid .reviews .review .name,
.pro_reviews .review .name {
    color: var(--light-font-color);
}

.project_bid .reviews .review .review_date,
.pro_reviews .review .review_date {
    color: var(--light-font-color);
    font-size: 9px;
}

.review_box, .review_box1,
.review_page .skills-list,
.review_page .upload-job-photos,
.review-more-info-block .more-info-box,
.review-more-info-block .more-info-options-box {
    padding: 20px 24px;
}

.review_page .upload-job-photos .attachment_container {
    padding: 0 40px;
}


.job-done-photos .review-upload-section {
    display: flex;
    flex-direction: column;
}

.job-done-photos .attachment_edit .remove {
    color: #f03709;
    vertical-align: middle;
    position: relative;
}

.job-done-photos .icon.slick-arrow {
    position: absolute;
    cursor: pointer;
    font-weight: 100;
    font-size: 25px;
    padding: 2px;
    color: var(--icons-gray);
}

.job-done-photos .icon.slick-arrow:hover {
    color: var(--link-font);
}


.job-done-photos .icon-left-thin-arrow {
    top: 50px;
    left: 0px;
}

.job-done-photos .icon-arrow-right {
    top: 50px;
    right: 6px;
}


.profile_page .review_data .job-done-photos,
.review_page .upload-job-photos {
    width: 100%;
    max-width: 700px;
}

.profile_page .review_data .reviewed-category-link {
    pointer-events: auto;
    color: var(--dark-font-color);
}

.review_page .upload-job-photos .pic {
    width: 100px;
    height: 95px;
    background: radial-gradient(circle at top right, #00000087, transparent 30%);
}

.job-done-photos .SlickSlider .pic {
    width: 80px;
    height: 75px;
}

.job-done-photos .slick-initialized {
    margin: 0 auto;
}

.project_bid .reviews .review .status {
    color: #F27845;
    font-size: 10px;
}

.project_bid .reviews .review .title,
.pro_reviews .review .title {
    font-size: 16px;
    color: #606060;
}

.project_bid .reviews .review .text,
.pro_reviews .review .text {
    font-size: 14px;
}

#profile_page_container .pro_reviews .review .text {
    font-size: 15px;
    line-height: 22px;
}

.project_bid .reviews .review .user_rating,
.pro_reviews .review .user_rating {
    padding-bottom: 15px;
    padding-top: 5px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
}

.project_bid .reviews .review p {
    margin: 0px 4px 2px 0px;
    font-size: var(--site-font-size-small);
}

.project_bid .reviews .review .user_rating .icon,
.pro_reviews .pro_review .user_rating .icon {
    color: #bdbdbd;
    font-size: 14px;
    margin-left: 2px;
}

.project_bid .reviews .review .user_rating .status,
.pro_reviews .review .user_rating .status {
    padding-left: 6px;
}

.project_bid .reviews .review .user_rating ul,
.pro_reviews .review .user_rating ul {
    list-style: none;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.review .reply_review p.name {
    color: var(--link-font-selected);
}

.review .reply_review p.name:hover {
    cursor: pointer;
}

.review .reply_review {
    box-sizing: border-box;
    padding: 5px 10px;
    border-left: 4px solid rgba(0, 0, 0, 0.11);
}

.review .reply_review p {
    margin-bottom: 5px;
}

.review .reply_review .reply {
    font-size: var(--site-font-size-small);
    color: #818181;
}

.review .reply_review div textarea {
    width: 100%;
    min-height: 80px;
    padding: 10px 16px;
}

.review .reply_review div:nth-child(2) {
    margin-top: 10px;
    text-align: right;
}


.reply_review .review_form {
    display: none;
}

.reply_review .review_form .reply {
    text-align: left;
}

.project_bid .more_reviews {
    text-align: center;
    padding: 5px 0px 20px 0px;
}

.review_box,
.review_box1,
.review_page .skills-list,
.review_page .upload-job-photos,
.review-more-info-block .more-info-box,
.review-more-info-block .more-info-options-box {
    border-radius: var(--radius-default);
    box-shadow: var(--box-shadow-small);
    background-color: var(--site-background);
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 50%;
    flex-direction: column;
    justify-content: space-around;
    flex-grow: 1;
    flex-wrap: nowrap;
    flex-basis: initial;
    align-items: center;
    margin: 0 auto;
}

.review_box .price-paid-fields {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 10px;
}

.review-more-info-block {
    display: none;
}

.review-more-info-block .more-info-box {
    margin-bottom: 20px;
}

.review-more-info-block .submit-review {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 20px;
}

.review-more-info-block .more-info-options-box .more-info-options {
    text-align: left;
    padding: 10px;
}

.review-more-info-block .more-info-options-box .more-info-options .option {
    margin: 5px;
}

.review-more-info-block .more-info-box .info,
.review-more-info-block .more-info-options-box .info {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
}

.review_box1 {
    align-items: flex-start;
    justify-content: space-around
}

.near_me_rating .rating p {
    font-size: var(--site-font-size-small);
}

.near_me_rating .rating {
    font-size: 15px;
}

.near_me_rating .rating ul li {
    padding: 0px;
}

#text_div, #title_div, #text_div_pro {
    text-align: left;
    width: 100%;
}

.text-message {
    overflow: hidden;
    word-wrap: break-word;
    height: 111.667px;
    width: 100%;
}

.headline_review {
    width: 100%;
}

.review_page {
    text-align: center;
}

.review_page_title {
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    letter-spacing: var(--headline-letter-spacing);
    font-weight: var(--headline-font-weight);
}

.review_text_button .review {
    color: var(light-font);
}

.review .icon-info {
    margin-right: 1.5%;
}

.project_bid .review, .pro_reviews .review {
    padding: 10px 15px;
    box-sizing: border-box;
    border-top: 1px solid var(--line-color);
}


#profile_page_container .pro_reviews .review {
    position: relative;
    background: var(--site-background);
    border-radius: 0;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.review.hide-review {
    display: none !important;
}

#profile_page_container .pro_reviews .review + .review {
    border-top: 1px solid var(--line-color);
}

.profile_page .pro_reviews .review .review-actions-block {
    margin-left: auto;
    position: absolute;
    top: 13px;
    right: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
}

.profile_page .pro_reviews .review .flag-user-review .flag-review {
    cursor: pointer;
    color: var(--dark-font-color);
}

.profile_page .pro_reviews .review .flag-user-review .flag-review.flag-disabled {
    pointer-events: none;
    color: var(--light-font-color);
}

.flag-question-container,
.flag-review-container {
    padding: 10px 20px;
    text-align: center;
}

.flag-question-container .flag-question,
.flag-review-container .flag-review {
    margin: 20px;
}

.flag-question .flag-confirmation,
.flag-review .flag-confirmation {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    margin-left: 45px;
    column-gap: 20px;
}

.flag-question .radio_group label,
.flag-review .radio_group label {
    display: flex;
    padding: 10px;
}

#profile_page_container .pro_reviews .review .business_name {
    font-weight: 500;
}

.business_name > label {
    display: unset
}

.review_box1 > div {
    text-align: left;
}

.review_result {
    width: 55%;
    margin: 0 auto;
}


.sub_review_rating > div {
    width: 80%;
    display: inline-flex;
}

.sub_review_rating > div > p {
    width: 65%;
    text-align: left;
}

.pro_map img {
    border-radius: var(--radius-default);
    filter: var(--img-invert-filter-map);
}

.feedback_text {
    margin: 0px;
    padding: 2%;
    text-align: center;
}

.feedback_button {
    margin: 0px;
    padding: 2%;
    text-align: right;
    cursor: pointer;
}

#title_div, .sub_review_rating {
    display: none;
}

#rating_star li {
    display: inline-block;
    cursor: pointer;
    color: var(--rating-star);
}

.rating {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 10px;
    align-items: center;
}

ul.review,
ul.sub_review,
ul#rating_star,
.rating ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-around;
    white-space: nowrap;
    font-size: 0;
}

ul.review li,
ul.sub_review li,
ul#rating_star li,
.rating ul li {
    padding-right: 2px;
    color: var(--rating-star);
}

.rating ul li .active_star, .hw_wrk_blk ul li .active_star {
    color: var(--rating-star-active)
}

.rating ul li:last-child {
    margin-right: 5px;
}

.rating p {
    color: var(--light-font-color);
    margin: 0;
    font-size: 9px;
}

/* extra rating */

#quality_rating_star li, #money_rating_star li, #communication_rating_star li, #professionalism_rating_star li {
    display: inline-block;
    cursor: pointer;
    color: var(--rating-star);
}

#quality_rating_star:hover li, #money_rating_star:hover li, #communication_rating_star:hover li, #professionalism_rating_star:hover li {
    color: var(--fixando-yellow);
}

#quality_rating_star li:hover ~ li, #money_rating_star li:hover ~ li, #communication_rating_star li:hover ~ li, #professionalism_rating_star li:hover ~ li {
    color: var(--rating-star) !important;
}

.sub_rating_heading {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
}

.highlight {
    color: var(--fixando-yellow) !important;
}


/* ends */
/***** CSS to Highlight Stars on Hover *****/
.ratingSelector a {
    color: var(--rating-star);
}

.review_img i.icon-star-full {
    margin: 4px;
    font-size: 25px;
}

.ratingSelector:hover .full,
#rating_star:hover li {
    color: var(--fixando-yellow);
}

.review_img .full:hover ~ .full,
#rating_star li:hover ~ li {
    color: var(--rating-star) !important;
}

.review_img .active_star i.icon-star-full {
    color: var(--fixando-yellow);
}

.fixbottom_unset,
.fixbottom {
    position: fixed;
    z-index: 10000;
    bottom: 35px;
    transform: translateX(-50%);
    left: 50%;
    box-shadow: var(--box-shadow-wide);
    max-width: calc(100% - 40px) !important;
    transition: var(--icon-transition-all) !important;
    border-radius: var(--btn-radius);
    outline: var(-fixed-bottom-outline);
    outline-offset: 0px;
    box-shadow: var(-fixed-bottom-shadow);
}

.fixbottom_unset {
    left: unset;
    transform: unset;
}

/**********************************/

.project_info .fixed {
    position: fixed;
    width: 21.5em;
    top: 0;
    background: var(--site-background);
    z-index: 1;
}

.reviews .content {
    padding: 0px;
    min-height: 0px;
}

.review_box div {
    padding: 10px;
}

.review_text_button .review_page {
    margin: 17px 10px;
}

.review_text_button .review_page .icon {
    padding-right: 10px;
}

.review_text_button .submit_review,
.review-more-info-block .submit_review {
    margin: 20px 10px 25px 10px;
}

.pro_reviews {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin: 0 auto;
    box-sizing: border-box;
}

.tab-pane > .account-section {
    padding-top: 0;
}

.tab-pane h3,
.tab-pane h4 {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: var(--title-font-weight);
    padding: 0 0 var(--title-padding-bottom) 0;
    margin: 0;
}

.tab-pane + h4 {
    padding-left: 10px
}

.tab-content .tab-pane .request_quote {
    padding: 20px;
    position: relative;
    margin-bottom: 5px;
    background: var(--box-background);
    box-sizing: border-box;
    box-shadow: var(--box-shadow-small);
}


.tab-content .tab-pane .request_quote_sub {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: auto;
    flex-direction: row;
    flex-basis: 100%;
    justify-content: space-around;
}

.tab-content .tab-pane .request_quote_sub .quote_price {
    color: var(--intense-font-color);
    margin-top: 20px;
}

.tab-content .tab-pane .request_quote_sub .type {
    margin-top: -5px;
    display: block
}

.tab-content .tab-pane .request_quote .info {
    flex: 1;
    orphans: initial;
    flex-basis: 50%;
}

.tab-content .tab-pane .request_quote .info .request_refund {
    font-size: 12px;
}

.tab-content .tab-pane .request_quote .info .status_message {
    font-size: 12px;
}

.tab-content .tab-pane .request_quote .info .user_name {
    font-weight: 600;
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    letter-spacing: var(--title-letter-spacing);
    font-weight: var(--title-font-weight);
}


.tab-content .tab-pane .request_quote .quote_info {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    letter-spacing: var(--site-letter-spacing);
    color: var(--light-font-color);
    vertical-align: middle;
    margin-bottom: 5px;
    text-align: right;
}

.tab-content .tab-pane .request_quote .quote_info a {
    font-size: 12px;
}

.tab-content .tab-pane .request_quote .quote_info .quote_price .amount {
    font-size: 21px;
    font-weight: 600;
}

.tab-content .tab-pane .request_quote .quote_info .quote_price .currency {
    font-size: 12px;
    vertical-align: top;
}

.tab-content .tab-pane .request_quote .quote_info .quote_price .type {
    margin-bottom: 6px;
    font-size: 12px;
}

.tab-content .tab-pane .request_quote .quote_action {
    float: right;
    font-size: 12px;
    color: #0dbbe2;
    cursor: pointer;
}

.tab-content .tab-pane .request_quote .quote_info .quote_price .needinfo {
    font-size: 11px;
    letter-spacing: 0px;
}

.tab-content .tab-pane .quoted-block .request_quote .quote-link,
.tab-content .tab-pane .quoted-block .request_quote .quote-link:hover { /* We have used the a tag in language file so using the id selector */
    color: var(--site-font-color);
}

.tab-content .tab-pane .quoted-block .request_quote .quote-link .add_private .icon-plus {
    display: none;
}

.tab-content .tab-pane .quoted-block .request_quote .quote-link .add_private,
.project_chat_details .status-link-block #marked_status_link { /* We have used the a tag in language file so using the id selector */
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    color: var(--site-font-color);
    text-decoration-color: var(--linkline-color);
}

.tab-content .tab-pane .quoted-block .request_quote .quote-link .add_private:hover {
    text-decoration-color: var(--link-decoration-color);
}

.tab-content .business-statistics-content-block .statistics-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 15px;
}

.negotiation-menu-actions .dropdown-trigger {
    position: relative;
    display: flex;
}

.negotiation-menu-actions .lead-actions-dropdown {
    position: absolute;
    top: 100%;
    left: 10px;
    background-color: var(--site-background);
    padding: 10px;
    box-shadow: var(--box-shadow-wide);
    border-radius: var(--radius-default);
    min-width: 190px;
    z-index: 1;
    overflow: auto;
}

.negotiation-menu-actions {
    display: flex;
    align-items: center;
}

.negotiation-menu-actions .lead-more-actions {
    cursor: pointer;
    font-size: 22px;
    font-weight: 500;
    color: var(--btn-primary);
    border-radius: 50%;
    padding: 5px;
}

.tab-content .business-statistics-content-block .expected-requests-block,
.tab-content .business-statistics-content-block .travel-settings-block,
.tab-content .business-statistics-content-block .badges-block,
.tab-content .business-statistics-content-block .ratings-block,
.tab-content .business-statistics-content-block .reject-reasons-block {
    padding: 15px 40px;
    background: var(--box-background);
    box-shadow: var(--box-shadow-small);
    border-radius: var(--radius-notifications);
    margin: 20px 0;
    width: 600px;
}

.tab-content .business-statistics-content-block .stats-content {
    margin: 20px 0;
    font-size: 14px;
}

.tab-content .business-statistics-content-block .stats-content .badge-lists {
    list-style-type: '- ';
    margin-left: 10px;
}

.business-statistics-content-block .badges-block .badges {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;
}

.business-statistics-content-block .badges-block .badge-block {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.business-statistics-content-block .badges-block .progress-bar-container {
    position: absolute;
    top: 30px;
    left: 13%;
    width: 75%;
    height: 30px;
    margin-top: 20px;
    z-index: 0;
}

.business-statistics-content-block .badges-block .progress-bar-container.experienced,
.business-statistics-content-block .badges-block .progress-bar-container.expert,
.business-statistics-content-block .badges-block .progress-bar-container.beginner {
    background-color: var(--badge-progress-bar-background);
}

.business-statistics-content-block .badges-block .progress-bar-container .progress-bar {
    height: 100%;
    width: 0;
    background: linear-gradient(to right, #3498db 0%, #3498db 30%, #e67e22 30%, #e67e22 80%, #2ecc71 80%, #2ecc71 100%);
    transition: width 0.5s ease-in-out;
}

.business-statistics-content-block .badges-block .badge-block .badge-image {
    background: var(--pro-badges-background);
    box-shadow: var(--pro-badges-shadow);
    flex-direction: row;
    padding: 18px;
    border-radius: 50%;
    height: 60px;
}

.business-statistics-content-block .badges-block .badge-block .badge-image span {
    opacity: 0.2;
}

.business-statistics-content-block .badges-block .badge-content {
    margin-top: 15px;
}

.business-statistics-content-block .ratings-block .review-rating {
    text-align: center;
    font-size: 18px;
}

.business-statistics-content-block .badges-block .badge-block .icon-check2 {
    font-size: var(--title-font-size);
    color: #0dd900;
}

.business-statistics-content-block .badges-block .badge-block .badge-image.active-badge span {
    opacity: 1;
}

.business-statistics-content-block .pending-reviews {
    margin: 20px 10px;
}

.business-statistics-content-block .review-details-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    background-color: var(--medium-background);
    padding: 20px;
    border-radius: 12px;
}

.business-statistics-content-block .review-details-block .missing-reviews,
.business-statistics-content-block .review-details-block .noreply-reviews {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.business-statistics-content-block .review-details-block .review-count {
    color: var(--site-font-color);
    font-size: var(--title-font-size);
    font-weight: 600;
}

.business-statistics-content-block .review-details-block .review-message {
    color: #bbbbbb;
}

.business-statistics-content-block .pending-reviews .review-reply {
    cursor: pointer;
}

.business-statistics-content-block .pending-reviews .review-details {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
}

.business-statistics-content-block .pending-reviews .review-form {
    display: none;
}

.business-statistics-content-block .pending-reviews .review-form .review-form-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.tab-content .categories-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.tab-content .categories-block .header_subsection,
.tab-content .business-statistics-content-block .header_subsection {
    padding: 0px;
}

.tab-content .business-statistics-content-block .header_subsection {
    margin-bottom: 10px;
}

.tab-content .business-statistics-content-block .reject-reasons-block .show-charts {
    display: none;
}

.tab-content .business-statistics-content-block .reject-reasons-block .show-charts.active {
    display: block;
}

.tab-content .business-statistics-content-block .reject-reasons-block .empty-chart {
    margin: 60px 0px;
}

.tab-content .business-statistics-content-block .reject-reasons-block .charts {
    margin-top: 15px;
}

.pro_register {
    flex-basis: 33.33%;
    align-self: stretch;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-around;
    text-align: left;
}

.pro_register .set_profile h2, .pro_register .activate_account h2, .pro_register .get_hired h2 {
    font-size: 18px;
    color: #4a4a4a;
    line-height: 25px;
    padding-bottom: 15px;
    margin: 0;
}

.set_profile, .activate_account, .get_hired {
    box-shadow: 0px 0px 10px #e0dbdb;
    padding: 20px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    flex: 1;
    text-align: center;
    margin-bottom: 20px;
}

.set_profile, .activate_account {
    margin-right: 30px;
}

.pro_reg_icon .icon {
    font-size: 27px;
}

.pro_reg_icon {
    margin-bottom: 15px;
}

.pro_reg_txt {
    font-size: 15px;
    color: #695e5e;
}

.get_hired .app_icons {
    font-size: 35px;
    margin-top: 8px;
}

.get_hired .app_icons i {
    vertical-align: middle;
    color: #cccccc;
}

.get_hired img.install_icons {
    width: 150px;
    display: none;
}

.get_hired .app_icons i.icon-playstore {
    font-size: 33px;
}

.set_profile .icon {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    position: relative;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-weight: 600;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
}


.home_hw_wrks .home-how-it-works-title {
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
    padding-top: var(--headline-padding-top);
    padding-bottom: var(--headline-padding-bottom);
    text-align: center;
}

.home_hw_wrks .home_hw_wrks_lft {
    float: left;
    width: 50%;
    margin-right: 20px;
    display: flex;
    flex-direction: row;

}

.home_hw_wrks .home_hw_wrks_rgt {
    float: left;
    width: calc(50% - 20px);
    text-align: left;
    margin-top: 0px;
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    padding-right: 40px;
    box-sizing: border-box;
}

.home_hw_wrks_rgt .hw_wrks_txt {
    padding-bottom: 30px;
}

.home_hw_wrks_rgt .hw_wrks_txt p:first-child {
    color: var(--title-font-color);
    font-weight: var(--title-font-weight);
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
}

.home_hw_wrks_rgt a.tar.db {
    text-align: center;
    padding: 8px 20px;
    max-width: 285px;
    float: right;
    margin-right: 15px;
}

.home_hw_wrks .home_hw_wrks_lft .avatar_wrks {
    box-shadow: 0 0 0 2px rgba(50, 50, 58, 0);
    width: 70px;
    height: 70px;
    max-width: 100%;
    position: relative;
    border-radius: 50%;
}

.home_hw_wrks_lft .hw_wrk_blk {
    width: 170px;
    max-width: 170px;
    min-width: 100px;
    background: var(--box-background);
    padding: 25px 20px 20px 20px;
    box-shadow: var(--box-shadow);
    border-radius: var(--radius-default);
    transition: .35s cubic-bezier(0.24, 1, 0.32, 1);
    border: .5px solid #0000002b;
    z-index: 0;
}

.home_hw_wrks_lft .hw_wrk_blk:first-child {
    transform: scale(0.85) translateX(43px);
}

.home_hw_wrks_lft .hw_wrk_blk:nth-child(2) {
    transform: scale(1) translateY(0px);
    z-index: 1;
    opacity: 1;
}

.home_hw_wrks_lft .hw_wrk_blk:nth-child(3) {
    transform: scale(0.9) translateX(-43px);
}

.home_hw_wrks_lft .hw_wrk_blk:first-child:hover,
.home_hw_wrks_lft .hw_wrk_blk:nth-child(2):hover,
.home_hw_wrks_lft .hw_wrk_blk:nth-child(3):hover {
    z-index: 2;
    opacity: 1;
    transform: scale(1.03);
    filter: drop-shadow(var(--box-shadow-small));
}

.home_hw_wrks_lft .hw_wrk_blk:first-child:hover {
    transform: scale(1.03) translateX(50px);
}

.home_hw_wrks_lft .hw_wrk_blk:nth-child(3):hover {
    transform: scale(1.03) translateX(-50px);
}


.home_hw_wrks .home_hw_wrks_lft .hw_wrk_img {
    position: relative;
    width: 80px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.home_hw_wrks_lft .hw_wrk_img .icon {
    font-size: 12px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 1;
    background: #02c62b;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: middle;
    padding: 1px 1px 1px 1px;
    line-height: 16px;
    color: #fff;
}

.home_hw_wrks_lft .hw_wrk_img .icon.icon-ok:before {
    margin-left: 2px;
    top: 1px;
    position: relative;
}

.home_hw_wrks_lft .hw_wrk_blk p:first-child {
    font-weight: 400;
}

.home_hw_wrks_lft .hw_wrk_blk div:nth-child(2) p:nth-child(3) {
    padding: 10px 0px;
    font-size: 22px;
    font-weight: 500;
}

.home_hw_wrks_lft .hw_wrk_blk div:nth-child(2) p:nth-child(4) {
    font-weight: 400;
    color: var(--light-font-color);
    font-size: 12px;
    text-align: left;
}

.home_hw_wrks_lft .hw_wrk_blk div:nth-child(2) p:nth-child(5) {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
    text-align: left;
    word-break: break-word;
}

.hw_wrk_blk ul li {
    float: left;
    font-size: 14px;
    color: var(--light-font-color);
}

.hw_wrk_blk ul {
    text-align: left;
    display: table;
}

.hw_wrk_blk ul li .icon {
    margin-right: 2px;
}

.hw_wrk_blk ul li:last-child {
    padding-left: 5px
}

.quote_details_header {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: space-between
}

.quote_details_header .header_section {
    width: 100%;
    padding: 0px 20px 0 40px;
    margin: 0;
}

.view_request_details {
    text-align: center;
    display: none;
}

#view_request_details span {
    margin-left: 4px;
}

.create-pro-account {
    background: var(--highlighted-background);
}

.create-pro-account .pro-title {
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
}

/**
HOW DOES IT WORK
 */
.how_it_works_user, .how_it_works_pro {
    min-height: 390px;
    position: relative;
}

body:not(.share) .how_it_works_pro .how_it_works_pro_img {
    height: 520px;
    width: 100%;
    overflow: hidden;
    background: url('/img/how_it_works_pro.jpg?x=2') center no-repeat;
    background-size: cover;
}

.site_ie .how_it_works_user .how_it_works_user_img {
    height: 675px;
}

.how_it_works_user .how_it_works_user_img {
    height: auto;
    padding-bottom: 20px;
    width: 100%;
    overflow: hidden;
    background: url('/img/how_it_works.jpg') top center no-repeat;
    background-size: cover;
    background-position-y: -50px;
}

.how_it_works_user_txt, .how_it_works_pro_txt {
    display: table;
    max-width: 420px;
    padding: 50px 0px 30px 0px;
    text-shadow: 1px 0 5px rgba(0, 0, 0, 0.2)
}

.how_it_works_user_txt {
    padding: 50px 0px 10px 0px;
}

.how_it_works_pro_txt {
    max-width: 520px;
}

.how_it_works_user_txt h1, .how_it_works_pro_txt h1,
.how_it_works_user_txt h2, .how_it_works_pro_txt h2 {
    color: #FFF;
    font-size: 40px;
    padding-bottom: 20px;
}

.how_it_works_user_txt p, .how_it_works_pro_txt p {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
}

.choose_account .pro_register_link,
.how-it-works-pro .pro_register_link {
    display: none !important
}

.how_it_does_user_txt a {
    display: inline-block;
    padding: 8px 16px;
    text-align: center;
    line-height: 1.2504;
    border-radius: var(--btn-radius);
    background-color: var(--btn-primary);
    color: var(--btn-primary-font);
}

.how_it_does_user_main {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.how_it_does_user_main h3 {
    padding-bottom: 12px;
}

.how_it_does_user_main .how_it_does_user {
    display: table;
    width: 100%;
    padding: 50px 0px;
}

.how_it_does_user .how_it_does_user_txt {
    float: left;
    width: 48%;
}

.how_it_does_user .how_it_does_user_img {
    float: right;
    width: 48%;
    text-align: center;
}

.how_it_does_user_img .pedido {
    height: 250px;
}

.how_it_does_user_img .contratado {
    width: 80%;
}

.how_it_does_user:nth-child(2) .how_it_does_user_txt {
    float: right;
    width: 48%;
}

.how_it_does_user:nth-child(2) .how_it_does_user_img {
    float: left;
    width: 48%;
}

.how_it_does_user_txt p {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    color: var(--site-font-color);
}

.how_it_does_user_txt ul li {
    display: inline-block;
    width: 48%;
    margin-bottom: 10px;
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    color: var(--site-font-color);
    vertical-align: top;
}

.how_it_does_user_txt .head_text {
}

.pro_head_text {
    padding-bottom: 20px;
    margin: 10px 0;
    font-weight: var(--headline-font-weight);
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    color: var(--headline-font-color);
}

.how_it_does_pro_main {
    padding: 0px 0px 30px 0px;
}

.how_it_does_pro {
    display: table;
    width: 100%;
    height: auto;
}

.how_it_does_pro:first-child {
    padding: 50px 0px 35px 0px;
}

.how_it_does_pro h2 {
    padding-bottom: 40px;
}

.how_it_does_pro h2 b {
    font-size: 40px;
    font-weight: normal !important;
}

.how_it_does_pro .how_it_does_pro_txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    float: left;
    width: 48%;
}

.how_it_does_pro .how_it_does_pro_img {
    float: right;
    width: 48%;
}

.how_it_does_pro .how_it_does_pro_txt > div:first-child {
    font-size: 60px;
    font-weight: 600;
    color: var(--very-light-font-color);
    margin: 0 2% 0 0;
    line-height: 1;
}

.how_it_does_sub h3 {
    padding-top: var(--title-padding-bottom-small);
    padding-bottom: var(--title-padding-bottom-small);
}

.how_it_does_sub h4 {
    margin-top: 5px;
    padding-bottom: 30px;
}

.how_it_does_sub ul li {
    padding-bottom: 20px;
    padding-left: 30px
}

.how_it_does_sub ul li:before {
    content: "\e116"; /* FontAwesome Unicode */
    font-family: Fixando;
    display: inline-block;
    color: var(--fixando-yellow);
    position: absolute;
    margin-left: -28px;
}

.how_it_does_adv_main {
    background: var(--section-background);
    padding: 40px 0px;
}

.how_it_does_adv_main h2 {
    color: var(--site-font-color);
    padding-bottom: 20px;
}

.how_fixando_works_tut h4 {
    padding-bottom: 20px;
    font-weight: normal;
}

.how_fixando_works_tut h3 {
    padding-bottom: 0px;
    padding-top: 20px;
}

.how_fixando_works_tut iframe {
    border: 0;
    position: absolute;
    box-shadow: 0px 0px 4px #aca5a5;
    top: 8px;
    left: 0;
    margin-left: 11%;
    width: 80%;
    height: 80%;
}

.tut_next {
    margin-top: -12%;
}

.how_fix_video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.how_fixando_works_tut {
    text-align: center;
}

.how_it_does_adv_main .how_it_does_adv {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    align-items: flex-start;
}

.how_it_does_adv .how_it_does_user p {
    font-size: 18px;
    font-weight: 600;
    color: var(--site-font-color);
    padding-bottom: 11px;
}

.how_it_does_adv_main .how_it_does_adv {
    padding-bottom: 25px;
}

.how_it_does_adv .how_it_does_adv_img {
    margin-right: 1.5%;
    margin-top: -7px;
}

.how_it_does_adv .how_it_does_adv_img p {
    padding: 6px 7px;
    border-radius: 4px;
    color: var(--fixando-yellow);
    font-size: 32px;
}

.how_it_does_adv_img .icon-bubbles:before {
    color: var(--fixando-yellow);
}

.how_it_does_adv .how_it_does_adv_img .no_fees {
    position: relative;
}

.how_it_does_adv .how_it_does_adv_img .no_fees:after {
    content: "";
    background: var(--fixando-yellow);
    height: 2.2px;
    width: 30px;
    line-height: 17px;
    margin-top: 19px;
    position: absolute;
    left: 0;
    top: -5px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(45deg);
}

.how_it_does_adv .how_it_does_user ul li {
    padding-bottom: 10px;
    line-height: 23px;
}

.facebook-messenger {
    padding-bottom: 10px;
}

.messenger_position {
    position: relative;
}

.fb-messenger-checkbox {
    min-height: 24px; /* This prevents layout shifting */
}

/* fixando pay */
.ask_pay_block {
    display: none;
    background: var(--light-background);
    padding: 20px;
    border-radius: var(--btn-radius);
    clear: both;
}

.ask_pay_fxpay_client .ask_pay_block {
    display: block;
    margin-top: 40px;
    background: var(--site-background);
}

.ask_pay_fxpay_client .ask_pay_block_close {
    display: none;
}

.ask_pay_fxpay_client .ask_pay__block_label_info {
    font-size: 18px;
    text-align: center;
}

.ask_pay_fxpay_client .ask_pay__block_btn {
    text-align: center;
}

.ask_pay_fxpay_client .form-group.span3,
.ask_pay_fxpay_client .form-group.span9 {
    width: 100%;
    margin-left: 0px;
}

.ask_pay_methods_img {
    height: 40px;
    margin-right: 30px;
    filter: var(--img-invert-filter-intense);
}

.defaultPopupBackground {
    background: rgba(0, 0, 0, 0.8) !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    z-index: 999999;
}

.add_client_pay_block {
    background: var(--site-background);
    padding: 20px;
}

#form_fixando_pay_add_client label {
    font-weight: bold;
}

#form_fixando_pay_add_client .label_fine {
    font-weight: normal;
}

.fixando_pay_balance_bar {
    background: var(--medium-background);
}

.ask_pay_block_close {
    float: right;
    font-size: 28px;
    color: var(--icons-darkgray);
    cursor: pointer;
}

.ask_pay_block_close:hover {
    color: var(--link-font-hover)
}

.fx_pay_icon_client_actions:hover,
.fx_pay_icon_client_actions:hover:before {
    color: #0596ff;
}

.fx_pay_icon_client_actions {
    cursor: pointer;
    font-size: var(--title-font-size);
    color: var(--dark-font-color);
}

.ask_pay_fxpay_client {
    font-size: 22px;
    color: var(--dark-font-color);
}

.movements_fxpay_client,
.movements_fxpay_client:before {
    font-size: 18px;
    color: var(--dark-font-color);
}

.edit_fxpay_client {
    color: var(--dark-font-color);
}

.chat_ask_pay_methods {
    min-width: 300px;
}

.chat_ask_pay_provider,
.chat_ask_pay_provider_img {
    background: var(--site-background);
    border-radius: 4px;
    padding: 5px 15px;
    cursor: pointer;
}

.chat_ask_pay_provider_img {
    cursor: default;
}

.chat_ask_pay_generated {
    background: var(--fixando-yellow) !important;
}

.client_ask_pay_amount span {
    font-size: 24px;
    line-height: 40px;
}

.client_ask_pay_is_paid {
    background: #25D366;
    padding: 25px;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.client_ask_pay_methods {
    max-width: 300px;
    margin: 25px auto;
    background: var(--very-light-font-color);
    padding: 20px;
    border-radius: 6px;
}

.client_ask_pay_provider {
    background: var(--site-background);
    border-radius: 4px;
    padding: 5px 15px;
    cursor: pointer;
}

ul.request_messages li.user .chat_message .chat_ask_pay_generated:before {
    border-left-color: var(--fixando-yellow);
}

ul.request_messages li.lead .chat_message .chat_ask_pay_generated:before {
    border-right-color: var(--fixando-yellow);
}

ul.request_messages li.user .chat_message .chat_ask_pay_paid:before {
    border-left-color: #25D366;
}

ul.request_messages li.lead .chat_message .chat_ask_pay_paid:before {
    border-right-color: #25D366;
}

.chat_ask_pay_paid {
    background: #25D366 !important;
}

.show_ask_pay_icon_chat {
    color: var(--link-font);
    font-size: 26px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.show_ask_pay_icon_chat:hover {
    color: var(--link-font-hover);
}


.chat_section .ask_pay_block {
    margin: 20px 10px 20px 0;
}

.chat_section .ask_pay_block .span3,
.chat_section .ask_pay_block .span9 {
    width: 100%;
    margin-left: 0px;
}

.fxpay_table_movements .rTableCell,
.fxpay_table_clients .rTableCell {
    min-width: 120px;
    font-size: 14px;
}

.fxpay_table_movements .rTableCell {
    min-width: 40px;
}

.fxpay_table_movements .rTableCell.smallCell,
.fxpay_table_clients .rTableCell.smallCell {
    min-width: 40px !important;
}

.fxpay_table_movements label,
.fxpay_table_clients label {
    cursor: default;
}

.fxpay_table_clients .fxpay_list_requests_div {
    background: var(--medium-background);
    padding: 0px 10px 15px;
    margin-top: -15px;
}

.fxpay_list_requests_div {
    display: grid;
}

.fx_pay_welcome_block {
    background: var(--site-background);
    padding: 30px;
    border-radius: var(--radius-default);
}

.fx_pay_welcome_block_step {
    color: var(--full-font-color);
    font-size: var(--headline-font-size);
    background: #ffb000;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin: -50px auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fx_pay_welcome_block_text {
    background: var(--medium-background);
    color: var(--dark-font-color);
    text-align: center;
    padding: 20px 10px;
    margin-top: 20px;
    margin-top: var(--section-padding-top);
    margin-bottom: 30px;
    min-height: 110px;
    border-radius: var(--radius-default);
}


.business-code {
    position: relative;
}

.business-code .autocomplete-suggestions:not(.fixed) {
    width: 100% !important;
}

.business-code .icon.drop-down {
    position: absolute;
    top: 71px;
    right: 15px;
    color: var(--icons-darkgray);
    font-size: 18px;
}

.label_blue,
.label_orange,
.label_green {
    min-width: 120px;
    padding: 5px 10px;
    border-radius: var(--btn-radius);
}

.label_blue {
    color: var(--btn-primary);
    background: var(--site-background);
    border: 2px solid var(--btn-primary);
}

.label_orange {
    color: var(--fixando-yellow);
    background: var(--site-background);
    border: 2px solid var(--fixando-yellow);
}

.label_green {
    color: #1fb91e;
    background: var(--site-background);
    border: 2px solid #1eb91e;
}

.ask_pay_block {
    margin-top: 20px;
}

.list_requests_payments {
    margin-top: 10px;
    display: flex;
    cursor: pointer;
}

.list_requests_payments .ask_pay_request_cancel {
    cursor: pointer;
    color: #ff2a00;
    font-size: 18px;
    margin-right: 10px;
}

.pay_requests_table_title {
    font-size: 14px;
    color: var(--fixando-yellow);
}

.list_requests_payments.nolink,
.list_requests_payments.nolink label {
    cursor: default !important;
}

/** Popup for switch domain **/
.flag_bg > h2 {
    background: #f3f3f3;
    color: #4e4e4e;
    font-weight: 600;;
    padding: 7px 0px;
    font-size: 15px;
    margin: 0;
    line-height: 100%;
}

.flag_bg > p {
    color: #4c4c4c;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 0px;
}

.flag_bg .flag_div {
    border: 1px solid #efefef;
    padding: 7px 6px;
    border-radius: 2px;
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.flag_bg .flag_div:last-child {
    background: #dddddd
}

.flag_bg > .flag_div > p:first-child {
    background: url(../img/flags.png);
    margin-right: 10px;
    width: 15px;
    height: 11px;
}

.flag_bg .flag_div:last-child p:first-child {
    background-image: url(../img/flags.png);
    width: 15px;
    height: 11px;
}

.flag_bg .flag_div p {
    margin: 0;
}

.content_center {
    justify-content: center !important;
}

.flag_bg .flag-en p:first-child,
.flag_bg .flag-uk p:first-child {
    background-position: -32px -22px;
}

.flag_bg .flag-de p:first-child {
    background-position: -32px -11px
}

.flag_bg .flag-at p:first-child,
.flag_bg .flag-at p:first-child {
    background-position: -16px 0;
}

.flag_bg .flag-be p:first-child,
.flag_bg .flag-fr_be p:first-child,
.flag_bg .flag-nl_be p:first-child {
    background-position: -32px 0;
}

.flag_bg .flag-br p:first-child,
.flag_bg .flag-pt_br p:first-child {
    background-position: -48px 0;
}

.flag_bg .flag-ca p:first-child {
    background-position: -64px 0;
}

.flag_bg .flag-ch p:first-child,
.flag_bg .flag-de_ch p:first-child {
    background-position: 0 -11px;
}

.flag_bg .flag-cz p:first-child {
    background-position: -16px -11px;
}

.flag_bg .flag-da p:first-child {
    background-position: -48px -11px;
}

.flag_bg .flag-es p:first-child {
    background-position: -64px -11px;
}

.flag_bg .flag-fi p:first-child {
    background-position: 0 -22px;
}

.flag_bg .flag-fr p:first-child {
    background-position: -16px -22px;
}

.flag_bg .flag-hu p:first-child {
    background-position: -48px -22px
}

.flag_bg .flag-ie p:first-child {
    background-position: -64px -22px;
}

.flag_bg .flag-hi p:first-child {
    background-position: 0 -33px;
}

.flag_bg .flag-it p:first-child {
    background-position: -16px -33px;
}

.flag_bg .flag-nl p:first-child {
    background-position: -32px -33px;
}

.flag_bg .flag-no p:first-child {
    background-position: -48px -33px;
}

.flag_bg .flag-pl p:first-child {
    background-position: -64px -33px;
}

.flag_bg .flag-pt p:first-child {
    background-position: 0 -44px;
}

.flag_bg .flag-com p:first-child {
    background-position: 0 -44px;
}

.flag_bg .flag-ru p:first-child {
    background-position: -16px -44px;
}

.flag_bg .flag-sv p:first-child {
    background-position: -32px -44px;
}

.flag_bg .flag-tr p:first-child {
    background-position: -48px -44px;
}

.flag_bg .flag-en_us p:first-child {
    background-position: -64px -44px;
}

.flag_bg .flag-usa p:first-child {
    background-position: -64px -44px;
}

.flag_bg .flag-mx p:first-child {
    background-position: -80px -55px;
}

.flag_bg .flag-cl p:first-child {
    background-position: -96px -55px;
}

.flag_bg .flag-sg p:first-child {
    background-position: -112px -55px;
}

.flag_bg .flag-nz p:first-child {
    background-position: -128px -55px;
}

.flag_bg .flag-au p:first-child {
    background-position: -80px -66px;
}

.flag_bg .flag-uk p:first-child {
    background-position: -112px -22px;
}

.flag_bg .flag-do p:first-child {
    background-position: -144px -55px;
}

.flag_bg .flag-in p:first-child {
    background-position: 0 -33px;
}

.wrapper {
    margin: 0 auto;
    width: 1010px;
}

.header_headline {
    background: #999999;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 44px;
    margin: 11px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
}

.nav {
    float: left;
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 553px;
}


.my_menu {
    text-align: right;
    float: right;
}

.menu-avatar:hover .my_menu .menu_name {
}

.my_menu .info_user {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 26px;
    position: relative;
    z-index: 1;
}

body.home:not(.categories) .nav_menu ul li a .my_menu {
    /*color: var(--link-font);*/
}

body:not(.categories).home .nav_menu ul li a:hover .my_menu {
    /*color: var(--link-font-inverse-hover);*/
}


.refund_info {
    font-size: 12px;
    color: var(--light-font-color);
    padding-bottom: 0px !important;
    padding-left: 30px !important;
    position: relative;
    margin-top: 20px !important;
    box-sizing: border-box;
    display: inline-block;
    line-height: 1.3;
}

.refund_info .icon-shield {
    color: var(--icons-gray);
    font-size: 22px;
    left: 0px;
    position: absolute;
    top: 2px;

}

.question_card .answers .input-disabled {
    background-color: var(--light-background) !important;
}

.quote_block {
    float: left;
    display: none;
}

.project_info .project_overview .project_links {
    padding: 11px;
    display: inline-block;
    width: 100%;
}

.account button.submitform {
    margin-top: 20px;
}

.change_visibility:after {
    content: '\e622';
    font-family: 'fixando';
}

.hidden_state:after {
    content: '\e621';
    font-family: 'fixando';
}

.hidden_status_doc {
    width: 8%;
}

.doc_attach .change_visibility {
    color: red;
    cursor: pointer;
    padding: 1px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.doc_attach .change_visibility:hover {
    background: #c22900;
    color: #ffffff;
}

.hidden_status_video {
    margin-right: -3px;
}

.attachment_status {
    position: relative;
}

table.attachments_data h5 {
    margin-left: 5px;
}

table.attachments_data h5 a {
    word-break: break-all;
}

.blocked_view {
    position: relative;
}

.blocked_view:before {
    position: absolute;
    content: "";
    top: -5px;
    left: -12px;
    font-size: 12px;
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 22px solid yellow;
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.blocked_view:after {
    position: absolute;
    font-family: Fixando;
    content: "\e622";
    top: 0;
    left: 0;
}

.hide_imp {
    display: none !important;
}

.redirect_message {
    background: var(--error-background);
    color: var(--error-color);
    padding: 10px 15px;
    border-radius: var(--box-radius);
    margin-top: 15px;
    position: relative;
}

.quote_templates .quote-list {
    padding: 0;
    height: auto;
    max-height: 800px;
}

.quote_templates .quote-detail {
    box-shadow: var(--box-shadow-small);
    flex-basis: 100% !important;
    padding: 10px 15px 25px 10px;
    margin: 5px 0px;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-grow: 1;
    position: relative;
    width: auto;
    align-self: stretch;
    border-radius: var(--radius-default);
    background: var(--box-background);
}

.quote_templates .span4.quote-list {
    padding-left: 10px;
    padding-right: 10px;
}

.quote_templates .template-head {
    font-weight: 600;
    display: block;
}

.quote_templates .template-head .temp_head {
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    line-height: var(--title-line-height);
}

.quote_templates .template-mode-text {
    width: 82%;
}

.quote_templates .template-head .flex-mode {
    display: flex;
    align-items: center;
}

.quote_templates .quote-detail .template-head {
    margin: 10px 15px 10px 15px;
}

.quote_templates .quote-list .template-head {
    margin: 10px 0px 60px 3px;
}

.quote_templates .submitform.edit.dsktop {
    width: 100%;
    padding: 8px 10px;
}

.quote_templates .template-list {
    clear: both;
}

.quote_templates .content_section {
    padding: 20px 15px 20px 15px;
}

.quote-list-li span#quote_pricetype {
    opacity: 0.65;
}

.quote_templates .template-list ul li {
    padding: 15px 15px 8px 15px;
    cursor: pointer;
    background: var(--box-background);
    border-radius: var(--btn-radius);
    margin-bottom: 1px;
    min-height: 50px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1.5;
}

.quote_templates .template-list ul li:hover, .quote_templates li.quote-list-li.active {
    border: 1px solid var(--line-color);
    border-radius: var(--btn-radius);
}

.quote_templates .template-list div.left span {
    display: block;
    word-break: break-word;
    word-wrap: break-word;
}

.quote_templates .notemplates div {
    text-align: center;
    margin-top: 10rem;
}

.quote_templates .notemplates div i.icon.icon-price-tag {
    font-size: 3rem;
    color: lightgrey;
}

.quote_templates a.delete, .quote_templates a.newtemplate.icon_new,
.quote_templates a.edit_temp, .quote_templates a.edit-mob {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.quote_templates a.delete, .quote_templates a.newtemplate.icon_new {
    background: var(--btn-primary);
    color: var(--btn-primary-font);
    font-size: 20px
}

.quote_templates a.delete.hide, .quote_templates a.newtemplate.icon_new.hide,
.quote_templates a.edit_temp.hide {
    display: none;
}

.quote_templates a.edit_temp {
    padding-top: 7px;
    height: 28px;
    margin-right: 5px;
    color: var(--icons-darkgray);
}

.quote_templates a.edit_temp i.icon, .quote_templates a.edit-mob i.icon {
    font-size: var(--title-font-size);
}

.quote_templates a.edit_temp:hover {
    color: #6e6c6c;
}

.quote_templates .content-title {
    font-size: 4rem;
    height: 5rem;
    text-align: center;
    padding-top: 15px;
}

.quote_templates a {
    cursor: pointer;
    vertical-align: sub;
}

.quote_templates #quote_title {
    padding-right: 80px;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
}

.quote_templates #quote_title:hover {
    text-decoration-color: var(--link-decoration-color);
}

.quote-list-li {
    position: relative;
}

#li_quote_price {
    position: absolute;
    right: 10px;
}

.quote_templates ul.template-ul {
    max-height: 35rem;
    overflow: auto;
}

.main_wrapper .quote_templates i.icon {
    font-size: 1.5rem;
}

.quote_templates i.icon.delete:hover,
.quote_templates i.icon-remove:hover {
    opacity: 0.7
}

.quote_templates .quote-display {
    opacity: 0.6;
}

.quote_templates .quoteform div {
    margin-bottom: 1rem;
}

.quote_templates .quote_text_box div, .attachment_container div {
    margin-bottom: 0 !important;
}

.quote_templates .responsive {
    display: none !important;
}

.quote_templates a.goback {
    margin-right: 11px;
    display: none;
}

.quote_templates .attachment_container {
    margin-left: 0;
    text-align: left;
}

.quote_templates .flex-mode .actions_icon {
    width: 25%;
    text-align: right;
}

.quote_templates .actions_icon_mob {
    display: none;
    text-align: right;
}

.quote_templates #quoteform .attachment_container {
    display: block;
}

.attachment_container,
.attachment_wrapper {
    width: 100% !important;
    box-sizing: border-box
}

.attachment_wrapper {
    background: var(--chat-message-pro-background);
    border-radius: var(--btn-radius);
}

.attachment_wrapper i.icon.icon-trash {
    /*color: var(--link-font);*/
}

.attachment_wrapper i.icon.icon-trash:hover {
    color: red;
}

.attachment_wrapper span.attachment_edit {
    margin-right: 0.3rem;
}

.attachment_wrapper .right {
    margin-right: 5px;
}

.attachment_wrapper .left {
    max-width: 85%;
    overflow: hidden;
    font-size: 0.85rem;
}


.attachment_container .span6,
.certificate_container .span6 {
    padding: 5px 0 !important;
    box-sizing: border-box;
}

.attachment_container .attachment_wrapper:hover {
    background-color: var(--highlighted-background);
}

.attachment_wrapper a, .attachment_wrapper i {
    vertical-align: sub;
    line-height: 16px;
    padding: 8px 12px;
    display: inline-block;
}

.attachment_wrapper a {
    /*color: var(--dark-font-color);*/
    color: var(--highlighted-color);
}

.attachment_wrapper a:hover {
    color: var(--link-font-hover);
    text-decoration: underline;
}


.project_bid .attachment_wrapper {
    border: 0;
    border-radius: 0;
    margin: 0 !important;
}

.project_bid .attachment_wrapper + .attachment_wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pro_chat #send_message_form .attachment_container,
.project_bid #send_message_form .attachment_container {
    margin-left: 0px !important;
    width: 100%;
    margin-top: 0 !important;
}

.project_bid #send_message_form .attachment_container {
    bottom: 100px;
    left: 0;
}


.account .profile_template {
    margin-bottom: 2rem;
}


.selected_cats li:hover > a:before {
    content: "\e612";
    font-family: fixando;
    font-size: var(--title-font-size);
    color: var(--error-color);
}

.selected_cats li {
    padding: 10px 20px 10px 68px;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    position: relative;
    border-radius: var(--radius-big)
}

.selected_cats li a {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    align-items: center;
    width: 100%;
    color: var(--dark-font-color);
}

.selected_cats li:hover a {
    color: var(--error-color);
}

.selected_cats li a:before {
    content: "\e116";
    font-family: fixando;
    text-align: center;
    padding: 4px 8px;
    color: var(--success-icon-color);
    position: absolute;
    left: 32px;
}

.selected_cats .add_cat > a:before {
    content: "\e613" !important;
    font-family: fixando;
    text-align: center;
    margin-right: 5px;
    padding: 4px 8px;
    color: var(--success-icon-color);
}

.profile_template div {
    display: grid;
}

.profile_page .row-fluid [class*="span"] {
    margin-left: 0;
}

#documents_wrapper table.attachments_data h5 {
    margin: 0;
}

#documents_wrapper .attachment {
    padding: 0;
}

#documents_wrapper table.attachments_data a {
    word-wrap: break-word;
    word-break: break-all;
}

#createform_content .row-fluid [class*="span"]:nth-child(odd) {
    margin-left: 0 !important;;
}

.content_section .about .contact ul li:nth-child(odd) {
    margin-right: 2%;
}

.profile_page .row-fluid [class*="span"] {
    margin-left: 0 !important;;
}

.profile_page .pro_profile p.title {
    color: var(--light-font-color);
}

.profile_page .pro_profile .span4 {
    padding-bottom: 15px;
}

.profile_page .pro-name {
    display: inline-block;
    width: 60%;
}

div.pro_profile .title span.icon {
    margin-right: 0.3rem;
}

div.pro_profile i.icon.icon-caret-right {
    margin: 0.3rem;
}

div.pro_profile a, .contact ul li a {
    color: inherit;
    text-decoration: underline;
}

.contact a.certificate_url {
    text-decoration: underline;
}

div.pro_profile a:hover, .contact ul li a:hover {
    text-decoration-color: var(--link-decoration-color);
}

.profile_page .row-fluid [class*="span"] {
    margin-left: 0;
}

#profile_success #profile_success h3 {
    margin-top: 10px;
}

#profile_success .how_to_have_success_tips {
    margin-top: 20px;
    display: table;
}

#profile_success .how_to_have_success_tips .row {
    display: table-row;
}

#profile_success .how_to_have_success_tips .row div {
    display: table-cell;
    vertical-align: middle;
}

#profile_success .how_to_have_success_tips .empty {
    padding-top: 15px;
}

#profile_success .how_to_have_success_tips .row .no .badge {
    height: 60px;
    width: 45px;
    min-width: 45px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: var(--icons-gray);
    color: white;
    font-weight: bold;
    font-size: 30px;
}

#profile_success .how_to_have_success_tips .row .no {
    vertical-align: top;
    padding-right: 20px;
    padding-top: 10px;
}

#profile_success .how_to_have_success_tips .row .badge_title {
    position: relative;
}

#profile_success .how_to_have_success_tips .row .tip_heading {
    width: 40%;
    vertical-align: top;
    padding-top: 20px;
    font-size: 24px;
    line-height: 24px;
    color: var(--light-font-color);
    font-weight: 300;
}

#profile_success .how_to_have_success_tips .row .tips {
    width: 50%;
    padding: 20px;
    padding-left: 40px;
}

#profile_success .how_to_have_success_tips .row .tips > ul li .tip {
}

#profile_success .how_to_have_success_tips .row .tips > ul li .tip:first-line {

    text-indent: 2em;
}

#profile_success .how_to_have_success_tips .row .tips > ul li .tip:before {
    content: "\e116 ";
    display: inline-block;
    width: 1.3em;
    font-family: fixando;
    color: var(--fixando-yellow);
    position: absolute;
    margin-left: -25px;
}

#profile_success .how_to_have_success_tips .row .tips > ul li {
    line-height: 23px;
    padding-bottom: 5px;
}

.account .pro-awards-section .award-section {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    justify-content: space-evenly;
    box-shadow: var(--box-shadow-wide);
    padding: var(--site-horizontal-padding);
    background: var(--fixed-header-background);
    margin-top: 20px;
}

.account .pro-awards-section .award-section .award {
    padding: 5px;
    width: 190px;
    margin-left: auto;
    border: 1px solid var(--input-border-color-active);
    grid-column: 8 / 13;
    grid-row: 1 / 3;
}

.account .pro-awards-section .title {
    height: 50px;
    position: relative;
    background: var(--fixed-header-background);
    grid-column: 2 / 8;
    grid-row: 1;
}

.account .pro-awards-section .award-details {
    grid-column: 2 / 8;
    grid-row: 2 / 3;
}

.account .pro-awards-section .award-details .award-copy-icon {
    font-size: var(--title-font-size);
    color: var(--icons-gray);
    background: var(--fixando-background);
    border: 1px solid var(--dark-background);
    transition: transform 100ms, background-color 100ms, border-color 100ms, color 100ms, opacity 100ms, background 100ms;
}

.account .pro-awards-section .award-details .award-copy-icon:hover {
    color: var(--icons-hover);
    transform: var(--btn-scale-hover);
}

.account .pro-awards-section .award-details .copy-field {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    border: var(--input-border-width) solid var(--input-border-color);
}

.account .pro-awards-section .award-details .copy-field .copy-text,
.account .pro-awards-section .award-details .copy-field .award-copy-icon {
    padding: 6px 15px;
    border: none;
}

.account .pro-awards-section .award-details .copy-field .copy-text {
    flex-grow: 1;
    cursor: text;
}

.account .pro-awards-section .award-details .copy-field .award-copy-icon {
    cursor: pointer;
}

.account .pro-awards-section .award-details .description {
    padding-bottom: var(--title-padding-bottom);
}

.account .pro-awards-section .text-to-copy .copy-text:focus {
    box-shadow: none;
}

#profile_page_container .user_rating .star-ratings {
    font-size: 18px;
}

#profile_page_container .user_rating p {
    margin: 0 5px 0 5px
}

/* Services block */

.services-block {
    margin-left: 0 !important;
}

.services-block .services-list .services-head {
    margin-bottom: 20px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.services-block .services-head .js-add-new-services {
    cursor: pointer;
}

.services-block .services-head .js-add-new-services .icon {
    font-size: 25px;
}

.services-block .services-list .services-body {
    clear: both;
}

.services-block .services-list .services-body .services-listing {
    max-height: 35rem;
    overflow: auto;
}

.services-block .services-list .services-body .services-listing .services-listing-li {
    height: auto;
    min-height: 50px;
    flex-direction: row;
    padding: 15px 15px 8px 15px;
    cursor: pointer;
    background: var(--medium-background);
    border-radius: var(--btn-radius);
    margin-bottom: 1px;
    position: relative;
}

.services-block .services-list .services-body .services-listing .services-listing-li .service {
    padding-right: 60px;
    float: left;
}

.services-block .services-list .services-body .services-listing .services-listing-li .service .service-type {
    font-size: small;
    display: block;
    word-break: break-word;
    word-wrap: break-word;
    opacity: 0.65;
}

.services-block .services-list .services-body .services-listing .services-listing-li .service-price {
    position: absolute;
    right: 10px;
    float: right;
}

.services-block .services-new .services-details {
    box-shadow: 0 0px 14px 0px rgba(116, 113, 113, 0.29);
    flex-basis: 100% !important;
    padding: 10px 15px 25px 10px;
    margin: 5px 0px;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    flex-grow: 1;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex-grow: 1;
    position: relative;
    width: auto;
    align-self: stretch;
    border-radius: var(--radius-big);
    background: var(--site-background);
}

.services-block .services-new .services-details .services-details-head {
    margin: 10px 15px 10px 15px;
    font-weight: 600;
    display: block;
}

.services-block .services-new .services-details .services-details-head .flex-mode {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.services-block .services-new .services-details .services-details-head .submitform.edit.dsktop {
    width: 100%;
    padding: 8px 10px;
    margin-top: 0px;
}

.services-block .services-new .services-details .content-section {
    padding: 20px 15px 20px 15px;
}

.services-block .services-new .services-details .content-section {
    padding: 20px 15px 20px 15px;
}

.services-block .services-new .services-details .content-section .service-price-box {
    position: relative;
}

.services-block .services-new .services-details .content-section .service-price-box .currency {
    position: absolute;
    top: -10px;
    right: 35px;
    font-size: 60px;
    color: var(--btn-light-font);
}

.services-block .services-new .services-details .services-details-head .goback {
    margin-right: 5px;
    display: none;
    cursor: pointer;
}

.services-block .services-new .services-details .services-details-head .actions_icon_mob {
    display: none;
    text-align: right;
}

.services-block .services-new .estimate-types {
    margin-top: 10px;
}

.services-block .services-new .estimate-types .types-lists {
    list-style-type: none;
    display: flex;
    margin-top: 3px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 7px;
    padding-bottom: 8px;
    align-content: center;
}

.services-block .services-new .estimate-types .types-lists.disabled,
.services-block .services-new .direct-booking-catid.disabled {
    pointer-events: none;
    opacity: 0.7
}

.services-block .services-new .estimate-types .list .type-name {
    text-decoration: none;
    padding: 2px 15px;
    border: 1px solid #fff5e3;
    border-radius: var(--box-radius);
    cursor: pointer;
    background-color: #fff5e3;
    flex-grow: 1;
    width: 180px;
    text-align: center;
    align-self: center;
}

.services-block .services-new .estimate-types .list {
    display: contents;
}

.services-block .services-new .estimate-types .list .type-name:hover,
.services-block .services-new .estimate-types .list .type-name.active {
    background-color: var(--link-font-hover);
    color: var(--dark-font-color);
}

.services-block .services-new .services-details .content-section .service-description {
    width: 100%;
    height: 150px;
    padding: 10px;
}

.services-block .services-list .services-body .services-listing .services-listing-li:hover,
.services-block .services-list .services-body .services-listing .services-listing-li.active {
    background: var(--btn-primary);
    color: #fff;
}

.services-block .service-form .quoteform > p {
    margin: 0 0 5px;
}

.services-block .service-form .quoteform > div {
    margin-bottom: 15px;
}

.services-block .service-form .quoteform .price-simulation-block {
    background-color: #fff5e3;
    padding: 10px;
    border-radius: 8px;
}

.services-block .service-form .quoteform .price-simulation-block .price-break-up {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.services-block .service-form .quoteform .price-simulation-block .price-break-up .price-simulation-content {
    padding: 5px 10px;
    margin: 0px;
}

.services-block .service-form .quoteform .price-simulation-block .total {
    margin-top: 20px;
}

.services-block .service-form .quoteform .price-simulation-block .head-title,
.services-block .service-form .quoteform .price-simulation-block .total {
    font-weight: 600;
}

.services-block .service-form .service-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    justify-items: center;
    margin-top: 30px;
    align-items: center;
}

.services-block .service-form .service-actions .js-delete-service {
    cursor: pointer;
}

.services-block .service-form .service-actions .js-delete-service .icon {
    font-size: 28px;
}

.services-block .service-form .service-actions .js-delete-service.disabled {
    cursor: not-allowed;
    color: var(--dark-font-color);
    opacity: 0.3;
}

/* Services block */
.category-images-block {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

.category-images-block .category-image {
    width: 180px;
    height: 180px;
    object-fit: cover;
}

.category-images-block .slicker .slick-slide {
    max-width: 180px;
    min-width: 170px;
}

/* PROFILE STEPS */
.login .started_reqs,
.account .started_reqs,
.choose_account .started_reqs,
.pro_quote .started_reqs,
.fullformRequest .started_reqs,
.pro_chat .started_reqs,
.request_view .started_reqs,
.create .started_reqs,
body.js-no-started-requests .started_reqs {
    display: none;
}

/* SECTION VIEW */
.profile_steps.profile_section {
    padding-top: 20px;
    text-align: center;
}

.profile_steps.profile_section .remove_label_border label {
    border: none;
}

.profile_steps.profile_section .profile_section_label {
    margin-bottom: 10px;
}

.profile_steps.profile_section .profile_section_label .profile_section_tag_label {
    font-size: var(--site-font-size-small);
    font-weight: var(--site-font-weight);
}

.profile_steps.profile_section .profile_section_subline_label {
    text-align: center;
    margin: 20px 0;
}

.profile_steps.profile_section .section_almost_complete .icon_details, .profile_steps.profile_section .section_complete .icon_details {
    font-size: 120px;
}

.profile_steps.profile_section label {
    font-weight: 500;
    margin: 0px;
}

.profile_steps.profile_section .custom_padding label {
    padding: 10px 0px 3px 0px;
}

.profile_steps.profile_section .answers #businessname {
    margin-top: 3px;
    margin-bottom: 5px;
}

.profile_steps.profile_section .answers textarea {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 5px;
}

.profile_steps.profile_section .profile_header_image_wrapper.empty {
    background-color: lightgrey;
}

#createform .profile_steps.profile_section #photo_selector[data-phototype="profile"]:after {
    left: 50%;
}


.profile_steps.profile_section .section_websites .row-fluid {
    display: flex;
    flex-direction: column;
}

.profile_steps.profile_section .section_websites .form-group {
    margin-bottom: 8px;
    width: 100%;
    margin-left: 0;
}


.profile_steps.profile_section .section_portfolio {
    text-align: center;
    margin-top: 50px;
}

.profile_steps.profile_section #header_photo_selector_link {
    border: 1px solid #1884FF;
    padding: 8px;
    display: block;
    margin: 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    background-color: white;
}

.profile_steps.profile_section #profile_avatar_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile_steps.profile_section #profile_photo_selector_link,
.profile_steps.profile_section #header_photo_selector_link {
    margin: 10px 0;
    box-sizing: border-box;
    text-align: center;
    border-radius: var(--btn-radius);
}

.profile_steps.profile_section .section_view_wrapper {
    margin-top: 10px;
}

.profile_steps.profile_section .section_view_wrapper .profile_avatar_wrapper {
    width: 100%;
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile_steps.profile_section #create_result {
    bottom: 0px;
    width: calc(100% + 40px);
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}

.profile_steps.profile_section #create_result.certificate_success {
    background: #0bb80b;
    height: auto;
    padding: 5px;
    margin-bottom: 10px;
}

.profile_steps.profile_section #create_result .alert {
    width: calc(100% - 70px);
    position: absolute;
    z-index: 2;
    max-width: 100%;
    top: 18px;
}

.profile_steps.profile_section .section_fields .field-info {
    width: 100%;
    text-align: left;
}

.popup_mode body.create,
.overflow_mode body {
    overflow: scroll;
    margin-right: 17px;
    -webkit-overflow-scrolling: unset;
}

.profile_steps .answers .upload_label {
    border-top: none;
    padding: 0px;
}

/* FULL PAGE  VIEW */
#create_form_fields {
    padding-bottom: 80px;
}

.profile_steps.full_page .block {
    margin-top: 40px;
}

.profile_steps.full_page label {
    background: transparent;
    border: none;
    font-weight: 600
}


.profile-description-wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
		"label actions"
		"textarea textarea";
    column-gap: 12px;
}

.profile-description-wrapper > label {
    grid-area: label;
    align-self: flex-end;
    text-align: left;
}

.profile-description-wrapper > .ai-action-box {
    grid-area: actions;
    align-self: flex-end;
    margin-bottom: 3px;
}

.profile-description-wrapper > textarea {
    grid-area: textarea;
}

.profile_steps.full_page label.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.profile_steps.full_page label.disabled:hover input[type="checkbox"] + span:before {
    background: none !important;
    color: inherit !important;
}

.profile_steps.full_page .section_heading {
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    line-height: var(--title-line-height);
    letter-space: var(--title-letter-spacing);
    margin: 5px 0px;
}

.profile_steps.full_page .section_subline_heading {
    font-weight: 300;
}


.profile_steps.full_page .section_avatar .section_heading {
    display: none;
}

.profile_steps.full_page :not(.section_avatar):not(.section_websites):not(.section_hire_rules) > .section_titles {
    background-color: var(--highlighted-background);
    color: var(--highlighted-color);
    border-radius: var(--radius-default);
    padding: 20px 24px 24px;
}

.profile_steps.full_page .section_covid .section_titles,
.profile_steps.full_page .section_notifications .section_titles,
.profile_steps.full_page .section_spoken_languages .section_titles,
.profile_steps.full_page .section_payment_modes .section_titles {
    display: flex;
    align-items: center
}

.profile_steps.full_page .section_covid .section_titles .section_subline_heading,
.profile_steps.full_page .section_notifications .section_titles .section_subline_heading,
.profile_steps.full_page .section_spoken_languages .section_titles .section_subline_heading,
.profile_steps.full_page .section_payment_modes .section_titles .section_subline_heading {
    margin-left: 10px;
}

.profile_steps.full_page .section_websites .section_heading {
    display: none;
}

.profile_steps.full_page #create_profile_avatar {
    margin-left: 20px !important;
}

.profile_steps.full_page .profile_page_header {
    z-index: 0;
}

.profile_steps.full_page .section_covid #safe_pro label {
    display: block;
}

.js-suggest-profile-description {
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 1;
    margin: 15px;
    opacity: 1;
    transition: opacity .1s ease-in-out;
}

.profile-description-block-filled .js-suggest-profile-description {
    opacity: 0;
    pointer-events: none;
}

.loading-link:after {
    content: '\e62e';
    font-family: 'Fixando';
    margin-left: 5px;
    animation: spin 2s infinite linear;
    position: absolute;
}

.js-detect-user-location .loading-link:after {
    opacity: 0;
    margin-left: 0;
    bottom: 0;
}

.js-detect-user-location .show-animation.loading-link:after {
    opacity: 1;
    transition: opacity .1s ease-in-out;
}

/* END PROFILE STEPS */

/*#profile_widgets .widgets .widget_reviews .right .large_widget .centered {
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 108px;
    height: 40%;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font-weight: bold;
    color: #1b1b1b;
}
#profile_widgets .widgets .widget_reviews .right .small_widget .centered {
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 108px;
    height: 40%;
    font-size: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font-weight: bold;
}*/
#documents_wrapper table.attachments_data h5 {
    margin: 0;
}

#documents_wrapper .attachment {
    padding: 0;
}

#documents_wrapper table.attachments_data a {
    word-wrap: break-word;
    word-break: break-all;
}

.account_box .user-credits {
    color: var(--link-font) !important;
}

#checkout_content span#promocode_notification {
    position: relative;
    color: green;
    margin-left: 5px;
}

#checkout_content #remove_promocode {
    padding: 7px 8px;
    margin-left: 8px;
}

#checkout_content .has-promo-code {
    cursor: pointer;
}

#checkout_content .accept-terms label {
    font-size: 16px;
    border: none;
    background: none;
    padding: 5px 0;
}

#checkout_content .service-details {
    padding-top: 10px;
}

#checkout_content .service-details .service-name,
#checkout_content .service-details .service-description {
    font-size: 16px;
    font-weight: 500;
    padding-left: 10px;
}

#enter_promo .input_promo {
    padding-left: 25px;
}

.credits_account {
    margin-top: 10px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.credits_account span.credt_count {
    padding: 13px 0px 13px 0px;
    display: inline-block;
    height: 100%;
}

.credits_account a.btn {
    display: block;
}

.account .premium-user-info .title,
.account .xpress-credits-info .title,
.credits_account span.crdt_in {
    color: var(--light-font-color);
}

.account .xpress-credits-info {
    padding-bottom: 18px;
}

.account .premium-user-info {
    padding-bottom: 15px;
}

.premium-user-info .premium-status-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px;
}

.premium-user-info .premium-status-block .premium-subscription-actions {
    display: flex;
    gap: 10px;
}

.premium-user-info .premium-status-block .s-action {
    min-width: 120px;
    margin: 5px 0;
}

.account .xpress-credits-info .specialquotes_userinfo {
    margin-bottom: 5px;
}


.req_credit, .dwnload_invoice {
    font-size: var(--site-font-size-small);
    border-radius: var(--btn-radius);
    padding: 3px 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

a .req_credit,
.dwnload_invoice {
    cursor: pointer;
    border: 1px solid var(--btn-bordered);
    color: var(--btn-bordered-font);
    white-space: nowrap;
}

.invoice_notready {
    font-size: var(--site-font-size-small);
}


.rTable {
    border-radius: var(--radius-default);
    box-shadow: var(--box-shadow-small);
    padding: 10px;
    display: table;
    box-sizing: border-box;
    width: 100%;
    background: var(--site-background);
}

.rTableRow {
    display: table-row;
    box-sizing: border-box;
}

.rTableHead {
    padding: 8px 10px;
    font-weight: 400;
}

.rTableCell {
    padding: 15px 10px;
    border-bottom: 1px solid var(--table-border);
}

.rTable .rTableRow:last-child .rTableCell {
    border-bottom: none;
}

.rTable .rTableRow .rTableCell:first-child {
    padding-left: 36px;
}

.rTable .rTableRow:not(.desk_head):first-child .rTableCell:first-child {
    border-top-left-radius: var(--btn-radius);
}

.rTable .rTableRow:first-child .rTableCell:last-child {
    border-top-right-radius: var(--btn-radius);
}

.rTable .rTableRow:last-child .rTableCell:first-child {
    border-bottom-left-radius: var(--btn-radius);
}

.rTable .rTableRow:last-child .rTableCell:last-child {
    border-bottom-right-radius: var(--btn-radius);
}

.rTableCell, .rTableHead {
    display: table-cell;
}

.rTableFoot {
    font-weight: bold;
    border-top: 1px solid var(--table-border);
    border-bottom: 1px solid var(--table-border);
}

.mob_head {
    display: none;
}

body.profile_page .pro-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.profile_page .btn-back {
    margin-right: auto;
}

body.profile_page .profile_rating,
body.profile_page .pro-badge {
    flex-direction: row;
    margin-right: 10px;
    margin-bottom: 15px;
}


.span12.bbg .maincat_navigation_small {
    min-height: 40px;
}


#attributes h3 i.icon {
    display: inline-block;
    margin-right: 0.5rem;
}

#locations h3 i.icon {
    margin: 0px;
    margin-right: 0.5rem;
}

#attributes .trust_signal {
    border-radius: var(--radius-default);
    padding: 15px 25px;
    border: 1px solid var(--line-color);
}

#attributes .trust_signal * {
    border-bottom: none;
}

#attributes .trust_signal div {
    display: inline-block;
    vertical-align: top;
    float: none;
}

#attributes .trust_signal div.span6 {
    width: 100%;
    padding: 7px 0px;
}

#attributes .trust_signal div.span6 + .span6 {
    border-top: 1px solid var(--table-border);
}

#attributes .trust_signal div.span6 h5 {
    flex-grow: 1;
    color: #555;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0;
    padding-right: 20px;
}

#attributes .trust_signal div.span6 i.icon {
    margin: 0 10px;
    font-size: 18px;
    color: var(--light-font-color);
}

#attributes .trust_signal div.span6 .span12 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#profile_page_container h5 {
    font-size: var(--site-font-size-small);
    color: #5d5f5f;
    margin: 0;
    margin-bottom: 5px;
    line-height: 14px;
}

#profile_page_container .upload-photos .head {
    font-size: 15px;
    color: #5d5f5f;
    margin: 0;
    margin-bottom: 0px;
    line-height: 1.4;
}

#profile_page_container .upload-photos .multimedia-link {
    margin-top: 10px !important;
    position: relative;
    top: -2px;
}

#attributes .trust_signal span {
    font-size: var(--site-font-size-small);
    margin: 0;
    color: #747474;
}

.profile_page .pro_reviews .review .name {
    font-size: 16px;
    margin-right: 1rem;
}

.profile_page .pro_reviews .review .title {
    font-size: 18px;
}

.profile_page .pro_reviews .review .review_date {
    font-size: var(--site-font-size-small);
}

.profile_page .pro_reviews {
    max-width: 100%;
}

.profile_page .pro_reviews .review {
    margin: 30px 0;
    padding: 30px 0 0;
}

.profile_page .profile_categories {
    min-height: 50px;
}

.lg_grn {
    background: var(--success-background);
}

.lg_ylw {
    background: var(--sunny-background);
}

.invoice_table .rTableHead {
    border-bottom: 1px solid var(--table-border);
    border-top: 1px solid var(--table-border);
}

.invoice_table .rTableCell {
    border-bottom: 1px solid var(--table-border);
    border-top: none;
}

.iti {
    display: block !important;
}

.questions .inbox#phone_number {
    margin-left: 22px !important;
}

.questions .iti.iti--allow-dropdown .iti__flag-container,
.questions .iti.separate-dial-code .iti__flag-container,
.pro #requestForm .iti .iti__flag-container {
    left: 22px !important;
}

#requestForm .question_card#qid_receive_quotes {
    z-index: 9;
}

.requestPopup .iti.iti--allow-dropdown {
    margin-left: 22px;
    width: calc(100%);
}

html.popup_mode #galleryOverlay,
html.popup_mode .intl-tel-input.iti-container {
    z-index: 10000000001;
}

.category.display_user_details .breadcrumbs,
.category.display_user_details .keywordtags {
    display: none;
}

.category .back_button a {
    color: var(--link-font-hover);
}

.category .back_button i {
    font-size: 25px;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 3px;
    color: var(--link-font-hover);
}

.category .back_button span {
    vertical-align: middle;
    font-size: 15px;
}

/****************** Testimonial ***************/
.testimonial-section {
    text-align: center;
    outline: 0;
}

.testimonial-section .testimonials-title {
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    padding-bottom: var(--headline-padding-bottom);
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
}

.testimonial-section .slick-list {
    max-height: 100%;
}

.testimonial-section .slick-list.draggable {
    margin: 0 65px 0 65px;
    height: 250px;
}

.testimonial-section .slick-dots li {
    margin: 0;
}


.dback .slick-dots li.slick-active button:before,
.dback .slick-dots li button:before {
    color: #ffffff;
}

.t_block {
    min-height: 200px !important;

}

.t_block div.testi_content {
    box-shadow: var(--box-shadow-small);
    margin: 20px;
    min-height: 200px;
    display: table;
    width: calc(100% - 40px);
    border-radius: var(--radius-big);
    background: var(--box-background);
}

.testimonial-text {
    padding: 15px 20px 15px 20px;
    min-height: 100% !important;
}

.testimonial-image {
    position: relative;
}

.testimonial-image img {
    width: 100%;
    height: 200px;
    border-top-left-radius: var(--btn-radius);
    border-bottom-left-radius: var(--btn-radius);

}

.testimonial_content .testimonial-text {
    min-height: 200px;
    height: auto !important;
    text-align: left;
}

.testimonial_media {
    height: 200px;
    width: 100%;
}

.landing .testimonial-section .slick-slide {
    max-height: 999px;
}

.testimonial-image iframe.animated.fadeIn.shadow {
    width: 100%;
    box-shadow: none;
}

.testimonial-section .container-fluid {
    max-width: 1200px;
}

.testimonial_slide .icon.slick-arrow {
    position: absolute;
    cursor: pointer;
    font-weight: 500;
    font-size: 34px;
    padding: 3px;
    color: var(--icons-gray);
}

.testimonial_slide .icon.slick-arrow:hover {
    color: var(--link-font);
}


.testimonial_slide .icon-left-thin-arrow {
    top: 100px;
    left: 0px;
}

.testimonial_slide .icon-arrow-right {
    top: 100px;
    right: 6px;
}

.testimonial-text span {
    font-size: 16px;
    line-height: 20px;
    color: #626262;
}

.testimonial_content .testimonial-text .testimonial-name {
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 12px;
}

.testimonial-section .slick-dots {
    position: relative;
}

.testimonial-section .row-fluid:not(.nopadding) {
    padding-left: 0px !important;
    padding-right: 0px !important;
    outline: 0;
}

.testimonial_cats {
    font-size: var(--title-font-size);
    color: var(--dark-font-color);
    padding: 10px 0;
}

.testimonial-text span.testimonial_date {
    font-size: 12px;
}

.iti {
    display: block !important;
}

.questions .inbox#phone_number {
    margin-left: 22px !important;
}

.questions .iti.iti--allow-dropdown .flag-container,
.questions .iti.separate-dial-code .flag-container {
    left: 22px !important;
}

.pro #requestForm .iti .iti__flag-container {
    left: 11px !important;
}

#requestForm .question_card#qid_receive_quotes {
    z-index: 9;
}

.requestPopup .iti.iti--allow-dropdown {
    margin-left: 22px;
    width: calc(100%);
}


.fullformRequest .question_card {
    box-shadow: var(--box-shadow-small);
    padding: 30px 10px;
    border-radius: var(--btn-radius);
    background: var(--popup-background);
}

.fullformRequest .question_title {
    padding-top: 20px;
}


.testimonial-text span.testimonial_date {
    font-size: 12px;
}

.visited_cats {
    text-align: center;
    min-height: 315px;
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
    background: var(--highlighted-background);
}

.visited_cats .slick-slider_title {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
}

a#show_passed_req {
    cursor: pointer;
}

a.fast_replied {
    color: #454545;
}

.comm_details h5 {
    margin-bottom: 15px;
}

.fast_cat_name {
    color: #000000;
    font-size: 25px;
    font-weight: bold;
}

.request_box p.fast_work {
    color: #222222;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
}

.request_box p.info_interest {
    color: #747171;
    font-size: 12px;
    margin-top: 5px;
}

.request_box p.info_interest i {
    margin-right: 2px;
    vertical-align: middle;
}

.request_box p.info_interest span {
    vertical-align: middle;
}

.request_box .draft-info {
    margin-top: 10px;
}

.fast_work_yes {
    padding: 7px 35px;
    color: #fffffff;
    outline: 0;
    margin-top: 10px;
}

.fast_work_no {
    padding: 7px 35px;
    outline: 0;
    margin-left: 10px;
    margin-top: 10px;
}

.faster_view {
    padding: 7px 25px;
    color: #fffffff;
    outline: 0;
    margin-top: 10px;
}


.icon_interested {
    color: white;
    font-size: 12px;
    position: absolute;
    right: -8px;
    top: -7px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
    background: #ff2600;
    border-radius: 50%;
    padding: 0;
}

.icon_interested.replied {
    background: #2dc32d;
}

.icon_interested .icon {
    vertical-align: middle;
}

.interested_pro_image {
    position: relative;
    display: inline-block;
    margin: 0px 3px;
}

.project_info p.see_req a.see_request {
    padding: 8px 30px;
}

.quote_info_tabs {
    text-align: center;
}

.quote_info_tabs li {
    display: inline-block;
}

.quote_info_tabs li:not(first-child) {
    margin-left: -5px;
}

.quote_info_tabs li a {
    cursor: pointer;
    background: var(--site-background);
    text-align: center;
    font-size: 18px;

    position: relative;
    display: block;
    padding: 10px 15px;
    color: var(--link-font);
    -webkit-transition: All 0.2s ease;
    border: 1px solid var(--btn-primary);
    -moz-transition: All 0.2s ease;
    width: 150px;
}

.quote_info_tabs li:first-child a {
    border-top-left-radius: var(--radius-default);
    border-bottom-left-radius: var(--radius-default);
}

.quote_info_tabs li:nth-child(2) a {
    border-top-right-radius: var(--radius-default);
    border-bottom-right-radius: var(--radius-default);
}

.quote_info_tabs li a.active {
    background: var(--btn-primary);
    color: #ffffff;
}

.request-info-tab {
    display: none !important;
}

.request-status-info,
.request-info-tab.active {
    display: block !important;
    box-sizing: border-box;
}

.project_overview .request-info-content {
    width: 550px;
    margin: auto;
}

.request-pros-list .request-share-pros-block {
    width: 500px;
    margin: auto;
}

.request-pros-list .request-share-pros-block {
    margin: 50px auto;
}

.request-pros-list .request-share-pros-block .category-name {
    text-align: center;
    font-size: var(--title-font-size);
    font-weight: 600;
    margin-bottom: 20px;
}

.bid_page .messages_section.interested_page {
    padding: 0px;
}


.interested_reply {
    margin-top: 50px;
}

.interested_reply_part div {
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    position: relative;
    display: block;
    padding: 8px 16px;
    color: var(--link-font);
    background: var(--medium-background);
    background-color: var(--btn-outlined-hover);
    width: 450px;
    margin: 10px auto;
    border-radius: var(--radius-default);
    line-height: 18px;
}

.interested_reply_part div:hover {
    background: var(--btn-primary);
    color: #ffffff;
}

.info_page .interested_reply {
    margin-top: 0px;
}

.interested_reply_part div.info_reply {
    width: auto;
    margin: 2px 5px 10px 0;
    padding: 8px 10px;
}

.info_page .interested_reply_part {
    display: flex;
    flex-direction: row;
    margin: 5px 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.interested_quotes .user_quote_details {
    margin: 30px auto;
}

.quote_now_chat_message {
    text-align: center
}

.quote_now {
    padding: 12px 30px;
    border-radius: var(--btn-radius);
    margin: 0 auto;
    margin-top: 75px;
}

.request_messages .quote_now.quote-block {
    display: none;
}

.lead_plus {
    border-radius: 50%;
    background: var(--medium-background);
    margin: 0;
    padding: 4px 9px 7px 9px;
}

.lead_plus i.icon-plus {
    vertical-align: middle;
    color: var(--light-font-color);
}

#teaser_app.common_teaser {
    padding: 6% 0;
    /* background-position: -50px;*/
}

#teaser_app.common_teaser .container-fluid {
    margin-left: 500px;
}

.app_store_image img {
    width: 120px;
}

.app_store_image {
    float: right;
    margin-top: 30px;
}

.android .app_store_image .ios_app {
    display: none;
}

.ios .app_store_image .android_app {
    display: none;
}

.report_req {
    display: inline-block;
}

.popup_content .report_req {
    margin-left: 0 !important;
}

.request_view .js-ask-attachment,
.report_req:not(:empty) {
    margin-left: 30px;
    padding-top: 5px;
}

ul.partner_site li {
    display: inline-block;
    text-align: center;
    margin: 20px 15px;
}

ul.partner_site li img {
    height: auto;
    width: 135px;
}

ul.partner_site .comparaja img {
    width: 190px;
}

ul.partner_site .precoimbativel img {
    width: 210px;
}

ul.partner_site .studi_kompass img {
    width: 240px;
}

span.main-category,
span.sub-category {
    display: flex;
    flex-direction: column;
    line-height: 2;
}

span.main-category {
    padding: 20px;
    padding-bottom: 0;
    background: var(--medium-background);
    font-size: 22px;
    font-weight: 400;
    border-top-left-radius: var(--btn-radius);
    border-top-right-radius: var(--btn-radius);
}


span.sub-category {
    padding: 15px;
    padding-top: 25px;
    font-size: var(--title-font-size);
    font-weight: 300;
    color: var(--light-font-color);
}

.main_category_block {
    padding: 20px;
    padding-top: 0;
    background: var(--medium-background);
    border-bottom-left-radius: var(--btn-radius);
    border-bottom-right-radius: var(--btn-radius);
}

.main_category_section + .main_category_section {
    margin-top: 10px;
}


.get-reviews {
    display: flex;
    position: relative;
    align-items: center;
    background: rgba(255, 159, 2, 0.1);
}

.get-reviews .icon-star-full {
    font-size: 30px;
    border-radius: 50%;
    background: var(--fixando-yellow);
    padding: 10px;
    color: #fff;
}

.star-description {
    display: flex;
    align-items: center;
}

.email_me_example,
.get_share_link,
.send_via_email {
    cursor: pointer;
}

body.review_pros .user_fields {
    align-items: center;
    display: inline-flex;
}


.ask_review_success {
    text-align: center;
    font-style: normal;
    padding: 5px 20px;
}

.ask_review_success p {
    margin-bottom: 20px;
}

.ask_review_success i {
    font-size: 25px;
    border: 1px solid #31c608;
    color: #31c608;
    border-radius: 50%;
    padding: 5px;
}

.hide_ask_review_pro {
    display: none !important;
}

.info_to_pro {
    background: var(--fixando-yellow);
    color: #fff;
    padding: 10px 5px;
    margin: 20px 0;
}

.info_to_pro p {
    margin: 0px;
}


i.close_tip {
    font-size: 23px;
    font-weight: normal;
    position: absolute;
    top: 10px;
    color: var(--icons-gray);
    cursor: pointer;
    right: 10px;
    z-index: 1;
    padding: 5px;
}

i.close_tip_welcome,
i.close_tip_trusted {
    font-size: 23px;
    font-weight: normal;
    position: absolute;
    top: 10px;
    color: var(--icons-gray);
    cursor: pointer;
    right: 15px;
}

i.close_tip:hover,
i.close_tip_welcome:hover,
i.close_tip_trusted:hover {
    color: var(--link-font);
}

a.refer_via_whatsapp {
    color: #43d854;
}

.request_box .distance,
.tip_important, .tip-info {
    padding: 0 10px;
    border-radius: var(--btn-radius-badge);
    margin-left: 5px;
    font-size: var(--site-font-size-mini);
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 400;
    height: 20px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin-top: -2px;
}

.tip_important {
    color: var(--btn-primary-font);
    background: var(--btn-primary);
}

.tip-info {
    color: var(--tip-info-color);
    background: var(--tip-info-background);
}

.request_box .distance {
    background: var(--medium-background);
    color: var(--light-font-color);
    font-weight: 500;
}

.badge {
    color: var(--badge-color-inverted);
    display: inline-block;
    background: var(--badge-background-inverted);
    padding: 4px 10px;
    border-radius: var(--btn-radius);
    font-size: var(--site-font-size-small);
    border-color: transparent;
}


.request_details .global_requests_badge_wrapper {
    text-align: center;
}

.request_details .next-request {
    float: right;
}

.global_requests_badge_wrapper .badge {
    color: #a6a6a6;
    background: var(--medium-background);
    margin-bottom: 5px;
}

.global_request_settings .allowed_sites {
    display: flex;
    justify-content: flex-start;
}

.review_requested i {
    padding: 5px;
}

span.review_requested {
    color: #31c608;
}

.external-review .emails {
    padding: 6px 12px;
    width: 400px;
    height: 36px;
}

.external-review #emails_alert {
    margin-top: 10px;
}

.star_award {
    width: 80px;
    vertical-align: text-bottom;
    display: block;
}

.alpha_footer {
    width: 135px;
    margin-left: 20px;
    vertical-align: text-bottom;
}

.about_pro_rating {
    height: 60px;
    color: var(--light-font-color);
}

.about_pro_size {
    font-size: 12px;
    font-weight: 600;
}

.about_pro_rating_header {
    font-size: var(--site-font-size-small);
    line-height: var(--site-line-height-small);
}

.ad-spot {
    position: absolute;
    z-index: 2;
}

.ad-spot a {
    background: var(--site-background);
    padding: 8px 10px;
    border-radius: 3px;
    color: var(--fixando-yellow);
    display: inline-block;
    border: 1px solid var(--fixando-yellow);
}

.ad-spot a:hover {
    color: #ffffff;
    background: var(--fixando-yellow);
}

.ad-spot .icon-youtube {
    vertical-align: middle;
    margin-right: 6px;
}

.ad-spot span {
    vertical-align: middle;
}

#tvaddesk {
    text-align: center;
    background: var(--medium-background);
    margin: 0;
    padding: 20px 10px 50px;
}

#tvaddesk .videoPopup {
    height: 100%;
    width: auto;
    max-width: 500px;
}

#tvaddesk .videoPopup img {
    width: 100%;
    top: 0px;
    position: relative;
}

#tvaddesk h3 {
    font-size: 34px;
    line-height: 48px;
    color: #464445;
    padding: 10px 0px 20px 0px;
    text-align: center;
}

.tvadmob {
    display: none;
}

.referrer_tag {
    height: 30px;
    margin-left: 5px;
}

.referrer_tag_ageas {
    height: 17px;
    margin-right: 5px;
}

.referrer_tag_affiliate_partner_pagaqui {
    height: 16px;
    margin: 3px 4px 5px 4px;
}

.tvadmob .videoPopup {
    width: 160px;
    height: 95px;
}

.near_me .transeffect .infotext {
    padding: 0px 30px;
}

.near_me.transeffect #slider {
    background-position-y: 0px;
}

.near_me.transeffect .close_wrap {
    width: 100%;
    background: var(--site-background);
    z-index: 0;
    position: absolute;
}

.near_me.transeffect .transfeat {
    background: var(--light-background)
}

.infotext-container {
    padding-top: var(--section-padding-top);
}

.display-mobile {
    display: none !important;
}

.display-desktop {
    display: block;
}

.hiring-process-p {
    padding: 4%;
    font-size: 18px;
    text-align: center
}

.hiring-process-img {
    width: 70px;
    height: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.certificate_div .rTable {
    background: var(--box-background);
    width: 100%;
    text-align: left;
}

#multimedia-certificates .certificate_box .certificate_div {
    margin-left: 0px;
    position: relative;
    margin-top: 10px;
}

#multimedia-certificates .certificate_box .display_certificate_clients {
    margin-top: 6px;
}

#multimedia-certificates .certificate_box .uploaded_content {
    padding: 10px;
}

#multimedia-certificates .certificate_box .uploaded_content a {
    vertical-align: unset;
    padding: 0px;
}

#multimedia-certificates .certificate_box .delete_certificate i {
    vertical-align: unset;
}

.certificate_popup .certificate_form_div {
    margin: 30px;
}

.remove-upload-certificate {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: var(--title-font-size);
    color: var(--icons-gray)
}

.remove-upload-certificate:hover {
    color: var(--fixando-yellow);
}

.certificate_popup .certificate_form_div h3 {
    text-align: center;
    margin-bottom: 25px;
}

.certificate_popup .certificate_form_div .certificate.certificate_content {
    text-align: center;
    margin-top: 5px;
}

#multimedia-certificates .certificate_box .certificate_div button {
    position: absolute;
    bottom: 7px;
    font-size: var(--site-font-size-small);
}

.certificate_content_div .rTableCell {
    padding: 12px
}

.certificate_content_div .rTableRow a.not_uploaded, .certificate_content_div .rTableRow a.not_uploaded:hover {
    color: var(--light-font-color);
}

.certificate_content_div .rTableRow a.uploaded {
    cursor: pointer;
}

.certificate_content_div .rTableRow:hover {
    background-color: var(--list-hover);
}

.certificate_content_div .rTableRow.uploaded {
    background-color: var(--success-background);
}

.certificate_content_div .rTableRow .rTableCell.uploaded:before {
    content: "\e93e";
    color: var(--success-icon-color);
    font-size: 18px;
    margin-top: -2px;
}

.certificate_content_div .rTableRow .rTableCell.not_uploaded:before,
.pro-certificates.not_uploaded:before {
    content: "\e901";
    color: var(--icons-gray);
}

.pro-certificates .upload-certificate {
    white-space: nowrap;
}

.certificate_content_div label.display_clients {
    padding-left: 30px;
    position: relative;
    font-size: var(--site-font-size-small);
}

.certificate_content_div .certificate-applied {
    max-width: 425px;
}

.certificate_content_div label.display_clients input[type="checkbox"] + span:before {
    position: absolute;
    left: 0px;
    top: 1px;
    font-size: var(--title-font-size);
    color: var(--btn-primary);
}

.certificate_content_div label.display_clients:hover {
    color: var(--link-font-hover)
}

.certificate_content_div .status_icon:before {
    font-family: fixando;
    position: absolute;
    font-size: 16px;
    margin-left: -24px;
    margin-top: 0px;
}

.certificate_content_div .missing:before,
.certificate_content_div .expired:before {
    content: "\e610";
    color: #cc5a54;
}

.certificate_content_div .pending:before {
    content: "\e94e";
    color: #cc5a54;
}

.certificate_content_div .approve:before {
    content: "\e116";
    color: #10e010;
}

.certificate_content_div .mandatory {
    color: var(--fixando-yellow) !important;

}


#multimedia-certificates .certificate_content_div .delete_certificate {
    color: var(--icons-darkgray);
}

#multimedia-certificates .certificate_content_div .delete_certificate:hover {
    color: red;
}

.certificate_content_div .badge {
    color: var(--light-font-color);
    display: inline-block;
    background: #0000001a;
    padding: 2px 10px;
    font-size: 12px;
    cursor: auto;
}

.certificate_popup .certificate_content .certificate_upload {
    min-width: 100%;
}

.certificate_popup .certificate_content input.field_width {
    width: 54%;
    float: right;
}

.certificate_popup .form-group label {
    padding: 0px;
    margin-top: 5px;
    margin-left: 0px;
}

.certificate_success {
    background: var(--site-background);
    height: 100%;
}

.certificate_success .certificate_success_message {
    padding-top: 30px;
    padding-bottom: 30px;
}

.certificate_success .certificate_success_message .icon-details {
    font-size: 100px;
}

.certificate_success_pop_up {
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    display: block !important;
}

.certificate-success-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.certificate-success-footer #back, .certificate-success-footer #next {
    margin: 20px;
}

.bid_certificates .certificate_text {
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
}

.default-other-certificate {
    padding: 8px 35px;
}

.near_me .hiring-padding {
    padding: 0% 10%;
}

body.near_me .category-description-block p {
    text-align: left;
}

#quoted_tab .hiring-padding {
    padding: 0% 18%;
}

.flag_phone {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.dis_number .phnumber {
    vertical-align: middle;
}

.categories #slider,
.near_me #slider {
    z-index: 0 !important;
    /*
    background-image:url(https://cdn.fixando.com/u_pt/h/9.jpg?x=1650968678);
    background-image: url(https://cdn.fixando.com/u_pt/h/6.jpg?x=1603885752) !important;

     */
}


.see_reviews:before {
    content: "\e91b";
    font-family: Fixando;
    margin-right: 2px;
    font-weight: bold;
}

.account-modification .modify {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
}

.delete-profile,
.delete-account,
.disable-account {
    margin-top: 20px;
}

@media (hover: hover) {
    .request-share-pros-details .personal-data .icon.icon-open-link:hover {
        color: var(--icons-gray-hover);
    }
}

.review_page .skills-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    flex-wrap: wrap;
}

.review_page .skills-list .btn-split {
    margin: 10px
}

.review_page .skills-list .flex,
.review_page .skills-list .flex > .f-grow {
    flex: 1 1 auto;
}

.root-category .root-faq .questions,
.root-category .root-faq .answers,
.profile_page .profile-faq .questions,
.profile_page .profile-faq .answers {
    max-width: 100%;
}

#createform .recommended-option {
    display: inline;
    color: var(--light-font-color);
}

@keyframes imageSlideUp {
    from {
        transform: translateY(10px);
        opacity: 0;
    }
    18.75% {
        opacity: 1;
    }
    86.25% {
        opacity: 1;
    }
    to {
        transform: translateY(-72px);
        opacity: 0;
    }
}

/******************** SLICK SLIDER CSS ************************************/


.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: auto;
    -webkit-tap-highlight-color: transparent;
    z-index: 0;
}


.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0px 10px;
    padding-top: 1px;
    max-height: 350px;
    height: 195px;
}

.services .slick-list {
    height: 220px;
}

.slick-list:focus {
    outline: none;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    margin: auto;
    position: relative;
    left: 0;
    top: 0;
    zoom: 1;
    display: inline-flex;
    justify-content: center;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    min-height: 1px;
    display: none;
    margin-bottom: 10px;
    box-shadow: var(--box-shadow-small);
}

.testimonial_slide .slick-slide {
    box-shadow: none;
}

.slick-slide.slick-dotted {

}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide figcaption .category-name {
    color: var(--title-font-weight);
    font-weight: var(--title-font-weight);
    padding: 5px;
}

.slick-slide img {
    display: block;
}

.slick-slide img.slick-loading {
    padding-bottom: 100%;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    margin-right: 0px;
    width: auto;
    outline: 0;
}

.services.slick-initialized .slick-slide {
    margin-left: 20px;
}

.slick-initialized .slick-slide .pic {
    margin: 3px;
}

.slider_wrapper .slick-slide,
.recomm_cats .slickSlider_a {
    border-radius: var(--radius-slider);
    margin-left: 15px;
    margin-right: 15px;
}

.recomm_cats .slickSlider_a {
    margin-bottom: 10px
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Icons */
/*
@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}
*/
/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: #808080;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:focus,
.slick-next:focus {
    outline: none;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
    /*font-family: "slick";*/
    font-size: var(--title-font-size);
    line-height: 1;
    color: white;
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -2px;
}

.slick-prev:before {
    content: '\2190';
}

.slick-next {
    right: 6px;
}

.slick-next:before {
    content: '\2192';
}

.slider {
    margin: auto 40px;
    text-align: center;
    padding: 0;
    min-height: 120px;
    max-width: 955px;
}


.slick-dots {
    position: relative;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    line-height: 0;
    font-size: 0;
    padding: 0px;
    cursor: pointer;
    outline: none;
    transition: .1s all;
    color: var(--site-font-color);
}

.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2022';
    width: 100%;
    height: 100%;
    font-size: 50px;
    line-height: 30px;
    text-align: center;
    color: var(--site-font-color);
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .2s all;

}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--site-font-color);
}

.slick-dots li:not(.slick-active) button:hover:before {
    opacity: 1;
    color: var(--link-font-hover);
    cursor: pointer;
    transform: scale(1.1)
}

.slicker .icon.slick-arrow,
.slickSlider .icon.slick-arrow {
    position: absolute;
    cursor: pointer;
    font-weight: 500;
    font-size: var(--title-font-size);
    color: var(--light-font-color);
    transition: .2s all;
    background: var(--box-background);
    z-index: 1;
    border-radius: 28px;
    padding: 14px;
    box-shadow: var(--box-shadow-small);
}


.slicker .icon.slick-arrow:hover,
.slickSlider .icon.slick-arrow:hover {
    color: var(--link-font-hover);
}

.slicker .icon-arrow-right,
.slicker .icon-left-thin-arrow,
.slickSlider .icon-arrow-right,
.slickSlider .icon-left-thin-arrow {
    top: calc(50% - 56px);
    left: -14px;
}

.slicker .icon-arrow-right,
.slickSlider .icon-arrow-right {
    left: auto;
    right: -7px;
}


.profile_images.slicker .icon-arrow-right,
.profile_images.slicker .icon-left-thin-arrow,
.profile_images.slickSlider .icon-arrow-right,
.profile_images.slickSlider .icon-left-thin-arrow {
    top: 50%;
    transform: translateY(-50%);
    left: -24px;
}

.profile_images.slicker .icon-arrow-right,
.profile_images.slickSlider .icon-arrow-right {
    left: auto;
    right: -24px;
}

#profile_page_container .profile_images.slickSlider .icon.slick-arrow {
    font-size: 32px;
    color: #ffffff;
    top: 50%;
    height: calc(100% - 28px);
    border-radius: 0;
    box-shadow: none;
}

#profile_page_container .profile_images.slickSlider .icon-arrow-right,
#profile_page_container .profile_images.slickSlider .icon-left-thin-arrow {
    left: 0;
    z-index: 1;
    height: 100%;
    background: linear-gradient(90deg, #00000087, transparent);
    top: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
}

#profile_page_container .profile_images.slickSlider .icon-arrow-right {
    left: auto;
    right: 0;
    background: linear-gradient(90deg, transparent, #00000087);
}

#profile_page_container .profile_images .slick-list {
    height: 180px;
}

.job-done-photos .slick-list {
    height: 130px;
    margin: auto;
}

#profile_page_container .profile_images.slick-initialized .slick-slide .pic {
    margin: 0 2px 0 0;
}

#profile_page_container .profile_images .pic, #profile_page_container .profile_images .pic img {
    border-radius: 0;
}

#profile_page_container .profile_images .pic .large-img {
    height: 180px;
    width: 180px;
    object-fit: cover;
}

#profile_page_container .few_images .profile_images em:last-child .pic img {
    border-radius: 0 var(--radius-big) var(--radius-big) 0;
}

/* The .image-container class needs to be applied to a div wrapped around the image you want to apply this filter to */
.image-container {
    display: inline-block;
    position: relative;
    line-height: 0;
    background: var(--site-background);
}

.image-container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: overlay;
    background: #fae900;
    opacity: 0.23;
}

.image-container > img {
    -webkit-filter: brightness(103%) contrast(114%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
    filter: brightness(103%) contrast(114%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
    mix-blend-mode: none;
}

.slickSlider_a figcaption .category-name {
    max-height: 66px;
    padding: 16px;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    margin: 0;
    background: var(--box-background);
    font-weight: 500;
    color: var(--site-font-color);
}

.slickSlider_a {
    max-width: 270px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border-radius: var(--radius-big);
    overflow: hidden;
    position: relative;
    z-index: 0;
    border: var(--slider-box-border);
}

.slickSlider_a img {
    min-width: 280px;
    height: 181px;
    max-width: 100%;
    position: relative;
    transition-duration: 200ms;
    transition-timing-function: linear;
    transition-delay: initial;
    transition-property: transform;
    z-index: -1;
    filter: brightness(110%) contrast(110%) saturate(80%);
}

.slickSlider_a:after {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    /*background-image: linear-gradient(transparent, rgba(12, 31, 69, 0.7));*/
    background-image: linear-gradient(transparent, rgb(0 0 0 / 80%));
}

.slickSlider_a:hover img {
    transform: scale3d(1.03, 1.03, 1);
}

.slick-slider_title {
    text-align: center;
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    padding-bottom: var(--headline-padding-bottom);
    padding-left: var(--site-horizontal-padding);
    padding-right: var(--site-horizontal-padding);
}

.category .slick-slider_title {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    text-align: left;
}

.category.price_pages .slick-slider_title {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    color: var(--light-font-color);
    text-align: center;
    display: block;
    padding: 5px 15px;
}

.container-cat-teaser .slick-slider_title:not(:first-child) {
    padding-top: var(--section-padding-bottom);
}

.youtube-links .slick-slide {
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    width: 270px;
    border-radius: var(--radius-slider);
    overflow: hidden;
    font-size: 0;
    max-width: 280px;
}

.youtube-links {
    display: flex;
    overflow-x: hidden;
    margin-bottom: var(--section-padding-bottom);
    padding-top: var(--section-padding-top);
    justify-content: center;
    height: 250px;
    box-sizing: border-box;
}

.youtube-video {
    flex-grow: 1;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s ease-out;
}

.youtube-links.slick-initialized {
    overflow-x: unset;
}

.youtube-links .slick-dots {
    position: absolute;
    bottom: -35px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}


.share .how_it_works_pro,
.how-it-works-pro.pro-block,
.how-it-works-user {
    background: var(--highlighted-background);
}

.how-it-works-pro.pro-block .btn-primary {
    background: var(--btn-primary2);
    color: var(--btn-primary2-font);
}

.how-it-works-pro.pro-block .btn-primary:hover {
    color: var(--btn-primary2-font-hover);
}

.share .how_it_works_pro .title,
.share .how_it_works_pro .text-content {
    color: var(--dark-font-color);
    text-shadow: none;
}

.container-fluid.pro-container,
.container-fluid.user-container {
    display: block;
    padding: 50px 0px;
}

.how-it-works-pro-content,
.how-it-works-user-content {
    color: var(--dark-font-color);
    float: left;
    width: calc(50% - 35px);
    min-height: 290px;
}

.how-it-works-pro-content > .pro-heading,
.how-it-works-user-content > .user-heading {
    padding-bottom: 20px;
    margin: 0px;
    font-size: var(--headline-font-size);
    line-height: var(--headline-line-height);
    color: var(--headline-font-color);
    font-weight: var(--headline-font-weight);
    text-decoration: none;

}

.how-it-works-pro-content .works-content,
.how-it-works-user-content .works-content {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    color: var(--title-font-color);
    font-weight: var(--title-font-weight-light);
    padding-bottom: 20px;
}

.how-it-works-pro-teaser,
.how-it-works-user-teaser {
    margin: 5px 5px 0px 0px;
    float: right;
}

.how-it-works-user-teaser {
    width: 355px;
    height: 200px;
}

.how-it-works-pro-teaser {
    width: 405px;
    height: 228px;
}

.how-it-works-pro-teaser iframe,
.how-it-works-user-teaser iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.how_it_works_search {
    width: calc(100% + 200px);
    margin-top: 20px;
}

.requestPopup .request-subtitle {
    padding: 30px;
    background: #f6b733;
}

/*.requestPopup .opening #requestHeader {*/
/*    position: relative;*/
/*}*/

/*.requestPopup .opening #requestHeader #logo {*/
/*    margin: 20px 0px 10px 0px;*/
/*}*/

/*.requestPopup .opening {*/
/*    max-width: calc(100% - 20px);*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/
/*    width: 350px;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/*.requestPopup .opening .splash-screen-footer #next {*/
/*    margin-right: 0px;*/
/*}*/

/*.requestPopup .opening #requestHeader #popup_close {*/
/*    top: -10px;*/
/*    right: -15px;*/
/*}*/

.request-subtitle .splash-screen-text {
    font-weight: bold;
    width: calc(100% - 30px);
    text-align: left;
    line-height: 35px;
    padding-bottom: 20px;
}

.request-subtitle .splash-screen-sub-text {
    text-align: justify;
}

.request-subtitle .splash-screen-text,
.request-subtitle .splash-screen-sub-text {
    margin: 0px;
    color: var(--full-font-color);
}

.report-not-allowed-container .limit-reached {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    width: 420px;
    padding: 20px;
}

.report-not-allowed-container .limit-reached .header,
.report-not-allowed-container .limit-reached .message {
    padding: 20px 0px;
    color: var(--dark-font-color);
}

.report-not-allowed-container .limit-reached .header {
    padding-top: 0px;
    font-size: 24px;
    font-weight: bold;
}

.report-not-allowed-container .limit-reached .message {
    width: 100%;
    font-size: var(--title-font-size);
    line-height: 24px;
}

.report-not-allowed-container .limit-reached .subscribe-to-premium-block .premium-icon {
    width: 25px;
    height: 25px;
}

.report-not-allowed-container .limit-reached .close-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 18px;
    color: var(--dark-font-color);
    z-index: 1;
    background: transparent;
    transition: var(--icon-transition);
}


/* SECTION PADDINGS */
.popular-slider-cats {
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}


/*
  UNDERLINED LINKS
 */
#resetpass,
.register_link {
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--linkline-color);
}


/****** Upload file alignment issue on service page ******/
.pro-request-quote-attachment-logo-align-left {
    margin-left: 0% !important;
}

/****** End alignment css ******/

/****** Profile Section Category Reorganization ******/

.pro-categories.panel ul {
    margin-left: 32px !important;
}

.pro-categories.accordion {
    color: var(--dark-font-color);
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin: 0px;
    display: flex;
    align-items: center;
    background: var(--light-background);
    border-radius: var(--btn-radius);
    padding: 5px 15px;
}

.arrow-tick {
    right: auto !important;
    position: relative;
    padding-left: 30px;
    display: inline-block;
}

.arrow-tick::before {
    content: "\e116";
    font-family: fixando;
    text-align: center;
    padding: 0px 10px;
    color: var(--success-icon-color);
    position: absolute;
    left: 0px;
}

.arrow-tick:hover:before {
    content: "\e612";
    font-family: fixando;
    font-size: var(--title-font-size);
    color: var(--error-color);
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    top: -4px;
}

span.arrow-tick {
    padding: 0 0 0 40px !important;
    font-size: 16px !important;
}

.pro-categories.accordion:before {
    content: '\e91f';
    font-family: Fixando;
    color: var(--icons-gray);
    align-self: center;
    font-size: 17px;
    margin-right: 20px;
    transition: .3s ease-in-out;
}


.pro-categories.accordion.active:before {
    transform: rotate(-180deg);
}

.pro-categories.accordion.active:hover:before,
.pro-categories.accordion:hover:before {
    color: var(--icons-hover);
}

.pro-categories.accordion.active {
    transition: max-height 0.2s ease-out;
    border-radius: var(--btn-radius) var(--btn-radius) 0px 0px;
}

.pro-categories.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background: var(--light-background);
    border-radius: 0px 0px var(--btn-radius) var(--btn-radius);
    margin-bottom: 2px;
}

.pro-categories .credit-details {
    flex-wrap: nowrap;
    white-space: nowrap;
    margin-left: auto;
    color: var(--light-font-color);
}

.pro-categories .credit-details .icon {
    vertical-align: bottom;
    margin-right: 5px;
}

.pro-categories .sub_category_block {
    width: calc(100% - 100px);
}

.pro-categories .sub_category_block .sub-category {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/****** End Profile Section Category Reorganization ******/


.pro .register_pro_title {
    font-size: var(--subheadline-font-size);
    line-height: var(--subheadline-line-height) !important;
    color: var(--site-font-color);
    font-weight: var(--subheadline-font-weight);
    margin-bottom: 10px;
    border: none;
    padding-bottom: 0;
    text-decoration: none;
}

.pro .register_pro_subtitle {
    font-size: var(--site-font-size);
    line-height: var(--site-line-height) !important;
    color: var(--site-font-color);
    font-weight: var(--site-font-weight);
    margin-top: 0;
    margin-left: 0;
    text-decoration: none;
    padding: 20px 0;
    text-align: center;
}

.pro .register_pro_subtitle:empty {
    display: none;
}

body.pro .social_login_wrapper {
    padding-top: 20px;
}

body.pro .social_login_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 38px;
    padding-right: 38px;
    column-gap: 20px;
}

body.pro .social_login_buttons .btn + .btn {
    margin-left: 20px
}


/****** Start Related category block******/
.related-category-block {
    width: 165px;
    display: inline-flex;
    margin: 5px 9px;
    margin-right: 0px;
}

.related-category-block a {
    font-size: 16px;
    color: #1884FF;
    cursor: pointer;
    text-decoration: none;
}

.related-category-block
.figure {
    position: relative;
    margin: 0px;
}

.related-category-block img {
    height: 112px;
    border-radius: 10px;
    position: relative;
}

.related-category-block .fig-caption {
    margin: 0 auto;
    max-height: 66px;
    padding: 15px 0px;
    font-size: 10px;
    text-align: center;
    line-height: 22px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    width: 150px;
    z-index: 1;
    box-sizing: border-box;
}

.related-category-block .figure::after {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    background-image: linear-gradient(transparent, rgba(12, 31, 69, 0.7));
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.pro-register-levels-bottom-links {
    position: relative;
    bottom: 0px;
    text-align: center;
    padding-bottom: 40px;
}

.register-pro .pro-register-levels-bottom-links {
    bottom: 0px;
    padding-bottom: 10px;
}

/****** End Related category block******/


/****** Start Credit Banner on Requests ******/
.tab-content .credit-banner .credit-banner-title {
    font-size: 24px;
    padding: 0 0 15px 0;
}

.tab-content .credit-banner .credit-banner-description {
    color: var(--intense-font-color);
    font-size: 16px;
    padding: 5px 0;
    line-height: 1.5;
}

/****** End Credit Banner on Requests ******/


body.account span.main-category {
    font-size: 18px;
}

body.account span.sub-category {
    padding-top: 2px;
    font-size: 18px;
}


/*
  ERROR FIELDS OVERWRITE STYLES
 */
.error {
    /*box-shadow: inset 0px 0px 0 1px var(--error-color);*/
    border-color: var(--error-color) !important;
    transition: border linear 0.1s, box-shadow linear 0.1s;
}

/*
.error:active,
.error:focus {
    box-shadow: 0 0 0 1px var(--error-color) !important;
    border-color: var(--error-color) !important;
}*/

.error.changed:not(:empty) {
    box-shadow: none;
    border-color: var(--input-border-color) !important;

}

/***********************************
 RESPONSIVE
***********************************/


/*  DESKTOP
    TABLET HORIZONTAL
*/
@media (min-width: 980px) {

    body.account .nav_menu ul li a {
        padding-right: 10px;
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }

    .span12 {
        width: 1170px;
    }

    .span9 {
        width: 860px;
    }

    .span8 {
        width: 770px;
    }

    .span6 {
        width: 540px;
    }

    .span4 {
        width: 370px;
    }

    .span3 {
        width: 280px;
    }

    .row-fluid {
        width: 100%;
    }

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.127659574468085%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
    }

    .row-fluid .span11 {
        width: 91.48936170212765%;
    }

    .row-fluid .span10 {
        width: 82.97872340425532%;
    }

    .row-fluid .span9 {
        width: 74.46808510638297%;
    }

    .row-fluid .span8 {
        width: 65.95744680851064%;
    }

    .row-fluid .span7 {
        width: 57.44680851063829%;
    }

    .row-fluid .span6 {
        width: 48.93617021276595%;
    }

    .row-fluid .span5 {
        width: 40.42553191489362%;
    }

    .row-fluid .span4 {
        width: 31.8159993617021278%;
    }

    .row-fluid .span3 {
        width: 23.404255319148934%;
    }

    .row-fluid .span2 {
        width: 14.893617021276595%;
    }

    .row-fluid .span1 {
        width: 6.382978723404255%;
    }

    .row-fluid .span_5 {
        width: 17.93617021276595%;
    }

    input,
    textarea {
        margin-left: 0;
    }

    #showcase .item img {
        -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }

    .headerimage_container {
        height: 300px
    }

    /*
        #account_container ul.nav-tabs.nav-justified {
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
            margin-bottom: 5px;
        }
    */
    #profile_text.headerimage_style .avatar-holder {
        position: relative;
        left: 20px;
        z-index: 1999;
    }


    #profile_text.headerimage_style .avatar-holder img.av {
        border: 4px solid #FFF;
        border-radius: 50%;
    }

    .category .row-fluid [class*="span"]:first-child {
        margin-left: 40px;
    }

    .category .row-fluid [class*="span"].questions {
        margin-left: 0;
    }

    .category .testimonial_content [class*="span"]:first-child {
        margin-left: 0px !important;
    }

    .category .related_category_section [class*="span"]:first-child {
        margin-left: 0px !important;
    }

}


@media (min-width: 660px) and (max-width: 767px) {
    .near_me #search_wrapper form {
        width: auto;
    }
}

@media (min-width: 767px) and (max-width: 1000px) {

    .testimonial-section .slick-list.draggable {
        margin: 0 5px 0 5px !important;
    }
}

/* TABLET VERTICAL */
@media (min-width: 768px) and (max-width: 979px) {

    body.account .nav_menu ul li a {
        padding-right: 10px;
    }

    label {
        /*padding-right:0px !important;*/
    }

    #create_form_fields label {
        white-space: nowrap;
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px;
    }

    .span12 {
        width: 724px;
    }

    .span9 {
        width: 538px;
    }

    .span8 {
        width: 476px;
    }

    .span6 {
        width: 300px;
    }

    .span4 {
        width: 228px;
    }

    .span3 {
        width: 166px;
    }

    .row-fluid {
        width: 100%;
    }

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.7624309392265194%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
    }

    .row-fluid .span11 {
        width: 91.43646408839778%;
    }

    .row-fluid .span10 {
        width: 82.87292817679558%;
    }

    .row-fluid .span9 {
        width: 74.30939226519337%;
    }

    .row-fluid .span8 {
        width: 65.74585635359117%;
    }

    .row-fluid .span7 {
        width: 57.18232044198895%;
    }

    .row-fluid .span6 {
        width: 48.61878453038674%;
    }

    .row-fluid .span5 {
        width: 40.05524861878453%;
    }

    .row-fluid .span4 {
        width: 31.491712707182323%;
    }

    .row-fluid .span3 {
        width: 22.92817679558011%;
    }

    .row-fluid .span2 {
        width: 14.3646408839779%;
    }

    .row-fluid .span1 {
        width: 5.801104972375691%;
    }

    .row-fluid .span_5 {
        width: 17.93617021276595%;
    }

    input,
    textarea {
        margin-left: 0;
    }

    .foto_container_extended #multimedia_all .fotos_container {
        margin-left: -37%
    }

    .shoottypes {
        padding-left: 0 !important;
    }

    #attributes .span3,
    #attributes .span4 {
        padding-right: 0;
    }

    .category .row-fluid [class*="span"]:first-child {
        margin-left: 40px;
        min-width: 474px;
    }

    .category .row-fluid [class*="span"].questions {
        margin-left: 0;
    }

    .category .testimonial_content [class*="span"]:first-child {
        margin-left: 0px !important;
    }

    .category .related_category_section [class*="span"]:first-child {
        margin-left: 0px !important;
    }

    .span8.testimonial-text {
        margin-left: 0;
        width: 67.5%;
    }

}

/*  TABLET VERTICAL */
@media (max-width: 1024px) {

    .content {
        padding: 0px 40px 35px 40px;
    }

    #fixed_login_wrapper {
        right: 20px;
    }

    .quote_details {
        padding-right: var(--site-horizontal-padding);
    }

    body.account #logo_holder #logo {
        left: 20px;
    }

    #teaser_app {
        padding: 40px !important;
    }

    #teaser_app.common_teaser {
        padding: 2% 10px !important;
    }

    #footer {
        padding-left: 40px;
        padding-right: 40px;
    }

    #teaser_app.common_teaser {
        background-position: -80px;
    }

    #teaser_app.common_teaser .container-fluid {
        margin-left: 380px;
    }

    .pro_reviews .content {
        padding: 0
    }

    .sub_review_rating > div {
        width: 100%;
        display: inline-flex;
    }

    .sub_review_rating > div > p {
        width: 60%;
        text-align: left;
    }

    body.pages ol.pages_hotlinks {
        margin-left: var(--site-horizontal-padding)
    }

    #createform #photo_selector[data-phototype="profile"]:after {
        left: 9%
    }
}

@media (max-width: 1075px) {
    .terms_cond_user {
        width: 100%;
    }

    .multimedia_close:before {
        right: 5%;
    }

    .multimedia_pop {
        width: 90%;
        left: 5%;
    }
}

@media (max-width: 1055px) {

    #search_wrapper.fix-search, .fix-search {
        display: block;
        margin-top: 0
    }

    .profile-detail-list .profile-progress,
    .profile-detail-list .profile-reviews,
    .profile-detail-list .credits-details {
        width: 380px;
    }


}

/*  TABLET VERTICAL
    PHONE
 */
@media (max-width: 994px) {

    .after-request-attachment-icon {
        display: inline;
    }

    .after-request-attachment-text {
        display: none;
    }

    .row-fluid:not(.nopadding) {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .navbar-fixed-top {
        background-position-x: 60px;
    }

    /* disable flipin because of flickering */
    .flipInX {
        -webkit-animation-name: none;
        -moz-animation-name: none;
        -ms-animation-name: none;
        animation-name: none;
    }

    .small_header #logo {
        left: 20px;
    }

    body.list_view .small_header #logo_holder .breadcrumbs {
        left: 20px;
    }

    body.pro .small_header #logo {
        left: unset;
    }

    .submenu {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: block !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        margin-bottom: 20px;
        height: 48px;
        display: flex !important;
        border-radius: 0;
    }

    .submenu li:first-child {
        margin-left: 30px;
    }

    .submenu li:last-child {
        margin-right: 50px;
    }

    .btn-group > .btn {
        min-width: auto
    }

    .account_start_request > #create_new_request {
        top: -62px;
    }

    .nav-tabs.main_menu {
        border-bottom: none;
    }

    .request_details .back_navigation {
        padding-left: var(--site-horizontal-padding);
    }

    .request_data > .header_section {
        padding: 0 var(--site-horizontal-padding);
    }

    #gallery_wrapper,
    #videos_wrapper,
    #audios_wrapper {
        margin: 0 !important;
    }

    #teaser_app p.teaser_title {
        margin-top: 40px;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;

    }

    #account_container .tab-content.p20 {
        padding: 20px 0;
    }

    .foto_container_extended #extend_foto_box {
        margin-left: -10px;
    }

    .fotos_container {
        margin-right: -10px;
    }

    #showcase {
        overflow-y: hidden;
        max-height: 308px;
    }

    #showcasepics {
        overflow-y: hidden;
        max-height: 210px;
    }

    /** RESET HOVER EFFECTS FOR MOBILE */
    #showcase .item:hover {
        background: #333;
    }

    #countries_wrapper {
        padding-right: 0;
    }

    .faq_dropdown {
        /*margin: 40px 20px 40px 20px;*/
    }

    /**/
    #footer_menu {
        flex-direction: column;
    }

    .hide_on_small_footer {
        display: none
    }

    .nav_footer.block1 {
        order: 1;
    }

    .nav_footer.block2 {
        order: 2;
    }

    .nav_footer.block3 {
        order: 3;
    }

    .nav_footer.block4 {
        order: 5;
    }

    .nav_footer.block5 {
        order: 4;
    }

    .nav_footer.block6 {
        order: 6;
    }

    .nav_footer li {
        margin-bottom: 2px
    }


    .nav_footer {
        clear: left;
        width: 100%;
        float: none !important;
        margin-bottom: 20px;
        padding-right: 0;
        margin-left: 0;
        min-height: 100px;
    }

    .nav_footer.block3 li {
        margin-right: 0 !important;
        text-align: left !important;
    }

    .nav_footer .footer-dropdown .list,
    .nav_footer li a {
        text-align: left;
        padding: 10px 20px;
        font-size: var(--title-font-size);
        line-height: var(--title-line-height);
        letter-spacing: var(--title-letter-spacing);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #000;
        border-radius: var(--btn-radius);
    }

    #footer_logo {
        right: 0 !important;
        margin-bottom: 30px !important;
    }

    .nav_footer i.icon {
        float: left;
        margin-left: 0;
        margin-right: 10px;
        top: -4px;
        position: relative;
    }

    .nav_footer:last-child {
        padding-left: 0
    }

    .nav_footer .footer_title {
        margin-left: 0;
        font-size: var(--title-font-size);
        line-height: var(--title-line-height);
        letter-spacing: var(--title-letter-spacing);
        font-weight: var(--title-font-weight);
    }

    /*
    .nav_footer li a:after {
        position: absolute;
        font-family: Fixando;
        content: "\e910";
        right: 20px;
        color: var(--link-font-dark);
    }
    */
    @media (hover: hover) {
        .nav_footer li:hover a,
        .nav_footer li:active a,
        .nav_footer li:hover a:after,
        .nav_footer li:active a:after {
            color: #fff;
        }

    }

    .nav_footer .languages-selections-block .languages,
    .nav_footer li a#countries {
        border: none;
        margin-top: 0;
    }

    .nav_footer li #countries_wrapper,
    .nav_footer li #countries_wrapper a {
        border-radius: 0;
    }

    .nav_footer li #countries_wrapper a:first-child {
        border-top-left-radius: var(--btn-radius);
        border-top-right-radius: var(--btn-radius);
    }

    .nav_footer li #countries_wrapper a:last-child {
        border-bottom-left-radius: var(--btn-radius);
        border-bottom-right-radius: var(--btn-radius);
    }

    .how_it_works_pro .how_it_works_pro_txt h2 {
        padding-bottom: 0px !important;
    }

    .how_it_works_pro .how_it_works_pro_txt, .how_it_works_user .how_it_works_user_txt {
        max-width: 500px !important;
        margin-left: 2%;
    }

    .chat_project_bid, .about_pro_section {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .int_awaiting_answer {
        width: 100%;
        margin-left: 0;
    }

    .about_pro_section .about, .bid_page .bid_chat, .bid_page .messages_section {
        position: relative;
        top: 0;
    }

    .project_bid .pro_photos .SlickSlider,
    .project_bid .job-done-photos .SlickSlider,
    .profile-detail-list .review_data .job-done-photos .SlickSlider {
        max-width: 420px;
        padding: 0px;
    }

    .project_overview .qt_project_link .icon {
        font-size: 30px;
        left: 12px;
    }

    .project_overview .qt_project_link span {
        display: none;
    }

    .bid_page .project_bid, .bid_page .project_info {
        display: block !important;
        height: 100%;
        width: 100%;
    }

    .chat_project_bid {
        height: auto;
    }

    .send_quick_reply .reply_part {
        max-width: 98%;
    }

    .messge_send_part {
        width: 100%
    }

    .profile_header_image_wrapper {
        max-height: 200px;
    }

    .how_it_works_search,
    .how-it-works-pro-content,
    .how-it-works-user-content {
        margin-left: 20px;
    }

    .star_award {
        width: 60px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .display_block {
        justify-content: center;
        display: block;
        margin-bottom: 30px;
    }

    .display_block p {
        display: block;
        width: 100%;
        text-align: center;
    }

    .display_block .btn {
        width: 100% !important;
        max-width: 300px !important;
    }

    body.pro_chat .main_wrapper {
        padding-left: var(--site-horizontal-padding);
        padding-right: var(--site-horizontal-padding);
    }

    .project_chat_details {
        box-shadow: none;
        overflow: initial;
    }

    .request_details {
        box-shadow: none;
        border-right: 1px solid var(--table-border);
    }

    .project_info .project_overview {
        box-shadow: none;
    }

    .quote_head_label {
        padding: 0 20px;
        margin-top: 0;
    }

    .bid_page .project_info {
        box-shadow: none;
        border-radius: 0;
        margin-top: 0;
    }

    .ServiceList-pro-title .pro-name {
        width: 150px;
    }


    .project_view.share {
        border-radius: 0;
        max-width: 100%;
        box-shadow: none;
    }
}

@media (max-width: 895px) {


    .about_pro_rating {
        right: 20px;
    }

    #profile .how_to_have_success_tips .empty {
        padding-top: 0px;
    }

    #profile .how_to_have_success_tips {
        display: block;
    }

    #profile .how_to_have_success_tips .row {
        display: block;
        padding: 16px;
    }

    #profile .how_to_have_success_tips .row .tips {
        display: block;
        margin-top: 10px;
        width: 98%;
    }

    #account_container {
        position: inherit;
    }

    #credit_details {
        right: 10px;
    }

    .footer_awards {
        display: block !important;
        margin-right: 0 !important;
        margin-top: 25px;
    }

    .alpha_footer {
        margin: 0;
        width: 115px;
    }

    .project_box {
        max-width: calc(50% - 23px);
    }

    .how_it_works_user_txt, .how_it_works_pro_txt {
        width: 95% !important;
    }

    .how_it_works_user .how_it_works_user_img {
        background-position-y: 0px !important;

    }

    .testimonial-section .slick-list.draggable {
        margin: 0 40px 0 40px;
    }

    #teaser_app.common_teaser {
        background-position: -100px;
    }

    .app_store_image {
        float: none;
        top: 20px;
        text-align: center;
        pointer-events: auto;
    }

    #profile .how_to_have_success_tips .empty {
        padding-top: 12px;
    }

    .request_messages .send_quick_reply .reply_pro {
        padding-bottom: 60px;
    }


    /* profile sub menu */
    .profile .profile-head {
        margin-left: 0px;
        text-align: center;
    }

    .profile-menu-block {
        display: block;
    }

    .profile-menu-block .profile-photo {
        width: 100%;
        margin-top: 10px;
    }

    .profile-menu-block .profile-details {
        margin-left: 0px;
    }

    .profile-detail-list .profile-progress,
    .profile-detail-list .profile-reviews,
    .profile-detail-list .credits-details {
        width: 100%;
        margin-bottom: 25px;
        text-align: center;
    }

    .profile-detail-list .profile-edit,
    .profile-detail-list .see-reviews,
    .profile-detail-list .view-packages {
        margin-left: 0px;
        width: auto;
    }

    .profile-detail-list .profile-view,
    .profile-detail-list .ask-reviews,
    .profile-detail-list .refer-pro {
        margin-left: 0px;
        width: auto;
        margin-bottom: 25px;
    }

    .profile-details {
        text-align: center;
    }


    .request_box_rgt {
        width: 155px;
    }

    .services-block .services-new .estimate-types .list .type-name {
        width: 140px;
        align-self: center;
    }

    .fx_pay_welcome_block_text {
        min-height: 140px;
    }
}


/* PHONE */
@media (max-width: 767px) {

    #attributes .profile_description {
        min-height: 0px;
    }

    .new-message-bubble-block {
        top: 10%;
        position: fixed;
    }

    .project_view.share {
        box-shadow: none;
        border-radius: 0;
        margin-top: 10px;
    }

    .project_view.share .share-request {
        margin-right: 0 !important;
    }

    .share .breadcrumbs.share_page ol.breadcrumbs_list li span:not(.hidden),
    .share .breadcrumbs.share_page,
    .share .breadcrumbs.share_page a {
        color: var(--light-font-color);
    }

    .share .breadcrumbs.share_page ol.breadcrumbs_list li:after {
        color: rgb(0 0 0 / 25%);
    }

    .share .breadcrumbs.share_page a:hover {
        color: #bdc4c4;
    }

    .btn-wide {
        min-width: 160px;
    }

    #profile_text {
        margin-top: 0
    }

    #packages_content .pricing-tables table td {
        padding: 13px 30px;
        height: auto;
    }

    #packages_content .pricing-tables table td.wl_bdt {
        padding: 15px 30px;
    }

    .packages-footer .footer-button-list {
        flex-direction: column;
    }

    .packages .packages_small_info {
        margin-bottom: 80px;
    }

    /*
    .breadcrumbs {
        display: block;
        left: 15px !important;
        width: calc(100% - 30px) !important;
        box-sizing: border-box;
    }
    */
    .nav-justified > li > a {
        text-align: left;
    }

    body.root-category .categories_group .categories-list {
        column-count: unset;
        column-gap: unset;
    }

    body.root-category .categories_group .cat + .cat {
        margin-left: 0px;
        box-shadow: none;
    }

    .home .maincat_navigation_small a:not(.btn-primary) {
        font-size: var(--site-font-size-small);
    }

    #enter_promo .input_promo {
        padding-left: 5px;
    }

    .fix-search #search a#search_clear {
        left: calc(100% - 120px);
        top: 0;
    }

    body.active-account-menu .account_dropdown #close_account_menu,
    body.active-footer #footer .show_on_small_footer {
        display: block;
    }

    #coupon_verify {
        margin-top: 15px;
    }

    .testimonial_slide .slick-list.draggable {
        height: auto !important;
    }

    .project_view .content_section .project_actions {
        position: fixed;
        bottom: 0;
        left: 0;
        right: -5px;
    }

    .project_view .content_section .project_actions p {
        margin: 0;
        width: 100%;
    }

    .project_view .project_actions p #pass_request {
        width: 49%;
    }

    .project_view .project_actions p #quote_request {
        width: 49%;
    }


    .ServiceList-proGroup li {
        width: 50%;
        padding: 0;
    }

    .small_header #logo {
        left: 0px;
    }

    #search_wrapper.fix-search .icon-menu,
    body:not(.footer_is_hidden) .navbar .icon-menu {
        display: block;
        top: 7px !important;
    }

    #search_wrapper.fix-search .icon-menu {
        top: 2px !important;
    }

    #search_wrapper.fix-search form {
        margin-left: 60px;
        top: -4px;
    }

    body.categories #logo_holder,
    body #logo_holder {
        text-align: center;
        padding: 0;
    }

    body.account #logo_holder {
        text-align: left;
    }

    body.create #logo_holder #logo,
    body.account #logo_holder #logo {
        left: 70px;
        width: 160px;
        top: 19px;
        position: absolute;
    }

    body.create #logo_holder #logo {
        left: 20px;
    }

    body.footer_is_hidden.request_view #logo_holder #logo,
    body.footer_is_hidden.account #logo_holder #logo,
    body.footer_is_hidden.loggedin #logo
    body.footer_is_hidden.account #logo_holder #logo {
        left: 20px;
    }

    body.category #logo {
        top: 22px;
        width: 160px;
        height: 35px;
        left: 0px
    }

    body.category .navbar .icon-menu {
        top: 12px;
        color: #676767;
    }

    body.create .section_titles {

    }

    .certificates {
        display: block;
        text-align: center;
        margin-top: 10px;
    }

    .certificates .label {
        width: 100%;
        margin-bottom: 5px;
    }

    .quote_now {
        width: 100%;
    }


    .account_dropdown.dropdown_list {
        visibility: hidden;
        padding: 40px 0 40px;
        position: fixed;
        width: 70%;
        box-shadow: 0px 0px 30px 5px rgb(0 0 0 / 50%);
        height: 100vh;
        z-index: 10000;
        background: var(--account-dropdown-background);
        max-width: 100%;
        box-sizing: border-box;
        right: 0;
        top: 0;
        overflow: hidden;
        overflow-y: auto;

        -webkit-transition: -webkit-transform .35s cubic-bezier(0.24, 1, 0.32, 1);
        transition: -webkit-transform .35s cubic-bezier(0.24, 1, 0.32, 1);
        transition: transform .35s cubic-bezier(0.24, 1, 0.32, 1);
        transition: transform .35s cubic-bezier(0.24, 1, 0.32, 1), -webkit-transform .35s cubic-bezier(0.24, 1, 0.32, 1);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    body.active-account-menu .account_dropdown .credits_menu_item,
    .account_dropdown #close_account_menu {
        display: block;
    }

    body.active-account-menu .account_dropdown.dropdown_list {
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        margin: 0;
    }

    body.active-account-menu .account_dropdown #close_account_menu {
        left: auto;
        right: 5px;
        top: 5px;
        z-index: 12;
    }

    .account_dropdown.dropdown_list .nav-tabs > li > a:after,
    .account_dropdown.dropdown_list .nav-tabs > li > form > a:after {
        right: 10px;
        background: transparent !important;
    }

    body.active-footer .nav_footer li:first-child {
        color: var(--light-font-color);
    }

    body.active-footer #footer .nav_footer li a {
        color: var(--footer-link-font-hover);
    }

    body.active-footer #footer .nav_footer .switch_theme {
        display: flex;
        align-items: center;
    }

    .nav_footer i.icon {
        top: 0px;
    }

    .account_dropdown.dropdown_list .ribbonnew {
        display: none;
    }

    .account_dropdown ul.drop_down {
        position: relative;
        z-index: 11;
    }

    .account_dropdown ul.drop_down li.dropdown-item {
        width: 100%;
    }

    .account_dropdown ul.drop_down li.dropdown-item .avatar-block .user-info {
        margin: 0px;
    }

    .account_dropdown .nav-tabs > li > a,
    .account_dropdown .nav-tabs:not(.submenu) > li > form,
    .account_dropdown .nav-tabs:not(.submenu) > li > form > a {
        border-radius: 0 !important;
        color: var(--site-font-color);
        border-bottom: 1px solid transparent;
        font-size: var(--title-font-size);
    }

    .account_dropdown .nav-tabs:not(.submenu) > li > form > a {
        border-bottom: none;
    }

    .account_dropdown .nav-tabs:not(.submenu) > li > a,
    .account_dropdown .nav-tabs:not(.submenu) > li > form {
        padding: 16px 30px;
        font-size: var(--title-font-size);
    }


    .account_dropdown .nav-tabs > li.active > a {
        background: var(--list-hover);
        color: var(--link-font-dark);
    }


    .account_dropdown .nav-tabs > li.active > a {
        color: var(--site-font-color);
        border-bottom-color: var(--btn);
        box-shadow: none;
    }

    .submenu {
        background: var(--medium-background);
        padding: 10px 0;
        display: block !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
        height: 48px;
        display: flex !important;
        border-radius: 0;
    }

    .submenu li:first-child {
        margin-left: 20px;
    }

    body.active-account-menu .account_dropdown .credits_menu_item {
        padding-left: 30px;
        position: relative;
        display: flex;
        align-content: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 10px;
    }

    body.active-account-menu .account_dropdown .credits_menu_item > * {
        width: 80%;
        min-width: 160px !important;
        max-width: 200px !important;
    }

    .specialquote_mobile .specialquote_wrapper {
        padding-top: 10px;
        display: flex;
        align-items: center;
        margin-left: 0;
        padding-left: 0;
        column-gap: 5px;
    }

    body.active-account-menu .specialquote_mobile .specialquote_wrapper {
        padding-top: 0px;
        justify-content: flex-end;
        column-gap: 0px;
    }

    .specialquote_wrapper .icon-specialquote {
        margin-top: 2px;
    }

    .feed_requests.btn-group li.btn a {
        /*padding: 10px 16px;*/
    }

    .btn-group > li.btn:first-child {
        /*border-top-left-radius: var(--btn-radius);*/
        /*border-bottom-left-radius: var(--btn-radius);*/
        /*border-radius: var(--btn-radius);*/
    }

    .btn-group > li.btn:last-child {
        /*border-top-right-radius: var(--btn-radius);*/
        /*border-bottom-right-radius: var(--btn-radius);*/
        /*border-radius: var(--btn-radius);*/
    }

    .feed_requests.btn-group > li.btn {
        /*border-radius: var(--btn-radius);*/
    }

    .btn-group .btn {
        padding: 0 16px;
    }

    .unseen_message_head {
        right: 12px;
        top: 2px;
    }


    .request_box {
        border-top: 0;
        border-bottom: 1px solid #e7e9e9;
    }

    .request_box:first-child {
        /*border-top: 1px solid #e7e9e9;*/
    }

    #slider {
        max-width: 100%;
        margin-top: 0px;
    }

    #slider img,
    #sliderOverlay {
        height: auto;
        min-width: 900px;
    }

    .near_me.transeffect .close_wrap {
        position: relative;
        background: var(--site-background);
    }


    .near_me .price_ranges h2 {
        margin-top: 0px;
    }

    .start_wrapper.categories #slider {
        height: 480px;
    }

    body.categories #slider,
    body.near_me #slider {
        background-image: none !important;
        background-color: var(--fixando-background) !important;

    }

    .categories #slider img {
        height: inherit !important;
    }

    .profile_avatar_wrapper {
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 0;

        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .add-skills-form .skills-input {
        max-width: 100%;
    }


    #nav_info {
        display: none
    }

    .show_xs {
        display: block
    }

    #subline {
        margin: 0;
    }

    .row-fluid {
        width: 100%;
    }

    [class*="span"],
    .row-fluid [class*="span"] {
        display: block;
        /*float:none;*/
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .span12,
    .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .order_list + .order_list {
        margin-left: 0 !important;
    }

    .price-pages-container.row-fluid .span8 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .price-pages-container .flex .flex3 {
        flex-basis: auto;
    }

    .maincat_header {
        margin-top: 40px;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    #search_wrapper {
        margin: 20px;
    }

    #search_wrapper form {
        max-width: 100%;
        background: transparent;
    }

    .how-it-works #search_wrapper form {
        width: auto;
    }

    body.account .tab-pane .suggested-categories-list .info-label,
    body.account .tab-pane .suggested-categories-list .title {
        font-size: 18px;
        display: block !important;
    }

    body.pro #search_wrapper form {
        margin: 0;
        position: relative;
        box-shadow: none;
        width: 100% !important;
    }

    body.near_me .breadcrumbs,
    body.category .breadcrumbs,
    body.home.categories .breadcrumbs {
        /*width: calc(100% - 20px) !important;*/
        padding: 0 10px !important;
        text-align: center !important;
    }

    .padding .container-fluid {
        padding: 20px 5px !important;
    }

    .home_hw_wrks_rgt .hw_wrks_txt {
        text-align: left
    }

    #search_wrapper.fix-search, .fix-search {
        z-index: 9999;
        margin: 0;
        display: block;
        height: 60px !important;
        background: var(--fixed-header-background);
        width: 100%;
        filter: drop-shadow(0px -5px 15px rgb(0 0 0 / 0.3));
    }

    .fixed_header_shape {
        display: none;
    }

    #search_wrapper.fix-search .logo {
        display: none
    }

    #search_wrapper.fix-search .btn-search {
        display: flex;
    }

    .hide-top-menu .menus_top {
        display: block;
    }

    .photo-field-info {
        text-align: center;
    }

    body:not(.loggedin) .nav_menu.right,
    body.account .navbar .menu_name,
    body:not(.account) .navbar .my_menu {
        display: none;
    }


    .navbar .my_menu .info_user {
        flex-direction: column;
        row-gap: 2px;
    }

    .nav_menu ul li {
        margin-top: 8px;
    }

    .navbar .nav_menu ul li a {
        padding: 0px 15px 0 0;
    }

    body.home .navbar .nav_menu ul li a {
        padding-top: 3px;
    }

    .navbar .my_menu {
        margin-top: 14px;
    }

    body:not(.categories):not(.category) .my_menu.credits_available {
        margin: 10px 40px 0 0;
    }

    .account-menu-dropdown-block .dropdown-content {
        top: 50px;
    }

    body.account #show_account_menu:after, body.request_view #show_account_menu:after {
        position: absolute;
        font-family: Fixando;
        content: "\e91f";
        right: 65px;
        font-size: 28px;
        top: 25px;
    }

    #show_account_menu:hover:after {
        color: inherit;
        opacity: 1 !important;
    }

    #search_wrapper.fix-saeach .icon-menu,
    body.home .navbar .icon-menu {
        display: block;
        top: 20px;
        color: var(--site-font-color);
        font-size: 36px;
    }

    body.home .navbar-fixed-top {
        height: 70px !important;
    }

    body.home #logo {
        width: 160px;
        top: 19px;
        height: 50px;
        background: var(--logo-small2) no-repeat;
    }

    body.pro .navbar .icon-menu,
    body.category .navbar .icon-menu,
    body.home.categories .navbar .icon-menu {
        /* color: #FFF;*/
        top: 12px;
    }


    .categories_group {
        padding-top: 20px;
    }

    .categories .maincat_header h1 {
        margin-top: 20px;
    }

    .requestPopup #popup_close {
    }

    .profile_page .row-fluid [class*="span"] {
        padding: 10px !important;
    }

    .profile_page .row-fluid .profile-services-about-block {
        padding: 0px !important;
    }


    body.pro #question_container h3,
    body.pro #question_container h4 {
        margin-bottom: 20px;
    }

    body.info .content,
    body.team .container,
    body.privacy .content,
    body.terms .content,
    body.datenschutz .content,
    body.agb .content {
        padding: 20px !important;
        padding-top: 0 !important;
    }

    body.info .content h2,
    body.privacy .content h2,
    body.terms .content h2,
    body.datenschutz .content h2,
    body.team h3.section-title,
    body.team h1.section-title,
    body.agb .content h2 {
        font-size: 28px;
    }

    .nav-tabs > li > a {
        border-left: transparent;
        margin: 0;
        border-radius: 0;
    }

    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus {
        text-decoration: none;
    }

    .nav-tabs > li > a:active {
        font-weight: 600;
    }

    .info_page.quotes .request-info-options .quoted-tab > a,
    .info_page.quotes .request-info-options .quoted-tab > a:hover,
    .info_page.quotes .request-info-options .quoted-tab > a:focus,
    .info_page:not(.quotes) .request-info-options .suggested-tab > a,
    .info_page:not(.quotes) .request-info-options .suggested-tab > a:hover,
    .info_page:not(.quotes) .request-info-options .suggested-tab > a:focus {
        cursor: default;
        color: var(--menu-font);
        background: var(--menu-background);
    }

    .info_page.quotes .request-info-options .quoted-tab.un-selected-tab > a,
    .info_page.quotes .request-info-options .suggested-tab.un-selected-tab > a {
        position: relative;
        display: block;
        background: var(--menu-active);
        color: var(--menu-active-font);
        border-radius: 0;
        white-space: nowrap;
    }

    .submenu.nav-tabs > li > a {
        padding: 6px 0;
    }


    .submenu.nav-tabs > li.active > a {
        color: var(--site-font-color-hover);
        font-weight: 600;
        box-shadow: 0 2px 0 0px var(--link-decoration-color);
        background: none;
        border: none;
        box-shadow: 0 3px 0 0px var(--link-decoration-color);
        margin-bottom: 3px;
    }


    .foto_container_extended #multimedia_all .fotos_container {
        margin-left: -20px;
        -webkit-transition: none;
        border-top: none;
    }

    .foto_container_extended .pic {
        margin: 10px
    }

    #extend_foto_box {
        display: none;
    }

    .w33 {
        width: 33.5%;
    }

    #createform .form-group.span6.tar,
    #createform .form-group.span4.tar {
        text-align: left !important;
        padding-left: 0
    }

    #attributes #contact {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 20px;
    }

    #contact_top {
        display: inherit;
    }

    #account_container #camera {
        float: left;
        margin-top: -10px;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .account_box {
        text-align: left !important;
    }

    .account_box h4 {
        padding-left: 10px;
    }

    #calendar > .calendar-view {
        display: flex;
        flex-direction: column-reverse;
    }

    .pricing-tables .none {
        display: none;
    }

    div.empty:empty {
        display: none;
    }

    .icon-color-mode {
        font-size: 20px
    }

    .split .profile {
        width: auto;
        float: none;
    }

    .split .profile:nth-child(even) {
        float: none;
    }

    .tab-content > .tab-pane {
        padding: 10px;
        margin: 0 auto;
        padding-top: 0;
    }

    .tab-content > .tab-pane#payments {
        padding: 10px 20px;
    }

    .tab-content > .overview_div > .account_start_request {
        margin: auto;
        margin-top: 10px;
        width: calc(100% - 20px);
        box-shadow: none !important;
    }

    #create_new_request {
        width: 100%;
    }

    .account_start_request > #create_new_request {
        position: relative;
        right: unset;
        top: unset;
        margin-bottom: 20px;
    }

    .feed_requests {
        overflow-x: auto;
        overflow-y: hidden;
        vertical-align: middle;
    }

    .feed_requests.btn-group {
        box-shadow: unset;
        border-radius: unset;
        white-space: nowrap;
        margin-left: -20px !important;
        padding-left: 20px;
        width: calc(100% + 40px);
        height: 48px;
    }

    .feed_requests.btn-group .btn:first-child,
    .feed_requests.btn-group .btn:last-child,
    .feed_requests.btn-group .btn {
        /*border: 1px solid var(--btn-bordered) !important;*/
        /*margin-left:5px;*/
    }

    #photo_selector[data-phototype="account"]:after {
        left: 50%;
    }

    #photo_selector[data-phototype="account"] {
        width: calc(100% - 40px);
    }


    #createform #photo_selector[data-phototype="profile"]:after {
        left: 50%;
    }

    #createform #photo_selector {
        margin-top: 10px;
    }

    #create_profile_avatar #camera {
        margin-left: 0 !important;
    }

    #camera a,
    #camera a i.icon-camera,
    .gallery a.select_photo,
    .gallery a.select_photo i.icon,
    .gallery a.select_gal_profile,
    .gallery a.select_gal_profile i.icon {
        display: block;
        text-decoration: none;
        padding: 10px;
        border-radius: 50%;
    }

    #camera a,
    #camera a i.icon-camera {
        /*padding: 10px 12px 16px 12px;*/
        /*margin: -10px -12px -16px -12px;*/
    }

    #requestFormContainer #fotos_wrapper {
        padding: 0;
    }

    .profile_images.slickSlider {
        margin: 0;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }

    .copyright {
        background: inherit;
    }

    .copyright a {
        color: inherit;
    }

    .copyright > p > span {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .category .row-fluid {
        flex-direction: column;
        max-width: 100%;
    }

    body.price_pages .row-fluid {
        max-width: 100%;
    }

    body.price_pages .faq_dropdown {

    }

    body.price_pages .faq_dropdown div.questions,
    body.price_pages .faq_dropdown div.answers {
        max-width: 100%;
    }

    body.price_pages .price_pages_section {
        padding: 20px;
    }

    .questionsSideInfo {
        text-align: center;
    }

    .category .questionsSideInfo.side-section {
        display: flex;
        flex-direction: column-reverse;
        text-align: left;
    }

    .hero .img {
        background-position: center !important;
    }


    body.share .hero {
        margin-bottom: 0;
        padding-bottom: 60px;
        background: var(--site-background);
    }

    body.share .hero .img {
        background: none !important
    }

    body.category .hero {
        min-height: 120px !important;
    }

    body.category .hero .img {
        background: none !important;
        background-color: var(--fixando-background) !important;
    }

    .share .breadcrumbs.share_page {
        margin-top: 0;
        padding: 0 10px;
    }

    .hero_message h1 {
        font-size: 32px;
        line-height: 34px;
    }

    .hero_message .subtitle {
        font-size: var(--title-font-size);
        line-height: 24px;
    }

    .category .maincat_navigation_small a {
        font-size: var(--site-font-size-small);
        line-height: 20px;
    }

    .category .maincat_navigation_small {
        padding-left: 0px;
        display: inherit;
    }

    .category div.maincat_navigation_wrapper {
        margin-bottom: 25px;
    }


    body.pro #search_wrapper .btn-search,
    .rootcatsearch,
    .rootcatsearch .selectpicker {
        border-radius: var(--btn-radius-search);
        width: 100% !important;
        max-width: 100% !important;
        float: none;
    }

    .rootcatsearch .selectpicker {
        box-shadow: 0 0px 6px 0 rgba(32, 33, 36, 0.45);
    }

    body.pro #search_wrapper .btn-search {
        margin-top: 5px;
        margin-left: 0;
    }

    .dropdown-menu {
        border-radius: var(--radius-big);
    }

    .transfeat .town_page h2 {
        margin-top: 0px;
    }

    .answers .half {
        width: 100%;
    }

    .question_title {
        min-height: auto;
    }

    .flex .col {
        width: 100%;
    }

    .flex .col .cat {
        text-align: left;
        margin: 0 auto;
    }

    .price_pages_section_links.flex .col {
        flex-basis: 100%;
    }

    .choose_account .box {
        margin-top: 10px
    }

    .choose_account .or {
        padding-top: 20px;
    }

    .home #popular {
        display: none
    }

    .home_hw_wrks_rgt {
        float: none !important;
        width: calc(100% - 80px) !important;
        margin: 40px;
        padding-right: 0 !important;
    }

    .home_hw_wrks_lft {
        width: 100% !important;
        justify-content: center;
        margin: 0 auto 60px auto;
    }

    .home_hw_wrks_rgt a.tar.db {
        text-align: center !important;
        max-width: 100%;
        margin-right: auto;
        float: none;
        margin-top: 10px;
    }

    .hw_wrk_blk {
        width: 33% !important;
    }

    .home_hw_wrks_lft .hw_wrk_img .icon {
        font-size: 9px;
        width: 14px;
        height: 14px;
    }

    .home_hw_wrks_lft .hw_wrk_blk:first-child {
        transform: scale(0.9) translateX(23px) !important;
        border: .5px solid #0000002b;
    }

    .home_hw_wrks_lft .hw_wrk_blk:nth-child(3) {
        transform: scale(0.9) translateX(-23px) !important;
        border: .5px solid #0000002b;
    }

    .hw_wrk_blk ul li .icon {
        font-size: 10.5px !important;
        margin-right: 2px;
    }

    .how_it_works_user .how_it_works_user_txt, .how_it_works_pro .how_it_works_pro_txt {
        margin-left: 0;
        padding: 20px;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box
    }

    .how_it_works_user .how_it_works_user_txt {
        padding: 30px 30px 5px;
    }

    .how_it_works_search {
        margin-right: 25px;
    }

    .how_it_works_user .how_it_works_user_img, .how_it_works_pro .how_it_works_pro_img {
        height: 400px !important;
        padding-bottom: 45px;
    }

    .how_it_works_pro_img .container-fluid,
    .how_it_works_user_img .container-fluid {
        background: rgba(0, 0, 0, 0.4);
        height: 100%;
        position: absolute;
    }

    .how_it_works_pro_img .content {
        padding: 0
    }

    .how_it_works_user_txt h2 {
        font-size: 27px !important;
        padding-bottom: 0px !important;
        line-height: 26px !important;
    }

    .how_it_works_pro_txt h2 {
        font-size: 27px !important;
        line-height: 26px !important;
        padding-bottom: 0px !important;
    }

    .how_it_works_pro_txt p {
        font-size: 17px !important;
        line-height: 24px !important;
    }

    .how_it_works_user_txt p, .how_it_works_pro_txt p {
        font-size: 22px;
        line-height: 30px;
    }

    .how_it_does_user_main {
        padding: 40px 20px;
    }

    .answers .ve {
        width: 45%;
    }

    .project_view.share .data_wrapper {
        overflow: visible;
        max-height: none;
        min-height: auto;
    }

    .project_view.share .map_wrapper {
        float: none;
        min-height: 200px;
        margin: 0;
        border-radius: 0;
    }

    .project_view.share .user_img img {
        margin-left: calc(50% - 30px);
        top: 370px;
        left: 0
    }

    #pppcrequestForm .infobox-icon-container {
        width: 100%;
    }

    #pppcrequestForm .infobox {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    .profile_steps.profile_section #create_result {
        width: 100%;
        margin-left: 0;
    }

    #qid_register_pro {
        margin-bottom: 0
    }

    body.pro #question_container .infobox-text-primary {
        text-align: left;
    }

    body.pro #question_container .infobox-icon-container {
        margin-right: 5px;
    }

    body.InApp.pro .main_wrapper {
        padding-top: 20px;
        height: calc(100% - 20px);
        max-height: 100%;
    }

    body.pro.InApp.ios {
        margin-top: 0 !important;
    }

    body.pro .navbar .icon-menu {
        display: none
    }


    .quote_templates a.goback {
        display: block;
    }

    .quote_templates .flex-mode .actions_icon_mob {
        width: 53%;
        display: block;
    }

    .quote_templates .flex-mode .actions_icon {
        display: none;
    }

    .quote_templates .submitform.edit.dsktop,
    .quote_templates .submitform.duplicate.dsktop {
        display: none;
    }

    .quote_templates .flex-mode a.cancel {
        width: 25%;
        text-align: right;
    }

    .quote_templates .quote-detail .template-head {
        margin: 10px 0px 10px 5px;
    }

    .account_box a.select_photo {
        display: none !important;
    }

    /* services block */
    .services-block .services-new .services-details .services-details-head .goback {
        display: inline-block;
    }

    .services-block .services-new .services-details .services-details-head .flex-mode .actions_icon {
        display: none;
    }

    .services-block .services-new .services-details .services-details-head .flex-mode .actions_icon_mob {
        display: inline-block;
    }

    .services-block .services-new .services-details .services-details-head {
        margin: 10px 0px 10px 0px;
        font-weight: 600;
        display: block;
    }

    /* services block */
    div.table div.tr, div.table a.tr {
        text-align: center !important;
        color: var(--light-font-color);
        display: none
    }

    #account_container .nav-tabs.nav-justified > li > a > i.icon,
    #account_container .nav-small > li > a > i.icon {
        display: none
    }

    #account_container .nav-tabs.nav-justified > li > a > .total {
        display: inline-block;
        right: 60px;
        position: absolute;
    }

    div.table div.tr div, div.table a.tr div {
        padding: 8px 20px 6px;
        font-size: 18px;
    }

    div.table div.tr.tar > div, div.table a.tr.tar > div {
        display: inline-block;
        padding-left: 0;
        padding-right: 5px;
    }

    a.user-credits {
        border: 1px solid var(--link-font) !important;
        border-radius: 5px;
        margin: 0 10px;
        display: inline-block !important;
        padding: 0 30px;
    }

    .credits_account {
        flex-direction: column;
        align-items: flex-start;
    }

    .account_wrapper.row-fluid:not(.nopadding) {
        padding: 0 !important
    }

    .tab-pane#requests {
        padding-left: 10px !important;
    }

    .referral-button {
        display: none
    }

    .pro_dropdown {
        margin-left: 0;
    }


    div.started_reqs {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px 20px;
        height: 60px;
        box-sizing: border-box;
        background: var(--site-background) !important;
    }

    /** This is to shift the entire webpage in mobile view because of the fixed header for the started requests */
    .start_wrapper:not(.login):not(.account):not(.choose_account):not(.pro_quote):not(.fullformRequest):not(.pro_chat):not(.request_view):not(.create) {
        margin-top: 70px;
    }

    body.categories div.started_reqs {
        background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7));
    }

    div.started_reqs a.continue_started_reqs {
        margin: 0px auto;
        box-shadow: var(--box-shadow);
        border: none;
        padding: 12px 20px;
        background: var(--box-background);
    }

    #teaser_app.common_teaser {
        background: #e4e2e2 !important;
        padding: 0px 10px 30px 10px !important
    }

    #teaser_app.common_teaser .container-fluid {
        margin-left: auto;
        text-align: center;
        color: var(--dark-font-color);
    }

    .testimonial-image div {
        height: auto !important;
    }

    .testimonial-image img {
        height: auto !important;
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--btn-radius);
    }

    .save_multimedia {
        margin-left: 10px;
    }

    .messagemulti {
        margin-left: 10px;
    }

    .about_pro_rating {
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        width: auto;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #clear_feed_filter {
        margin-left: 10px;
    }

    .availability_table > .table-width {
        width: 100%;
    }

    .chat_ask_pay_methods {
        min-width: 235px;
    }

    .fxpay_list_requests_div .list_requests_payments {
        display: inherit;
    }

    .fx_pay_welcome_block_text {
        min-height: 100px;
    }

    #multimedia-certificates .rTableCell {
        vertical-align: top;
    }

    #multimedia-certificates .certificate_box .certificate_div button {
        bottom: 0px;
    }

    #multimedia-certificates .certificate_content {
        display: block;
    }

    .certificate_popup .certificate_content div.field_width {
        min-width: 100%;
    }

    .certificate_popup .certificate_content input.field_width {
        width: 100%;
        float: right;
        margin-bottom: 20px;
    }

    .certificate_popup .certificate_form_div {
        margin: 0px;
    }

    .remove-upload-certificate {
        right: 0px;
    }

    .certificate_popup .certificate_content {
        text-align: center;
    }

    .profile a {
        margin-bottom: 5px;
    }

    body.register .span5.social_login {
        padding: 10px 0 !important;
    }

    body.register #register_wrapper .content h2 {
        padding-bottom: 0;
    }

    body.register #register_wrapper h4 {
        font-size: 24px;
    }

    body.register #register_container .img-circle {
        position: relative !important;
        margin: auto !important;
        font-weight: 400 !important;
        font-size: 24px !important;
        background: none !important;
    }

    body.register #register_container {
        padding-left: 0 !important;
        max-width: 100%;
        border: none;
    }

    body.register .btn.submitform {
        width: 200px;
        padding: 12px 36px;
        border-radius: var(--btn-radius)
    }

    .terms_cond_user {
        text-align: left;
    }

    .social_login .img-circle {
        margin-left: 0 !important;
        position: relative;
    }

    .near_me_links.latest_requests > .flex .col {
        flex-basis: 100% !important;
        padding: 10px 0px 0px 0px;
        margin: 15px 20px;
    }

    body.near_me .near_me_links.latest_requests > .flex .col {
        margin: 20px 10px;
    }

    #profile_success .how_to_have_success_tips .row {
        display: flex;
        flex-direction: column;
    }

    #profile_success .how_to_have_success_tips .row .no,
    #profile_success .how_to_have_success_tips .row .tip_heading,
    #profile_success .how_to_have_success_tips .row .tips {
        width: 100%;
        box-sizing: border-box;
    }

    .external-review .emails {
        width: 100%;
    }

    .external-review .ask_review_email {
        margin-top: 20px;
    }

    #packages_content .packages_blocks {
        display: flex;
        flex-direction: column-reverse;
    }

    .maincat_header_small_wrapper {
        align-items: flex-start;
        flex-direction: column;

    }

    .categories .maincat_header_small .subtitle {
        padding-left: 0;
    }

    .container-fluid.pro-container,
    .container-fluid.user-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 20px;
    }

    .fixandopremium .container-fluid.pro-container {
        align-items: center;
    }

    .how_it_works_search,
    .how-it-works-user-content,
    .how-it-works-pro-content {
        margin: 0px;
    }

    .how-it-works-user-content,
    .how-it-works-pro-content,
    .how_it_works_search {
        width: 100%;
    }

    .how-it-works-pro-content p,
    .how-it-works-user-content p {
        font-size: var(--title-font-size);
        line-height: 26px;
    }

    .how-it-works-pro-teaser,
    .how-it-works-user-teaser {
        max-width: 100%;
        width: 329px;
        height: 250px;
        padding-top: 10px;
        float: none;
    }

    .fixandopremium .how-it-works-pro-teaser,
    .fixandopremium .how-it-works-user-teaser {
        width: auto;
    }

    .header .pro_rating_stats {
        flex-direction: column;
        grid-gap: 30px;
        align-items: center;
    }

    #profile_page_container .pro_rating_stats > div + div:not(.row_element) {
        margin-left: 0px;
    }

    .share .share_flex .service-provider {
        display: none;
    }

    #packages_content .pricing-tables + .pricing-tables {
        margin-left: 0;
    }

    .pro .register-pro #search_category.category-search {
        border-radius: var(--btn-radius-search);
        border: 1px solid var(--input-border-color-hover);
    }

    .register-pro .search-clear .clear-icon {
        right: 20px;
    }

    .project_started_request {
        padding-left: 135px;
        padding-right: 40px;
    }

    .started_request_image {
        width: 115px;
    }

    .tab-pane .project_started_request h3 {
        font-size: var(--title-font-size);
    }

    .category_content img:not(.no_style) {
        border-radius: 0;
        margin-left: -40px;
        width: calc(100% + 80px);
        max-width: calc(100% + 80px);
    }

    .tab-content .business-statistics-content-block .expected-requests-block,
    .tab-content .business-statistics-content-block .travel-settings-block,
    .tab-content .business-statistics-content-block .badges-block,
    .tab-content .business-statistics-content-block .ratings-block,
    .tab-content .business-statistics-content-block .reject-reasons-block {
        padding: 10px;
        width: calc(100% - 20px);
    }

    mcontainer {
        max-width: calc(100vw - 40px);
    }

    .tab-content .categories-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .tab-content .categories-block .profile-actions {
        display: flex;
        flex-direction: column;
        row-gap: 5px;
        align-items: flex-end;
        margin-top: 10px;
        width: 100%;
    }

    .account_dropdown .dropdown-item.display-desktop {
        display: none;
    }

    .profile_page .pro_reviews .review .flag-user-review {
        right: 15px;
        width: auto;
    }

    .profile_page .pro_reviews .review {
        padding-top: 50px;
    }

    .profile_page .review_data .details {
        width: calc(100% - 148px);
        flex-grow: 1;
    }

    .profile_page .review_data {
        display: contents;
    }

    .profile_page #profile_page_container .review .review_avatar {
        width: 40px;
    }

    .services-block .services-new .estimate-types .list .type-name {
        width: 200px;
    }


    /* Direct booking page  */
    body.direct-booking-page .body-section .filter-section {
        grid-template-columns: 50% 50%;
        gap: 10px;
        padding: 0 10px;
    }

    body.direct-booking-page .body-section .users-list-sections {
        margin: 30px 10px;
    }

    body.direct-booking-page .body-section .users-list-sections .user-details-block {
        flex-direction: column;
    }

    body.direct-booking-page .body-section .users-list-sections .user-details-block .left-side {
        width: auto;
    }

    body.direct-booking-page .body-section .users-list-sections .user-details-block .left-side .top-sections {
        flex-wrap: wrap;
        justify-content: center;
    }

    body.direct-booking-page .body-section .list_pagination .pagination {
        bottom: -20px;
        top: auto;
        width: calc(100% - 40px);
        left: 0;
        padding: 0px 20px 30px 20px;
        background: #ffb000;
        box-shadow: var(--box-shadow);
    }

    /* Direct booking page  */
    .profile_page .about-attribute-section {
        grid-template-columns: none;
    }

    .price_pages_section .price_pages_title {
        padding: 20px 0;
    }

    .price_pages_section_links a {
        padding-left: 0;
        padding-right: 0;
    }

    #related_districts .price_pages_section_links a,
    #related_categories .price_pages_section_links a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .share .other-locations .other-location,
    .near_me .other-locations .other-location {
        flex-basis: 100%;
        align-self: stretch;
    }

    .forgot-password-container {
        flex-wrap: wrap;
    }

}


/* PHONE */
@media (max-width: 740px) {

    .requestPopupBackground::before {
        right: 2px;
        top: 2px;
        font-size: 30px;
    }


    .display-mobile {
        display: block !important;
    }

    .display-desktop {
        display: none !important;
    }

    .profile_steps.full_page #create_profile_avatar {
        margin-left: 0px !important;
    }

    .request_box_rgt {
        width: 100px;
    }

    .profile-services-about-block .services {
        grid-template-columns: 100%;
    }

}

/*  PHONE */
@media (max-width: 660px) {

    #jalert_container {
        width: calc(100% - 40px) !important;
        min-width: inherit !important;
        max-width: 100% !important;
        left: 20px !important;
        margin: 0 auto !important;
    }

    .payment_logos {
        display: block;
    }

    label.payment_options {
        margin: 5px 0;
        padding: 20px;
    }


    .payment_buttons .btn {
        width: 100%
    }

    #mbw_reference_container .intl-tel-input {
        width: 100%;
        margin-bottom: 10px;
    }

    #mbw_reference_container .iti {
        display: block !important;
        margin-bottom: 10px;
    }

    .mbw_reference_input_wrapper #phone_checkout,
    .mbw_reference_input_wrapper #mbway_reference {
        width: 100%;
    }

    #phone_checkout {
        width: 100%;
    }

    .app-download-banner {
        display: block;
    }

    .app-download-banner .request_box_rgt {
        margin-top: 10px;
        left: 0;
        right: auto;
    }

    .app-download-banner .request_box_rgt p {
        text-align: left;
        padding-left: 10px;
    }

    .ask_for_review_tip .request_box_rgt.tar {
        position: initial;
        float: left;
    }

    .app-download-banner .request_box_rgt, .app-download-banner .request_box_lft, .ask_for_review_tip .request_box_lft {
        position: relative;
    }

    .request_box .global_requests_badge_wrapper {
        float: none;
        margin-top: 20px;
        padding-left: 15px;
    }

    .awaitinglead {
        font-size: 12px;
        line-height: 14px;
    }


    .quote_details_header .header_section.mob_view {
        margin-top: 17px;
        margin-left: 4px;
        vertical-align: middle;
        display: inline-block;
    }

    .quote_details_header .quote_back {
        display: inline-block;
        position: absolute;
        color: var(--link-font-selected);
        /*top: 10px;*/
    }


    #requests_all .order_list {
        min-height: 42px !important;
    }

    .campaign_page .section {
        padding-left: var(--site-horizontal-padding);
        padding-right: var(--site-horizontal-padding);
    }

    .campaign_page .flex div {
        width: 100%;
        padding: 0;
    }

    .category-description, .category-details, .campaign-about-sub-sections {
        width: 100%;
        padding: 0 0 var(--section-padding-bottom-small) 0;
        text-align: left;
    }

    .cat_description_content {
        flex-direction: column;
    }

    .account .mobile_credits {
        position: absolute;
        right: 10px;
        bottom: -6px;
        display: block;
        font-size: 11px;
        color: var(--fixando-yellow);
    }

    #credit_details {
        line-height: 35px;
        text-align: center;
        margin-top: 3px;
        float: none;
        right: 100px;
        top: 7px;
        width: auto;
        z-index: 3000;
    }


    .cookie_button {
        display: inline-block;
        margin-top: 0;
        margin-left: 0px;
    }

    .cookie_disclaimer .btn {
        line-height: 18px;
        padding: 10px 0px;
        width: 50px;
    }

    .privacy_h, .contact_h, .terms_h, .partners_h {
        line-height: 30px;
    }

    .cookie_home .cookie_disclaimer {
        display: flex;
        align-items: stretch;
        vertical-align: middle;
        text-align: left;
        font-size: var(--site-font-size-small);
        position: fixed;
        background: rgb(35, 35, 38);
        padding: 5px;
    }

    .int_awaiting_answer {
        position: relative;
        top: 0;
    }

    .project_bid .messages_section {
        margin-top: 0;
    }

    .welcome_session_tip .request_box_rgt.tar {
        position: initial;
        float: left;
    }

    .welcome_session_tip .request_box_lft {
        position: relative;
    }

    .quote_details {
        display: none;
    }

    body.pro_quote.show-quote .quote_details,
    .request_messages .quote_now.quote-block {
        display: block;
    }

    .request_messages .quote_now.quote-block {
        margin-top: 75px
    }

    .request_messages .quote_now {
        margin-top: 20px;
        width: calc(100% - 80px);
    }

    body.pro_quote.show-quote .quote_back {
        display: inline-block;
        position: relative;
    }

    body.pro_quote.show-quote .quote_details_header .header_section,
    body.pro_quote.show-quote .request_details {
        display: none;
    }

    #search a#search_clear {
        left: calc(100% - 121px);
    }

    body.create.loggedin .nav-collapse {
        height: auto
    }

    .navbar-fixed-top .icon-color-mode {
        display: none
    }


    #create_profile_avatar > div.mt20 {
        margin-top: 0
    }

    .create .select_photo.mt15 {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .selected_cats_block {
        margin-left: -20px;
        margin-right: -20px;
    }

    #camera a, #camera a i.icon-camera, .gallery a.select_photo, .gallery a.select_photo i.icon, .gallery a.select_gal_profile, .gallery a.select_gal_profile i.icon {
        background: none;
    }

    .profile_page .avatar-holder {
        text-align: center;
    }

    img.profile_page_header {
        box-shadow: none;
    }

    .profile_page .avatar-holder img.av {
        width: 100px;
    }

    .near_me #search_wrapper {
        bottom: 0px;
    }


    #search_wrapper.fix-search #search_service {
        padding-right: 30px;
        max-width: calc(100% - 46px);
    }

    #search_wrapper .btn-search {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body:not(.pro) #search_wrapper .btn-search span {
        display: none
    }

    #submit_home_search .icon-caret-right {
        display: inline-block;
    }

    #search_wrapper .btn-search .home-icon-search {
        opacity: 1;
    }

    #search_wrapper .btn-search .home-icon-search:before {
        content: "\e620";
    }

    body.pro #search_wrapper h2 {
        margin-left: 10px;
    }

    body.pro #search_wrapper a {
        margin-left: 0
    }

    body.pro .register-pro #search_wrapper {
        bottom: 0;
        width: 100%;
        margin: 0
    }

    body.pro .register-pro #search_wrapper select {
        margin-bottom: 10px;
        border-radius: 4px;
        width: 100%;
        font-size: 16px;
        background-position: 77%;
    }

    body.pro #question_container {
        box-shadow: none;
        width: 100%;
        border-radius: 0;
    }


    #register_pro_errormessage {
        border-radius: 0;
    }

    body.pro .question_card {
        padding-left: 0;
        padding-right: 0;
    }

    body.pro.pro-level-5 .answers input.inbox {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .pro .register-pro-form.password-required .password-block .js-show-password {
        right: 5px;
    }

    body.pro #question_container #requestFooter {
        border-radius: 0;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .category .teaser_app {
        display: block;
    }

    .home .teaser_app {
        display: block;
    }


    #attributes #contact,
    .submitform.btn:not(.inbox) {
        width: 100%;
    }

    #login_container input {
        max-width: 100%;
    }

    .loginbox {
        padding-right: 0 !important
    }

    .pagination ul {
        min-height: 36px;
        display: flex;
        margin-top: 10px;
    }

    .pagination ul > li,
    .near_me .pagination ul > li.status {
        display: none;
    }

    .near_me .pagination ul > li.back,
    .near_me .pagination ul > li.next {
        width: auto;
    }

    .near_me .pagination ul > li.back {
        float: none;
        margin-right: 5px;
    }

    .near_me .pagination ul > li {
        display: inline-block;
    }

    .pagination ul > li.status,
    .pagination ul > li.b2s {
        display: inline-block;
        white-space: nowrap;
    }

    .pagination ul > li.back,
    .pagination ul > li.next {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        float: left;
        width: 40%;
        margin-right: 10px
    }

    .pagination ul > li.next {
        float: right;
        margin-left: 10px;
        margin-right: 0px
    }

    .pagination ul > li.back a,
    .pagination ul > li.next a {
        display: inline-block;
        position: relative;
        width: 100%;
        text-align: left;
    }

    .profile_page .pagination ul > li.next a,
    .profile_page .pagination ul > li.back a {
        display: inline-block;
    }

    .pagination ul > li.next a {
        text-align: right;
    }

    .pagination ul > li > img.av {
        display: none
    }


    .pagination ul > li.b2s > a > i {
        left: 0
    }


    .quote_head_label {
        box-shadow: none;
    }

    #adminlogin {
        left: 20px;
        right: auto !important;
    }

    /*****Request page mobile media******/
    .row-fluid:not(.nopadding).request_quote {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .request_details .content_section {
        margin-left: 0;
    }

    .request_details .content_section ul li {
        padding: 0px 20px;
    }

    .request_details .content_section ul li.more-info {
        padding: 0px;
    }

    .request_details .catname {
        font-size: var(--title-font-size);
        line-height: 24px;
        padding: 10px 30px;
    }

    .request_details {
        float: none !important;
        height: auto;
        overflow-y: hidden;
        padding-bottom: 0px;
        box-shadow: none;
        padding-bottom: 70px;
        position: relative;
        width: 100%;
    }

    .pro_quote .request_details {
        height: 100%;
        padding-bottom: 120px;
    }

    .request_view .js-ask-attachment,
    .request_view .report-request {
        margin-top: 0px;
    }

    .request_view .report_req {
        border-top: none;
        padding-top: 0;
        display: inline-block;
    }

    .request_quote.no_padding_quote .request_details {
        padding-bottom: 20px;
    }

    .near_me_links.latest_requests.quote_suggestrequest > h2 {
        margin-top: 0;
    }

    .near_me_links.latest_requests.quote_suggestrequest {
        padding-top: 0;
        margin-top: 0;
    }

    .project_chat_details {
        padding-bottom: 50px;
        padding-top: 0
    }

    .project_chat_details .chat_section {
        float: none !important;
        width: 100% !important;
        margin: 0 auto;
        padding-bottom: 0px;
    }

    .quote_details {
        position: relative;
        float: none;
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 0 20px;
        padding-bottom: 50px;
    }

    .header_section > img {
        width: 100%
    }

    .btn_hide {
        display: block;
        z-index: 1;
        width: 100%;
    }

    .quote_details div.content_section {
        width: 100%;
        padding-bottom: 50px;
        padding-left: 0
    }

    #quoteform > div {
        width: 100%;
        border-left: none;
        border-right: none;
        border-radius: 0px;
        padding: 0px
    }

    #quoteform .estimate-types .types-lists:before, .templates-types .types-lists:before {
        display: none;
    }

    .compose_message .attachments-option-lists {
        left: -60px;
    }

    #quoteform .estimate-types, .templates-types {
    }

    #quoteform .estimate-types .types-lists,
    .templates-types .types-lists {
        padding-left: 20px;
        width: calc(100% - 20px);
        margin-left: -20px;

    }

    #quote_message {
        margin: 0;
    }

    #quoteform button.submitform {
        position: fixed;
        bottom: 0px;
        left: 0;
        right: 0;
        z-index: 100;
        min-height: 50px;
        max-width: calc(100% - 40px) !important;
        margin: 30px auto;
        border-radius: var(--btn-radius);
        box-shadow: var(--box-shadow-wide);
    }

    #quoteform > div #job_price {
        height: 68px;
        margin: 10px auto;
        font-size: 40px;
    }

    #quoteform .job-price .currency {
        top: 4px;
        font-size: 40px;
        color: var(--btn-light-font);
    }

    /*****project info page mobile media******/
    .project_info .project_details {
        width: 95%;
        margin: 0 auto;
    }

    .project_info .project_overview {
        width: 100% !important;
        margin: 0 auto;
    }

    .project_info .project_overview .content_section {
        width: 100% !important;
        margin: 0 auto;
    }

    .project_info .project_overview .partners-block {
        padding-top: 20px;
        width: calc(100% - 20px);
        margin: auto;
    }


    /*****project bid page mobile media******/
    .project_details {
        width: 75% !important;
        float: none !important;
        margin: 0 auto;
    }

    .project_bid {
        float: none !important;
    }

    .profile_page .pro_reviews {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .profile_page .pro-name {
        width: 45%;
    }

    .pro_reviews {
        -ms-flex-preferred-size: 80% !important;
        flex-basis: 80% !important;
        max-width: 80% !important;
    }

    .request_box {
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0 !important;
        border-left: none;
        border-right: none;
        position: relative;
        margin-bottom: 10px;
    }

    .request_box_lft {
        padding: 20px 4px 4px;
    }

    #passed_request_wrapper .request_box_lft {
        padding: 5px 0 5px 0;
    }

    #passed_request_wrapper .request_box {
        padding: 20px;
    }

    .request_box .asked-for-quote {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .app-download-banner .request_box_rgt,
    .app-download-banner .request_box_lft,
    .ask_for_review_tip .request_box_lft {
        padding: 0px;
    }

    .request_box.app-download-banner,
    .request_box.ask_for_review_tip {
        padding: 30px 30px 40px;
    }

    .request_box_rgt {
        position: absolute;
        right: 20px;
        font-size: var(--site-font-size-small);
        line-height: var(--site-line-height-small);
        padding-right: 0px;
        margin-right: 0px;
        width: auto;
        max-width: 100px;
    }

    .show-xpress-left {
        margin-right: 20px;
    }

    .heading_quote {
        font-weight: 400;
        padding: 20px 73px;
    }

    .tab-content .tab-pane .request_quote .quote_info .quote_price .type {
        display: block
    }


    .request_box.new:before {
        display: none
    }

    .request_box.new:active {
        background: #f7f7f7
    }

    .markas_trusted_tip,
    .welcome_session_tip,
    .ask_for_review_tip {
        display: table;
    }

    .ribbonnewreq:before {
        left: -3px;
    }

    #request_wrapper .request_box h4 {
        width: 60%;
    }

    #request_wrapper .request_box h4:has(> .referrer_tag_block) {
        width: auto;
    }

    #request_wrapper .request_box .tip_important,
    #request_wrapper .request_box .tip-info {
        margin-left: 0;
    }

    .request_box p.category_p,
    .request_box .request-location {
        /*width: 75%;*/
    }

    .ribbonnew {
        top: -7px;
        left: -5px;
    }

    .ribbonnew .ribbonnewreq {
        left: -14px;
        top: 6px;
        width: 65px;
    }

    .ribbontab .ribbonnewtab {
        right: -12px;
        top: 2px;
        width: 50px;
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        -moz-transform: rotate(0deg) translate3d(0, 0, 0);
        -ms-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
        left: auto;
        position: absolute;
    }

    .ribbonnewtab:before, .ribbonnewtab:after {
        content: '';
        position: absolute;
        bottom: 0px;
        border-top: 0px solid #000000;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
    }

    .pro_register {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        flex-direction: column;
        align-items: center !important;
    }

    .set_profile, .activate_account, .get_hired {
        width: 70%;
        margin: 0 auto;
    }

    .set_profile, .activate_account {
        margin-right: auto !important;
    }

    .home_hw_wrks_lft .hw_wrk_img .icon {
        font-size: 11px !important;
        width: 14px !important;
        height: 14px !important;
        line-height: 16px !important;
    }

    .how_it_works_user_txt, .how_it_works_pro_txt {
        top: 2% !important;
    }

    .how_it_works_user_txt h2, .how_it_works_pro_txt h2 {
        font-size: 30px !important;
        padding-bottom: 0px !important;
    }

    .how_it_works_user .how_it_works_user_img, .how_it_works_pro .how_it_works_pro_img {
        height: 100% !important;
        min-height: 438px !important;
    }

    .how_it_works_user .how_it_works_user_img {
        min-height: 560px !important;
    }

    .how_it_works_user .how_it_works_user_txt {
        padding: 30px 20px 5px;
    }

    .how_it_works_pro .how_it_works_pro_img img, .how_it_works_user .how_it_works_user_img img {
        height: 450px;
    }

    .how_it_does_pro {
        text-align: center;
    }

    .how_it_does_user .how_it_does_user_txt {
        clear: left;
        width: 100% !important;
    }

    .how_it_does_user .how_it_does_user_img {
        clear: right;
        width: 100% !important;
        text-align: center;
    }

    .how_it_does_user:nth-child(2) .how_it_does_user_txt {
        float: left;
        width: 100% !important;
    }

    .how_it_does_user:nth-child(2) .how_it_does_user_img {
        float: right;
        width: 100% !important;
    }

    .how_it_does_pro .how_it_does_pro_txt {
        flex-direction: column !important;
        justify-content: space-around !important;
        align-items: center !important;
        float: none;
        clear: left;
        width: 100% !important;
        text-align: center;
    }

    .how_it_does_pro .how_it_does_pro_img {
        float: none;
        clear: right;
        width: 100% !important;
        text-align: center;
    }

    .how_it_does_sub ul li:before {
        content: "" !important;
    }

    .how_it_does_pro .how_it_does_pro_txt > div:first-child {
        font-size: 47px !important;
        margin: 0 0 7% 0 !important;
    }

    .how_it_does_adv_main h2 {
        text-align: center;
    }

    .how_it_does_adv_main .how_it_does_adv {
        padding-bottom: 40px !important;
    }

    .how_it_does_adv_img {
        display: none;
    }

    .how_it_does_user_main {
        text-align: center;
    }

    .facebook-messenger {
        position: static !important;
        left: 0;
    }

    .spacearound div {
        width: 100%;
        text-align: left;
        margin-left: 10px;
    }

    .spacearound.display-mobile div {
        max-width: -webkit-fill-available;
        margin-right: 10px;
    }

    .project_details {
        display: none;
    }

    .quote_block {
        display: block !important;
    }

    .project_info .project_overview .content_section .header_section {
        font-size: var(--title-font-size);
    }

    .pro_overview {
        min-height: 90px;
    }

    .project_overview .request-info-content,
    .request-pros-list .request-share-pros-block {
        width: calc(100% - 20px);
    }

    .info_page .project_info .lead_quotes a {
        width: inherit;
    }

    .lead_history_data {
        width: 80%;
    }

    #send_quote_button {
        height: 50px;
        max-width: 85% !important;
        border-radius: var(--btn-radius);
        margin: 30px auto;
    }

    .request_details,
    .request_quote {
        box-shadow: none;
        border: none;
    }

    body.pro .social_login_buttons {
        flex-direction: column;
        padding-left: 25px;
        padding-right: 25px;
    }

    html:not(.is-iframe) body.request_view:not(.info_page) {
        background: var(--site-background);
    }

    .back_navigation {
        padding: 10px var(--site-horizontal-padding);
    }

    body.pro_chat .main_wrapper {
        padding-top: 0
    }

    .get_hired .app_icons i {
        display: none;
    }

    .ios .get_hired img.apple.install_icons {
        display: inline-block;
    }

    .android .get_hired img.android.install_icons {
        display: inline-block;
    }

    .add_private textarea {
        width: 100%;
        margin-bottom: 5px;
    }

    .terms_news {
        width: 85%;
    }

    .show_ask_pay_btn,
    .show_ask_pay_link {
        display: table;
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .hidden-mobile {
        display: none !important;
    }

    .visible-mobile {
        display: block !important;
    }

    body.request_view #logo_holder {
        text-align: left;
    }

    body.request_view #logo_holder #logo {
        left: 70px;
        width: 160px;
        top: 20px;
    }

    .rTable, .rTableRow, .rTableHead, .rTableCell {
        display: block;
    }

    .rTableRow.desk_head,
    .rTableFoot div:not(:nth-child(4)),
    .rTableCell.no_amount {
        display: none;
    }

    .rTableCell {
        padding: 8px 10px;
    }

    .rTableRow {
        margin: 0px;
        margin-bottom: 20px;
        background: var(--medium-background);
        border-radius: var(--radius-default);
        padding: 10px;
    }

    .credits_account_table .rTableRow {
        padding: 0;
        overflow: hidden;
    }

    .credits_account_table.rTable {
        box-shadow: none;
        padding: 0;
        background: transparent;
    }

    .specialquotes_userinfo .specialquotes-details:hover .details {
        min-width: 250px;
        padding: 5px;
        font-size: 14px;
        left: -150px;
    }

    .rTableRow:last-child {
        margin-bottom: 0
    }

    .rTableRow .rTableCell {
        border-bottom: none;
        padding: 4px;
    }

    .rTable .rTableRow .rTableCell:first-child {
        padding-left: 29px;
    }

    .rTable .rTableRow:last-child .rTableCell:first-child {
        border-bottom-left-radius: 0
    }

    .home .requestPopup #submit_home_search.btn-search, .popupSearch #submit_home_search {
        width: 100%;
        max-width: 100% !important;
    }

    #clear_feed_filter {
        margin-left: 0;
    }

    .fc-toolbar {
        flex-direction: column-reverse;
        text-align: center;
    }

    .fc-toolbar h2 {
        padding: 10px;
    }

    i.icon.slick-arrow {
        display: none !important;
    }

    .info_page .suggested_user_cats {
        padding: 20px;
    }

    .request_view .attach_pics .SlickSlider {
        max-width: 320px;
        margin: 0 auto;
    }

    body.pro #question_container #requestFooter .profile-section-btn {
        float: none;
        width: calc(100% - 40px);
        margin: 0px;
        margin-bottom: 5px;
        margin-left: 20px;
    }


    .btn.google, .btn.facebook {
        /*width: 100% !important;*/
        margin-top: 10px;
    }

    .req_social .btn.google, .req_social .btn.facebook {
        width: 75% !important;
        margin-left: 0 !important;
    }

    .account .request-via-logo {
        justify-content: left;
    }

    .user_quote_details .quoted-pro-details .pro-details .pro-name {
        width: 250px;
        font-size: var(--title-font-size);
    }

    .special-quote-unavailable .hide-specialquote-content,
    .show_on_specialquotes .hide-specialquote-content {
        display: none;
    }

    .ServiceList-pro-title .pro-name {
        width: 150px;
    }

    .account-modification .btn,
    .account-modification .modify {
        width: 100%;
    }

    .account-modification .modify {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .delete-profile,
    .disable-account,
    .delete-account {
        margin-top: 10px;
        padding: 10px;
    }

    .add-more-info .add-info-block {
        margin: 20px;
    }

    .request-action-buttons,
    .quoted-pros-block,
    .add-more-info-details,
    .partners-block {
        width: calc(100% - 20px);
        margin: auto;
    }

    .request-share-pros-details .pro-details,
    .suggested-pros-details .pro-details {
        width: calc(100% - 140px);
    }

    .request-share-pros-details .personal-data .profile-link,
    .suggested-pros-details .pro-details .pro-name {
        width: 190px;
    }

    .request-share-pros-details .pro-details .pro-avatar,
    .suggested-pros-details .pro-details .pro-avatar {
        width: 60px;
    }

    .request-share-pros-details .pro-details .pro-avatar .pro_avatar,
    .suggested-pros-details .pro-details .pro-avatar .pro_avatar {
        height: 60px;
        width: 60px;
    }

    .request-share-pros-details .pro-details .pro-avatar .online_status,
    .suggested-pros-details .pro-details .pro-avatar .online_status {
        right: -2px;
        bottom: -5px;
    }

    .tab-content .business-statistics-content-block .expected-requests-block,
    .tab-content .business-statistics-content-block .travel-settings-block,
    .tab-content .business-statistics-content-block .badges-block,
    .tab-content .business-statistics-content-block .ratings-block,
    .tab-content .business-statistics-content-block .reject-reasons-block {
        padding: 10px;
        width: calc(100% - 20px);
        overflow: hidden;
    }

    .business-statistics-content-block .badges-block .badge-block .badge-image {
        padding: 10px;
    }

    .business-statistics-content-block .badges-block .progress-bar-container {
        top: 25px;
    }

    .business-statistics-content-block .review-details-block {
        padding: 10px;
    }

    .business-statistics-content-block .badges-block .badge-block .badge-image img {
        width: 60px;
    }

    .business-statistics-content-block .pending-reviews .review-form .review-form-details {
        flex-direction: column;
    }

    .profile_page .job-done-photos .slick-track {
        left: 0;
    }

    .profile_page .action-buttons .btn {
        flex: auto;
    }

    .reviews-carousel-container .reviews-carousel-section {
        margin-left: auto;
        margin-right: auto;
    }

}

@media only screen and (min-width: 320px) and (max-width: 640px) {
    .wrapper {
        width: 100%;
    }

    .content_image {
        display: none;
    }

    h1.header_headline span {
        display: none;
    }

    h1.header_headline:before {
        content: 'Fixando is available in:';
    }

    UL.nav {
        width: 100%;
    }

    .nav_item {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
        -moz-box-sizing: border-box; /* Firefox 1 - 28 */
        box-sizing: border-box;
        width: 50%;
        padding: 0px;
        margin: 0 0px 1px 0;
        border-right: 1px solid white;
    }

    .nav_item:nth-child(2n) {
        border-right: none;

    }

    .answers[data-type="visual_enumeration"] {
        padding: 0;
    }

    .project_info .project_overview .sub_header_section {
        margin-top: 20px;
    }

    .pro_overview .project_p {
        text-align: center;
    }

    .project_bid .project_links {
        margin-bottom: 24px;
    }

    #send_message_form .links, .quote_text_box .links {
        display: block
    }

    .pro_quote #upload_attachment_button {
        width: 100% !important;
        border-radius: var(--btn-radius);
        margin: 0px;
    }


    .popup_background .popup_close, #popup_close {
    }


    .compose_message form .submitform {
        float: auto;
        margin-top: 5px;
    }

    .project_bid .back_toqte .no_of_qte {
        display: none;
        font-size: 15px;
    }

    .services-block .services-new .estimate-types .list .type-name {
        width: 140px;
    }

    .account .pro-awards-section .award-section {
        grid-template-columns: repeat(1, 1fr);;
        gap: 20px;
    }

    .account .pro-awards-section .title {
        grid-row: 1;
        grid-column: 1;
    }

    .account .pro-awards-section .award-section .award {
        grid-column: 1;
        grid-row: 2;
        margin: auto;
    }

    .account .pro-awards-section .award-details {
        grid-column: 1;
        grid-row: 3;
    }

    .pro .distance-settings {
        flex-wrap: wrap;
    }

    .pro .distance-settings .distance-wrapper,
    .pro .distance-settings .zip-wrapper {
        flex: 1 0 100%;
    }

}

/*  PHONE VERTICAL */
@media (max-width: 550px) {

    /*
       FOR MOBILE DEVICES, WE CAN ADJUST SOME ROOT VARIABLES
    */
    :root {

    }

    .fixbottom_unset,
    .fixbottom {
        width: calc(100% - 40px);
    }

    #jalert_panel {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    #jalert_panel button + button {
        margin-left: 0;
    }

    .profile_page .online_status {
        margin-left: 0;
    }

    .profile_page .online_tooltip {
        position: relative;
        margin: 0 auto;
        left: auto;
        top: 0;
    }

    .row-fluid:not(.nopadding) {
        padding-left: var(--site-horizontal-padding) !important;
        padding-right: var(--site-horizontal-padding) !important;
    }

    .navbar .nav_menu ul li a {
        margin-top: 15px;
        padding: 0px 15px 5px 0;
    }

    body.home .navbar .nav_menu ul li a {
        padding-top: 0px;
    }

    body.account .nav_menu ul li a {
        padding-bottom: 10px;
        float: none;
    }

    .account-menu-dropdown-block .menu-avatar {
        position: absolute;
        padding: 20px !important;
        left: -4px;
        z-index: 3;
    }

    .pro-name .profile-avatar.avatar {
        width: 40px;
    }

    .profile_page .pro-name .profile-avatar.avatar {
        width: 80px;
        margin-right: 10px;
    }

    .navbar .my_menu {
        margin-top: 12px;
        display: none;
    }

    #show_account_menu:after {
        bottom: calc(50% - 17px);
    }

    .intl-tel-input .country-list {
        width: 100%;
    }

    #search_wrapper .btn-search .icon.big {
        top: -7px;
    }

    #pppcrequestForm {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow: auto;
        max-height: 100% !important;
        display: block !important;
    }

    #tvaddesk .videoPopup {
        margin: 0px 10px;
    }

    .tool_tips:after {
        left: 88%;
    }

    .tool_tips {
        left: -117px;
    }

    .popup_content {
        width: 100% !important;
        left: 0 !important;
        border-radius: 0 !important;
    }

    /*.popup_content .opening {*/
    /*    min-height: 100% !important;*/
    /*}*/
    .ad-spot {
        display: none;
    }

    .content {
        padding: 0px 20px 35px 20px;
    }

    input:focus,
    textarea:focus {
        box-shadow: none;
    }

    .how_fixando_works_tut iframe {
        margin-left: 3%;
        width: 94%;
        height: 94%;
    }

    .pro_reviews .header {
        padding: 0px 20px 35px 20px;
    }

    /* hover effect is not fine on mobile */
    input[type="checkbox"] + span:hover:before {
        background: none
    }

    .quote_price_label p {
        font-size: 12px;
        font-weight: bold;
    }

    .info_page .lead .online_status {
        left: 52%;
    }

    #search_wrapper.fix-search .icon-menu
    body.home .navbar .icon-menu {
        top: 12px;
    }

    .nav_menu ul {
        overflow: hidden;
    }


    .nav_menu ul li a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 18px;
        text-align: right;
    }

    .nav_menu ul li.models a {
        width: auto;
        min-width: inherit;
    }

    .nav_menu ul li.djs a {
        width: auto;
    }

    .nav_menu ul li.services a {
        width: auto;
    }

    body.create .nav_menu ul li a {
        font-size: var(--title-font-size);
        text-align: inherit;
    }

    body.create.loggedin .nav_menu ul li a {
        color: inherit
    }

    #logo_addition svg {
        height: 30px;
        width: 30px;
    }

    body.home #logo #logo_addition {
        top: -20px;
        right: -46px;
    }


    .row-fluid.keyword-categories-list {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0px
    }

    .keyword-categories-list li a {
        font-size: var(--title-font-size);
        line-height: 26px;
        padding: 16px 20px;
        padding-right: 40px;
        border-radius: 0;
    }

    .keyword-categories-list li {
        min-width: auto;
        margin: 10px 0;
        width: calc(100% - 40px);
        padding-left: 20px;
        box-sizing: border-box;
        margin-left: 20px;
    }


    .project_chat_details #call_client_button,
    .chat_section .view_details_request {
        width: 100%;
    }

    .project_chat_details #call_client_button {
        margin-bottom: 20px;
    }

    .nav_menu ul li.active a {
        color: rgba(0, 0, 0, 0.6) !important;
    }

    #createform #cat_selection .nav_menu ul li.active a {
        color: #FFF !important;
    }

    #createform #cat_selection .nav_menu ul li {
        width: 48%;
    }


    .near_me_links .flex3 {
        flex-grow: 1;
    }

    .hide_xs {
        display: none !important;
    }

    body.near_me #slider {
        background-position-x: 50%;
    }

    .root-categories.flexx .fcol a,
    .locationlinks.flexx .fcol a {
        text-align: left
    }

    .root-categories.flexx .fcol a:before,
    .locationlinks.flexx .fcol a:before {
        margin-right: 12px;
    }

    #showcase,
    #showcasepics {
        overflow-y: auto;
        max-height: inherit;
    }

    #main_avatar_selection {
        margin-top: 10px;
    }

    #showcase .item {
        width: 100%;
        min-height: inherit;
    }

    #showcase .item img {
        border: none;
        max-width: 130px;
    }

    #showcase .item > a {
        float: left;
        margin-right: 10px;
    }

    #showcase p + a {
        max-width: 100%;
        width: auto;
        padding-left: 0;
        margin-right: 0;
    }

    #added_locations li a {
        float: none;
        display: inline-block;
        margin-top: 5px;
        text-align: right;
        margin-left: 80px;
    }

    .quote_info_tabs li a {
        width: 120px;
    }

    .float2br {
        float: none;
        display: inherit;
    }

    #contact_top {
        width: 100%;
    }

    .profile {
        height: auto;
        min-height: 100px;
        margin-bottom: 10px;
        padding: 15px;
    }


    .profile .menu a {
        display: block;
        margin-bottom: 5px;
        padding: 8px 5px;
    }

    .profile .menu a.remove {
        display: none;
    }


    .account .tab-content.p20 {
        padding: 0;
    }

    .account_box h4 {
        text-align: center;
        font-size: var(--title-font-size);
        margin-top: 0
    }

    #packages_content {
        padding: 0 !important
    }

    #packages_content p,
    #packages_content h2 {
        padding: 0 20px;
    }

    #account_container {
        margin-top: 0;
        position: inherit;
    }

    #account_container .quickOverview {
        background-color: #2d2d36;
        color: #c4c4c4;
        padding-bottom: 5px;
    }

    #account_container #camera {
        margin: 0;
    }

    .pricing-tables {
        margin-bottom: 40px;
    }

    .pricing-tables .circle-price-wrap {
        background: none;
        border: 0;
    }

    .pricing-tables .purchase {
        margin: 20px;
        width: 80%;
    }

    .pricing-tables .header {
        padding: 5px 0 80px;
    }

    .pricing-tables .table td {
        padding: 10px;
    }

    .pricing-tables .table tr.none {
        display: none
    }

    .packages .packages_small_info {
        margin-bottom: 120px;
    }

    .account_box {
        text-align: center !important;
    }

    .btn.create_profile {
        width: 100%
    }

    body.create #upload_button {
        width: 95%;
    }

    #upload_button,
    #upload_audio_button {
        width: calc(100% - 40px);
    }

    .answers #upload_audio_button {
        width: 100%;
    }

    #upload_button {
        margin: 10px 0px;
    }

    .image-upload-container #upload_button {
        width: 100%
    }

    .mob100 {
        width: 100%
    }

    .profile_header_image_wrapper {
        max-height: 150px;
    }

    body.share .breadcrumbs a.navigationLink {
        float: none;
        margin-bottom: 5px;
        max-width: none !important;
    }


    .hiring-padding {
        margin-bottom: 10%;
    }

    .infotext-container {
        margin-bottom: 5%;
        margin-top: 5%;
    }

    .pagination {
        position: fixed;
        top: -17px;
        width: 100%;
        z-index: 2;
    }

    body.account .pagination {
        position: relative;
        top: 0;
    }

    .q .pagination {
        width: 95%;
    }

    .pagination ul > li.back a,
    .pagination ul > li.next a {
        font-size: 12px;
    }

    .near_me .pagination {
        position: relative;
    }

    #create_profile_avatar {
        padding: 0px;
        text-align: center
    }

    #create_form_fields > div {
        padding: 0px;
    }

    .row-dark {
        margin-left: -10px;
        margin-right: -10px;
    }

    .create h4.gback,
    .create h3.gback {
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0;
    }

    #header_photo_selector_link {
        float: none;
        width: 100%;
    }

    .pph {
        display: none !important
    }

    .home.nocat #showcase .item {
        min-height: inherit;
    }

    .request-call-form {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }


    .maincat_header {
        margin-top: 20px;
    }


    .maincat_header .subtitle,
    .maincat_header .subtitle h1 {
        font-size: 22px;
        line-height: 28px;
    }


    #slider_wrapper {
        position: absolute;
        top: 70px;
    }

    body.home:not(.categories) #home_search_wrapper {
        height: 100px;
    }

    .youtube-links.slick-slider {
        margin-top: 0;
    }


    body.home:not(.categories) #slider {
        /*background-image: url(/img/fixando_nando.jpg?x=2) !important;*/
        background-position-x: center;
        width: 180px;
        margin: 0 auto;
        height: 80px;
    }

    body.cat_hover_1 .maincat_navigation_small a[data-id="1"],
    body.cat_hover_2 .maincat_navigation_small a[data-id="2"],
    body.cat_hover_3 .maincat_navigation_small a[data-id="3"],
    body.cat_hover_4 .maincat_navigation_small a[data-id="4"],
    body.cat_hover_5 .maincat_navigation_small a[data-id="5"],
    body.cat_hover_6 .maincat_navigation_small a[data-id="6"],
    body.cat_hover_7 .maincat_navigation_small a[data-id="7"],
    body.cat_hover_8 .maincat_navigation_small a[data-id="8"],
    body.cat_hover_9 .maincat_navigation_small a[data-id="9"] {
        color: inherit !important;
    }


    .search_wrapper_wrapper {
        padding-left: var(--site-horizontal-padding);
        padding-right: var(--site-horizontal-padding);
        /*padding-bottom: var(--section-padding-bottom);*/
    }

    .home .maincat_navigation_small {
        display: block;
        width: 100%;
        border-radius: var(--btn-radius);
        box-sizing: border-box;
    }

    .home .maincat_navigation_small a:not(.btn-primary) {
        font-size: var(--site-font-size);
        line-height: 1;
        max-width: 100%;
        width: 100%;
        text-align: left;
        display: block;
        font-weight: 400;
        margin-right: 0px;
        box-sizing: border-box;
        padding-top: 16px;
        padding-right: 20px;
        padding-bottom: 16px;
        padding-left: 20px;
        border: none;
        background: var(--categories-home-background);
        border-radius: var(--radius-default);
        margin-bottom: 2px;
        box-shadow: none;
    }

    .home .maincat_navigation_small a > span {
        display: inline-block;
        color: var(--site-font-color);
        font-weight: 400;
    }

    body.cat_hover_1 .maincat_navigation_small a[data-id="1"] i.icon,
    body.cat_hover_2 .maincat_navigation_small a[data-id="2"] i.icon,
    body.cat_hover_3 .maincat_navigation_small a[data-id="3"] i.icon,
    body.cat_hover_4 .maincat_navigation_small a[data-id="4"] i.icon,
    body.cat_hover_5 .maincat_navigation_small a[data-id="5"] i.icon,
    body.cat_hover_6 .maincat_navigation_small a[data-id="6"] i.icon,
    body.cat_hover_7 .maincat_navigation_small a[data-id="7"] i.icon,
    body.cat_hover_8 .maincat_navigation_small a[data-id="8"] i.icon,
    body.cat_hover_9 .maincat_navigation_small a[data-id="9"] i.icon,
    .home .maincat_navigation_small a i.icon {
        /*color: inherit !important;*/
    }

    @media (hover: hover) {

        .home .maincat_navigation_small a:active {
            background: var(--medium-background);
        }

        .home .maincat_navigation_small a:hover i.icon,
        .home .maincat_navigation_small a:hover:after {
            color: var(--btn-primary-hover) !important;
        }

        .categories_group li a:hover {
            box-shadow: none;
        }
    }

    .profile_page .pro-name {
        width: 100%;
    }

    body.profile_page .pro-details {
        margin-top: 0;
    }

    .fullformRequest .question_card {
        box-shadow: var(--box-shadow);
    }

    .answers label {
        font-size: var(--site-font-size);
        font-weight: var(--answers-label-font-weight);
    }

    body.pro .social_login_buttons {
        padding-left: 0;
        padding-right: 0;
    }

    body.profile_page .profile_rating,
    body.profile_page .pro-badge {
        justify-content: center;
    }

    .profile_page .home .maincat_navigation_small {
        margin-top: 0px;
        position: relative;
        bottom: 0;
        margin-left: 0 !important;
        overflow: hidden;
        padding: 0px;
        width: 100%;
        box-shadow: none;
    }

    profile_page .home .maincat_navigation_small a:after {
        right: 15px
    }

    profile_page .home .maincat_navigation_small a#getstarted:after {
        display: none;
    }

    profile_page .home .maincat_navigation_small a#getstarted {
        margin-top: 10px;
    }

    body.profile_page .home .maincat_navigation_small {
        min-height: 170px;
    }

    profile_page .home .maincat_navigation_small a {
        line-height: 20px;
        padding: 8px 20px !important;
        max-width: 100%;
        margin-bottom: 2px;
    }

    #profile_page_container #pro_map,
    #profile_page_container #fotos_wrapper,
    #profile_page_container .headerimage_container {
        margin-left: -20px;
        margin-right: -20px;
    }

    #profile_page_container .headerimage_container img {
        border-radius: 0
    }


    #attributes .trust_signal {
        padding: 10px 15px;
    }

    #attributes .trust_signal div {
        padding: 5px 0 !important;
        min-height: auto;
    }

    #profile_page_container .main_wrapper h3 {
        margin-left: 0;
    }

    .maincat_navigation_small a i.icon {
        font-size: 30px;
        float: left;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 20px;
        top: -9px;
        position: relative;
    }

    .maincat_navigation_small a i.icon:after {
        display: none
    }

    #upload_attachment_button, #upload_attachment_button_doc {
        margin-left: 10%;
    }

    .attachments-option-lists #upload_attachment_button {
        margin: 0px;
    }

    #requestHeader {
        margin: 0;
    }

    #requestHeader #logo {
        left: 0
    }

    .requestActive #requestHeader {
        background-position-x: 22px;
        background-position-y: 18px;
        background-size: 120px;
    }

    .requestPopup #errormessage, .requestPopup #errormessage_preferred {
        bottom: 74px;
    }

    .requestPopup:has(.zip-code-text-field:focus-visible) .error-message-alert {
        display: none !important;
    }

    @supports not selector(:focus-visible) {
        .requestPopup:has(.zip-code-text-field:focus) .error-message-alert {
            display: none !important;
        }
    }

    #search_wrapper input, #search_service, #search_zip {
        padding-right: 0
    }

    .near_me.transeffect #slider_wrapper {
        position: relative;
    }

    .near_me.transeffect #slider_wrapper,
    .near_me.transeffect .transwrapper {
        min-height: 300px;
    }

    .lat_req,
    .about_pro_rating_header,
    .testimonial-section .about_pro_rating,
    .slick-slider_title {
        padding-left: var(--site-horizontal-padding);
        padding-right: var(--site-horizontal-padding);
    }

    .categories #slider_wrapper {
        bottom: auto !important;
    }

    .maincat_navigation_small + .categories_group,
    .home.categories .container-fluid.slider_wrapper {
        margin-top: 0px;
    }

    .near_me_links:not(.latest_requests) ul li {
        padding: 0;
        margin: 0px 20px;
    }

    .home.categories #teaser_app {
        margin-top: 390px;
        margin-bottom: -30px;
    }

    body.root-category .categories_group .parent ul {
        column-count: 1;
        font-size: var(--site-font-size);
    }

    body.root-category .categories_group h3 {
        font-size: var(--title-font-size);
        line-height: var(--title-line-height);
        text-align: left;
    }

    body.categories.parent .categories_group .categories {
        column-count: 1;
    }

    .near_me_links:not(.latest_requests) li.col a {
        font-size: var(--title-font-size);
        line-height: var(--title-line-height);
        display: block;
        width: 100%;
        border-bottom: 1px solid #fff;
        padding: 10px 40px 10px 20px;
        box-sizing: border-box;
        position: relative;
        color: var(--dark-font-color);
        border-radius: 0;
    }


    .near_me_links:not(.latest_requests) li.col a:after {
        position: absolute;
        font-family: Fixando;
        content: "\e910";
        right: 10px;
        color: var(--icons-darkgray);
        top: calc(50% - 13px);
    }

    .keyword-categories-list li a:hover {
        border-color: transparent;
    }

    .categories_group div.cat a:hover:after {
        color: rgba(0, 0, 0, 0.5);
    }

    .near_me_links:not(.latest_requests) li.col a {
        border-bottom: 2px solid var(--site-background);
        padding: 15px 30px 15px 15px !important
    }

    .near_me_links:not(.latest_requests) li.col:last-child a {
        border-color: transparent
    }


    .dark_links .near_me_links li.col a {
        border-color: var(--dark-background);
        padding: 15px 40px 15px 10px;
        border-radius: 0;
    }

    .near_me_links li.col {
        padding: 0;
        flex-basis: auto;
        margin: 0;
        border-radius: 0;
    }

    body.near_me .infotext,
    body.near_me .popular_text,
    body.near_me .more_services_text {
        display: block;
    }

    body.near_me .more_services_text {
        padding-top: 20px;
    }

    .near_me .dark_links .col {
        padding-top: 0;
        padding-bottom: 0;
    }

    #slider {
        background-position-x: -340px;
        height: 400px;
        max-height: none;
        width: 100%;
        position: initial;
    }

    #sliderShadow {
        height: 190px;
    }

    .home.categories #sliderShadow {
        height: 270px;
        background: var(--site-background);
    }

    .home.categories.keyword #sliderShadow {
        height: 0px;
    }


    body.login #login_wrapper {
        padding-top: 0;
    }

    #login_container div.content {
        padding-top: 0
    }

    #login_container div.content .teaser {
        display: none
    }

    #login_container .form-control {
        height: 46px;
    }

    #login_container .submitform {
        border-radius: var(--btn-radius);
        padding: 13px 35px;
        margin-bottom: 10px;
    }

    #login_container #resetpass {
        font-size: 17px;
        text-align: center;
        width: 100%;
        display: block;
        padding: 10px;
        box-sizing: border-box;
        margin-top: 20px;
    }


    #jalert_title {
        font-weight: var(--headline-font-weight);
        text-shadow: none;
        color: var(--headline-font-color);
    }


    .home-warning-margin {
        margin-top: 0px;
    }

    body.pro .register-pro {
        height: auto;
        max-height: auto;
        text-align: center
    }


    body.pro .register-pro #search_wrapper a {
        margin-left: 0;
        width: 100%;
        text-align: center;
        box-sizing: border-box
    }

    body.android .tab-pane.animated {
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none;
    }

    .project_box {
        max-width: 100%;
    }

    #footer {
        padding: 0;
        padding-top: 30px;
        display: none;
    }

    #footer_logo {
        margin-top: 10px;
        left: 20px
    }

    .fullformRequest #footer {
        display: none
    }

    body.active-footer #footer {
        padding-left: 0;
        transform: translate3d(0, 0, 0);
    }

    .nav_footer li {
        margin-bottom: 0;
    }

    .nav_footer li.footer_title {
        padding: 20px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .nav_footer .sociallink span {
        font-size: inherit;
    }

    .nav_footer.block4 {
        padding-top: 10px;
    }

    .nav_footer li a {
        padding: 12px 20px;
        border-bottom: 1px solid rgba(133, 133, 133, 0.1);
        background: rgba(0, 0, 0, 0.03);
        border-radius: 0;
    }

    .nav_footer:first-child {
        margin-right: 0;
    }


    .footer-dropdown {
        min-width: 100%;
        max-height: unset;
    }

    .nav_footer .languages .footer-dropdown {
        right: 0;
    }

    .nav_footer .languages .poin {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        gap: 10px;
    }

    .nav_footer .footer-dropdown .list,
    #countries_wrapper a {
        font-size: var(--site-font-size);
        line-height: var(--site-line-height);
        letter-spacing: var(--site-letter-spacing);
        padding: 12px 20px;
    }

    .nav_footer .languages-selections-block {
        position: absolute;
        top: -60px;
        right: 14px;
    }

    .nav_footer .languages-selections-block .languages {
        border: 1px solid var(--footer-border);
    }

    .nav_footer .languages-selections-block .languages .icon-arrow-thin-down {
        margin-right: 0;
        display: block;
        float: unset;
        top: 0
    }

    .nav_footer .languages-selections-block .languages .lang-code {
        display: unset;
    }

    .nav_footer .languages-selections-block .languages .lang-name {
        display: none;
    }

    .nav_footer .languages-selections-block .lang-name {
        font-size: inherit !important;
        line-height: inherit !important;
    }

    .nav_footer .languages-selections-block .footer-dropdown {
        top: 55px;
        right: 0;
    }

    .nav_footer li:last-child a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .nav-tabs:not(.submenu) > li > a:after,
    .nav-tabs:not(.submenu) > li > form > a:after {
        position: absolute;
        font-family: Fixando;
        content: "\e910";
        right: 20px;
        color: rgba(0, 0, 0, 0.3);
        display: none;
    }

    .request-info-options .drop_down .dropdown-item .item-name {
        padding: 10px 20px;
    }

    .request-info-options .drop_down .dropdown-item .item-name:after {
        display: none;
    }

    .nav_footer li a#countries {
        border-radius: 0;
        border-bottom: 1px solid rgba(133, 133, 133, 0.1);
    }

    .nav_footer .sociallink img {
        margin-top: -1px
    }

    .account_box .user-credits {
        color: #ffc00c !important;
        border-color: #ffc00c !important
    }

    div.social_login {
        padding-right: 0px !important;
    }

    #create_new_request {
        width: 100%;
    }


    .tab-content > .overview_div.no-menus {
        margin-top: 0px;
    }

    .account_start_request > #create_new_request {
        position: relative;
        right: unset;
        top: unset;
    }

    .profile_page .avatar_holder {
        text-align: center;
    }

    .review_box, .review_box1,
    .review_page .skills-list,
    .review_page .upload-job-photos {
        width: 92% !important;
        padding: 20px 0px !important;
        margin: 0 auto;
    }

    .text-message, .headline_review {
        width: 90% !important;
        margin: 0 4%;
    }

    .review_box1 .experience {
        width: 90% !important;
        margin: 0 4%;
    }

    .review_result {
        width: 92% !important;
        margin: 0 auto;
    }

    .home_hw_wrks_lft .hw_wrk_blk {
        padding: 25px 9px 4px 9px !important;
    }

    #tvaddesk {
        margin-top: 250px;
    }


    .home_hw_wrks_lft .hw_wrk_img .icon {
        font-size: 10px !important;
        width: 13px !important;
        height: 13px !important;
    }

    .how_it_works_user_txt h2, .how_it_works_pro_txt h2 {
        font-size: 25.5px !important;
        line-height: 27px !important;
    }

    .how_it_works_user_txt p, .how_it_works_pro_txt p {
        font-size: 20px !important;
        line-height: 26px;
    }


    .Header-right {
        max-width: 100%;
        float: none
    }

    .Header-right .Header-cta {
        margin-left: 0;
        margin-bottom: 20px;
    }

    body.pro #question_container .infobox-text-primary {
        line-height: 22px;
    }

    .quote_business_name {
        width: 40%;
    }

    .project_info .lead .quote_business_name .business_p,
    .project_info .lead .quote_price_label {
        font-size: 16px;
    }

    .user_quote_details .pro_avatar {
        width: 45px;
        height: 45px;
    }

    .lead_hist_p, .rating.lead_hist_p {
        font-size: 10px;
    }

    .lead_message_data {
        padding: 15px 15px 12px 20px;
        font-size: var(--site-font-size-small);
    }

    .project_info p.see_req a.see_request {
        text-align: center;
        margin: 0 auto;
        width: calc(100% - 78px);
        margin-bottom: 10px;
        display: block;
        background: var(--site-background);
        color: var(--fixando-yellow);
        border-radius: var(--btn-radius);
        border-color: var(--input-border-color-hover);
    }

    .user_request_charge li {
        font-size: 12px;
    }


    .mob_head {
        display: inline-block;
        font-weight: bold;
        padding-right: 5px;
    }

    .sitemap .container-fluid {
        width: 100%;
        max-width: 100%;
    }

    .sitemap .calendar_view {
        margin: 0;
    }

    .sitemap .bread_crumbs {
        margin: 5px 0px 0px 25px;
    }

    .popup_background.requestPopupBackground {
        z-index: 10000;
    }

    .pro_dropdown p.questions, .pro_dropdown p.answers {
        width: 100%;
        border-radius: 0;
    }

    .cookie_disclaimer {
        display: none;
    }


    .latest_requests .slick-list {
        max-height: 100%
    }

    .fast_comm_cont {
        display: block;
    }

    .fast_comm_cont .comm_details {
        width: 100%;
    }

    .interested_reply_part div {
        width: 85%;
    }

    .info_page .interested_reply_part {
        display: block !important;
    }


    .tvadmob {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: left;
        padding: 0px 0px 0 30px;
    }

    .tvaddesk {
        display: none;
    }


    .about_pro_size {
        font-size: 12px;
    }

    .slick-dots li,
    .slick-dots li button,
    .slick-dots li button:before {
        width: 35px;
        height: 50px;
    }

    .slick-dots li button:before {
        font-size: 60px;
    }


    .request_close a.btn {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .request_close {
        padding-bottom: 40px;
    }

    .autocomplete-suggestion::after {
        top: 10px;
    }

    body.fullsize_search #home_search_wrapper {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: var(--site-background);
        top: 0;
        margin: 0;
        z-index: 1000000;
        left: 0;
    }

    body.fullsize_search #home_search_wrapper #search_wrapper {
        background: var(--light-background);
        padding: 10px;
    }

    body.fullsize_search .autocomplete-suggestions {
        max-height: 100% !important;
        box-shadow: none !important;
        width: 100% !important;
        left: 0 !important;
    }

    .home-how-it-works-title,
    .visited_cats h2,
    section.testimonial-section h2 {
        padding-left: var(--site-horizontal-padding);
        padding-right: var(--site-horizontal-padding);
    }

    .tab-content .tab-pane .request_quote_sub {
        flex-direction: column;
    }

    .tab-content .tab-pane .request_quote .quote_info {
        text-align: left;
        background: var(--medium-background);
        padding: 12px;
        border-radius: var(--radius-default);
    }

    .request_quote {
        margin-top: 0;
    }

    .edit_foto {
        width: 40px;
        right: -30px;
        top: 25px;
    }

    .edit_foto i {
        font-size: 22px;
        margin: 0;
        padding: 6px;
    }

    .edit_foto i.icon-trash {
        font-size: 22px
    }

    body.pro #question_container #requestFooter {
        height: auto !important;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .pro-register-levels-bottom-links {
        display: none
    }

    body.pro .main_wrapper {
        height: calc(100% - 100px - var(--alert-height));
    }

    .certificate-success-footer {
        position: relative;
        text-align: center;
        width: inherit;
    }

    .certificate_success .certificate_success_message {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .certificate-success-footer #back, .certificate-success-footer #next {
        float: none;
        width: calc(100% - 40px);
        margin: 5px;
    }

    body.pro #question_container #requestFooter .btn-monster {
        margin: 0;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    body.pro #question_container #requestFooter #back {
        margin: 0px;
        padding: 10px 10px 10px;
    }

    body.pro #question_container #requestFooter .profile-section-btn {
        float: none;
        width: calc(100% - 40px);
        margin: 0px;
        margin-bottom: 5px;
        margin-left: 20px;
    }

    .autocomplete-suggestions:not(.fixed) {
        width: calc(100% - 80px) !important;
        left: 40px !important;
        box-shadow: var(--box-shadow-wide);
    }

    .autocomplete-suggestions.fixed {
        left: 20px !important;
        width: calc(100% - 40px) !important;
        border-top-left-radius: var(--btn-radius-search);
        box-shadow: var(--box-shadow-wide);
    }

    /* Fullpage search form */
    body.pro.search_focus,
    body.home.search_focus {
        overflow: hidden;
    }

    body.search_focus #search_wrapper {
        width: 100% !important;
        max-width: 100% !important;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100vh !important;
        max-height: 100vh !important;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--site-background);
        z-index: 10000;
        transform: translate3d(0, 0, 0);
        transition: All 0.25s ease;
    }

    body.search_focus #search_wrapper #search_service,
    body.search_focus #search_wrapper form {
        border-radius: 0;
        box-shadow: none !important;
    }

    body.search_focus #search_wrapper #search_service:hover,
    body.search_focus #search_wrapper #search_service:focus {
        box-shadow: none;
        border: none !important;
        border-bottom: 1px solid var(--input-border-color) !important;
        background: var(--input-background-medium);
    }

    body.search_focus #search_wrapper form#search,
    body.search_focus #search_wrapper #search_service {
        width: 100%;
        max-width: 100%;
        margin: 0;
        border: 0;
        height: 60px;
    }

    body.search_focus #search_wrapper .search-pop-up#search {
        padding: 0px;
    }

    #search_wrapper .search-pop-up #search_service:focus {
        border-radius: 0px;
    }

    body.search_focus #search_wrapper #search_service {
        background: var(--input-background);
        padding-right: 58px !important;
        padding-top: 12px;
        color: var(--input-color);
        text-align: left;
        border-bottom: 1px solid var(--input-border-color);
    }

    body.search_focus #search_wrapper .btn-search {
        display: none;
    }

    body.search_focus.pro #search_wrapper .btn-search {
        margin-bottom: 60px;
        display: inline-block;
        position: fixed;
        z-index: 10000;
        bottom: 60px;
        transform: translateX(-50%);
        left: 50%;
        box-shadow: var(--box-shadow);
        max-width: calc(100% - 40px) !important;
    }

    body.search_focus #search a#search_clear,
    body.search_focus #search a#popup_search_clear {
        left: calc(100% - 60px);
        width: 60px;
        display: block !important;
        height: 100%;
    }

    body.search_focus .autocomplete-suggestions {
        width: 100% !important;
        max-width: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
        box-shadow: none;
        left: 0 !important;
    }

    /* top css should appled only for home auto complete suggestions */
    body.home.search_focus .autocomplete-suggestions {
        top: 60px !important;
    }

    body.active-footer .autocomplete-suggestions {
        z-index: 9999 !important;
    }

    body.search_focus .autocomplete-suggestion {
        padding: 15px var(--site-horizontal-padding);
        border-bottom: 1px solid #efefef;
    }

    body.search_focus .autocomplete-suggestion::after {
        top: 15px;
        right: 20px;
    }

    body.search_focus #search a#search_clear .clear_icon {
        /*color: var(--link-font-selected);*/
    }

    body.search_focus #search:hover {
        box-shadow: inherit;
    }

    .search_focus.pro .register-pro #search_category.category-search {
        margin: 0;
        box-shadow: none;
        background: var(--light-background);
        border-radius: 0;
        border: none;
        text-align: left;
    }

    #search_service.no_bradius {
        border-bottom-left-radius: inherit !important;
    }

    /* This will be applied only in (app)web view as we will be hidding logo*/
    .request-search-title {
        margin-top: 60px;
    }

    #search_wrapper:not(.fix-search) input, #search_wrapper:not(.fix-search) #search_service, #search_wrapper:not(.fix-search) .btn-search {
        padding: 8px 20px;
        border: 1px solid var(--input-border-color-hover);
        max-width: calc(100% - 80px);
    }

    #search_wrapper .search-pop-up #search_service {
        max-width: 100% !important;
    }

    #search_wrapper:not(.fix-search) .btn-search {
        width: 80px;
    }

    #search_wrapper .search-pop-up #search_service.no_bradius {
        border-bottom-right-radius: inherit !important;
    }

    #search_wrapper:not(.fix-search) .search-pop-up .btn-search {
        float: right;
        margin-top: 20px;
        padding: inherit;
    }

    #search_wrapper form {
        box-shadow: none;
    }

    .pro_dropdown .pair_faq {
        margin-bottom: 1px;
    }

    .started_notification {
        float: none;
        display: inline-block;
        margin-left: 10px;
    }

    .cookie-consent mfooter,
    .gallery-container mfooter {
        flex-direction: column;
        row-gap: 5px;
    }

    .cookie-consent.consent-settings mfooter {
        position: fixed;
        bottom: 40px;
        width: 78%;
        padding-bottom: 20px;
        background: var(--consent-background);
    }

    .gallery-container mfooter {
        float: none;
        margin-top: 10px;
    }

    .edit-image-modal .edit-image-container .img-container {
        min-height: 100%;
        width: 100%;
    }

    .gallery-container .save-gallery,
    .gallery-container .cancel-gallery {
        margin: 10px;
    }

    .cookie-consent mfooter .btn-save-all {
        width: 100%
    }

    mcontainer.gallery-container {
        padding: 40px 20px;
        height: auto;
    }

    .cookie-consent mcontainer {
        max-height: calc(100vh - 40px);
    }

    .gallery-container .gallery-pic {
        width: 140px;
        height: 140px;
    }

    .compose_message .upload-attachments-option .attachment {
        display: none;
    }

    .user_quote_details .quoted-pro-details {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    .user_quote_details .quoted-pro-details .pro-details {
        flex-direction: column;
        justify-content: space-around;
        flex-wrap: nowrap;
        width: 220px;
        margin-left: 0px;
    }

    .user_quote_details .quoted-pro-details .pro-details .pro-name,
    .user_quote_details .quoted-pro-details .pro-details .location {
        margin: 0px;
    }

    .user_quote_details .quoted-pro-details .pro-details .location,
    .user_quote_details .quoted-pro-details .pro-details .replies-in {
        font-size: 12px;
    }

    .user_quote_details .quoted-pro {
        padding: 20px 5px;
    }

    .user_quote_details .quoted-pro-details .pro-details .pro-name,
    .user_quote_details .quoted-pro-details .pro-rating-details {
        width: auto;
    }

    .user_quote_details .quoted-pro-details .pro-rating-details .pro-badge {
        margin-bottom: 3px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar {
        width: 70px;
    }

    .user_quote_details .quote-details .quoted-price {
        width: 100px
    }

    .user_quote_details .quoted-pro-details .pro-avatar .unreadleadid {
        font-size: 10px;
        left: 5px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar .online_status {
        left: 50px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar .pro_avatar {
        width: 70px;
        height: 70px;
    }

    .user_quote_details .quoted-pro-details .pro-details .pro-name {
        width: 220px;
    }

    .user_quote_details .quoted-pro-details .pro-details .replies-in {
        margin: 0px;
    }

    .user_quote_details .badge-link {
        width: 30px;
    }

    .navbar-inner .container-fluid {
        height: 70px;

    }

    .limit-reached .message {
        width: 250px;
        max-width: 100%;
    }

    .ServiceList-pro-title .pro-name {
        width: 120px;
    }

    .home .cat-wrapper {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0px;
    }

    .profile-detail-list .profile-progress, .profile-detail-list .profile-reviews, .profile-detail-list .credits-details {
        flex-direction: column;
    }

    .report-container,
    .report-not-allowed-container {
        width: calc(100% - 50px);
        border-radius: 0;
        max-height: 100%;
    }

    .report-container.report-limit-reached {
        padding: 20px;
        width: 270px;
    }

    .request-share-pros-details .request-share-pro,
    .suggested-pros-details .suggested-pro {
        background-color: var(--site-background);
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px;
    }

    .request-share-pros-details .pro-details,
    .suggested-pros-details .pro-details {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 100%;
        align-content: flex-start;
        padding: 10px 0px;
    }

    .request-share-pros-details .pro-details {
        justify-content: center;
    }

    .request-share-pros-details .pro-details .pro-avatar,
    .request-share-pros-details .pro-details .pro-avatar .pro_avatar,
    .suggested-pros-details .pro-details .pro-avatar,
    .suggested-pros-details .pro-details .pro-avatar .pro_avatar {
        height: 65px;
        width: 65px;
    }

    .request-share-pros-details .pro-details .pro-rating-details,
    .suggested-pros-details .pro-details .pro-rating-details {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }

    .suggested-pros-details .pro-details .pro-rating-details .pro-badge {
        margin-bottom: 5px;
    }

    .request-share-pros-details .personal-data .profile-link,
    .suggested-pros-details .pro-details .pro-name {
        font-size: 18px;
        width: 225px;
    }

    .request-share-pros-details .pro-details .pro-name {
        font-size: 18px;
    }

    .suggested-pros-details .suggested-pro .get-quote,
    .suggested-pros-details .suggested-pro .send-message,
    .suggested-pros-details .suggested-pro .sent-message {
        width: 100%;
        padding: 10px 0px;
    }

    .suggested-pros-details .suggested-pro .send-message {
        justify-content: space-around;
        flex-direction: row;
    }

    .feed_requests.btn-group {
        margin-bottom: 10px;
    }

    .stop-request-container .stop-request {
        width: calc(100% - 40px);
    }

    .stop-request-container .stop-request {
        padding: 40px 0px;
    }

    .stop-request-container .stop-reasons {
        width: 100%;
    }

    .stop-request-container .flag,
    .close-started-request {
        right: 15px;
    }

    .decline-container {
        border-radius: 0;
    }

    .search_focus .register-pro .search-clear {
        display: block;
    }

    .register-pro .search-clear .clear-icon {
        top: 15px;
    }

    .search_focus.pro .selected-categories {
        display: none;
    }

    #requestForm .answers {
        padding-left: 0px;
        padding-right: 0px;
    }

    #qid_attachments .answers {
        padding-left: 20px !important;
    }

    .question_title {
        padding: 20px 20px 20px 20px;
    }

    .requestPopup .question_title {
        padding: 20px;
        padding-top: 40px;
    }

    .ServiceList-proGroup li {
        width: 100%;
    }

    .social-shares-list {
        column-gap: 10px;
    }

    .social-registration-failed {
        flex-direction: column;
    }

    .info_page .request-action-buttons .action-button {
        flex-basis: calc(100% - 10px);
    }

    .request-call-form .row {
        grid-template-columns: 100%;
    }

    .profile_page .nav-links .navigation-link {
        display: none;
    }

    #profile_page_container .pro-details,
    #profile_page_container .profile-services-about-block,
    #profile_page_container .back-link {
        order: 1
    }

    #profile_page_container .profile_description,
    #profile_page_container .nav-links {
        order: 1
    }

    .profile_page .about-attribute-section {
        display: contents;
    }

    .profile-services-about-block .services .service-details {
        margin-bottom: 24px;
    }

    .profile-services-about-block .services .service {
        padding: 20px;
    }

    #attributes .profile_description {
        padding: 0;
    }

    .request-call-container {
        padding: 20px;
    }

    .teaser-app-links {
        flex-direction: column;
        row-gap: 10px;
    }

    .teaser-app-links .download_icons {
        margin: 0;
    }

    .pro-categories .sub_category_block {
        width: calc(100% - 120px);
    }

    .negotiation-menu-actions .dropdown-trigger {
        margin-left: auto;
    }

    .negotiation-menu-actions .lead-actions-dropdown {
        left: -55px;
        top: 100%;
        transform: translateX(-50%);
        min-width: 190px;
    }

    .edit-photo .icon {
        font-size: 28px;
    }

    .edit-photo.more-options {
        justify-content: space-around;
    }

}


@media (max-width: 460px) {

    .pic {
        width: 160px;
        height: 160px;
    }

}

@media (max-width: 420px) {

    body.bigLogo #logo {
        width: 150px;
        height: 35px;
        top: 25px;
    }

    #search_wrapper.fix-search .btn-search {
        width: 50px;
    }

    #search_wrapper.fix-search #search_service {
        width: calc(100% - 50px);
        max-width: calc(100% - 50px);
    }

    #search_wrapper.fix-search #search a#search_clear {
        left: calc(100% - 90px);
    }

    .btn-group .btn {
        /*
        font-size: var(--site-font-size-small);
        line-height: var(--site-line-height-small);
        letter-spacing: var(--site-letter-spacing);
        */
    }

    #requestFooter #next {
        padding: 12px 20px;
        min-width: 130px;
        margin-left: 0;
    }

    body.pro #question_container #requestFooter,
    #pppcrequestForm #requestFooter {
        height: 95px
    }

    #pppcrequestForm #requestFormContainer {
        height: calc(100% - 60px);
    }

    .answers #map {
        margin: 0;
        width: 100%;
    }

    #credit_details a {
        font-size: var(--site-font-size-small);
        padding: 10px 5px;
    }

    .tab-pane#requests h3 {
        display: none;
    }

    .tab-pane#requests .request-menu-carousel-block h3 {
        display: block;
    }

    .certificate_success .certificate_success_message .icon-details {
        font-size: 50px;
    }

    #tvaddesk {
        margin-top: 320px;
    }

    .requestPopup #back,
    .requestPopup #selected_cat {
    }

    .pro_chat .phone, .pro_quote .phone {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .profile_page .online_now .online_tooltip {
        left: -66px;
    }

    .requestPopup #errormessage,
    .requestPopup #errormessage_preferred {
        margin-top: 0;
        padding: 10px 20px;
        background: var(--error-background);
        color: var(--error-color);
        bottom: 94px;
    }

    .header .pro_rating_stats .stars {
        text-align: left;
    }

    .header .pro_rating_stats {
        flex-direction: column;
    }

    .header .pro_rating_stats .review_stats {
        margin-left: 0;
    }

    .online_tooltip {
        top: 12px;
        left: -142px;
    }

    .pro_quote .online_tooltip,
    .pro_chat .online_tooltip,
    .request_view .online_tooltip {
        top: 0px;

    }

    .account .online_tooltip {
        top: 3px;
        left: 20px;
    }

    .account .online_tooltip:before {
        content: '\e617';
        left: -4px;
    }

    .user_quote_details .star_val {
        margin-left: 0;
    }

    .online_tooltip:before {
        content: '\e618';
        top: 2px;
        left: 99%;
    }

    .request-share-pros-details .pro-details .pro-avatar .online_tooltip {
        top: -1px;
        left: 20px;
    }

    .request-share-pros-details .pro-details .pro-avatar .online_tooltip:before {
        content: '\e617';
        top: 3px;
        left: -4px;
    }


    #sliderShadow {
        height: 190px;
    }


    #search_wrapper {
        margin: 0
    }

    .review_page .upload-job-photos .attachment_container {
        padding: 0 5px;
    }

    #sliderShadow {
        background: none;
    }

    .requestPopup #errormessage .alert {
        margin-top: -20px;
        margin-bottom: -10px;
        margin-left: -20px;
        margin-right: -20px;
    }

    .answers label input[type="time"], .answers label input[type="number"], .answers label input[type="tel"], .answers label input[type="email"], .answers label input[type="text"] {
        width: 95%;
        min-width: auto;
    }

    #request_done_div {
        padding-bottom: 40px;
    }

    .requestPopup .request_done {
        padding: 20px;
    }


    #pppcrequestForm .infobox .infobox_icon {
        font-size: 30px;
        display: block
    }

    #pppcrequestForm .infobox {
        margin: auto;
        border: 0;
        padding: 10px;
    }

    #pppcrequestForm .infobox-icon-container {
        height: auto;
        width: auto;
        margin-right: 10px;
    }

    #pppcrequestForm .infobox-text,
    #pppcrequestForm .infobox-text-primary {
        display: block;
        line-height: 22px;
        height: inherit;
        font-size: 14px;
    }

    .loginbox {
        padding-right: 0 !important;
    }

    .btn.google, .btn.facebook {
        width: 100%
    }

    .project_details {
        width: 95% !important;
        float: none !important;
        margin: 0 auto;
    }

    .set_profile, .activate_account, .get_hired {
        width: 90%;
        margin: 0 auto;
    }

    .pro_register .set_profile h2, .pro_register .activate_account h2, .pro_register .get_hired h2 {
        font-size: 18px !important;
    }

    .pro_reg_icon .icon {
        font-size: 20px !important;
    }

    .home_hw_wrks_lft .hw_wrk_img .icon {
        font-size: 8.5px !important;
        width: 11px !important;
        height: 11px !important;
        line-height: 14px !important;
        top: 5px !important;
    }

    .hw_wrk_blk ul li {
        font-size: 12px;
    }

    .home_hw_wrks_lft .hw_wrk_blk:nth-child(2) {
        width: 40% !important;
    }

    .how_it_does_user_txt ul li {
        display: block !important;
        width: 100% !important;
    }

    .how_it_works_pro .how_it_works_pro_img img, .how_it_works_user .how_it_works_user_img img {
        height: 500px !important;
    }

    .how_it_works_pro .how_it_works_pro_txt h2, .how_it_works_user .how_it_works_user_txt h2,
    .how_it_works_pro .how_it_works_pro_txt p, .how_it_works_user .how_it_works_user_txt p {
        /*word-break: break-all;*/
    }

    .how_it_does_pro h2 {
        padding-bottom: 20px !important;
        font-size: 24px;
        text-align: center
    }


    body.pro #question_container .infobox-text-primary {
        line-height: 18px;
    }

    .pro_referrals-external-invites span {
        display: none;
    }

    .pro_referrals-external-invites i {
        font-size: 42px;
    }

    .project_chat_details .messages_section {
        padding-top: 10px;
        clear: both;
        margin-left: -20px;
        margin-right: -20px;
    }

    .project_chat_details .messages_section hr {
        display: none
    }

    .messages_section ul.request_messages {
        /*background: var(--dark-background);*/
        padding-left: 0;
    }

    .messages_section:after {
        /*box-shadow: 0 -10px 15px 0 var(--dark-background);*/
        border-top-color: transparent;
    }

    .send_quick_reply .reply_part {
        background: var(--site-background);
    }

    .send_quick_reply .reply_heading {
        color: #aaaaaa;
    }

    .messages_section .no_messages {
        padding: 0 20px;
    }

    .pro_chat ul.request_messages li .chat_message,
    .project_bid ul.request_messages li .chat_message {
        margin-top: 3px;
    }

    .pro_chat ul.request_messages li.user {
        padding: 0px;
        margin-top: 0
    }

    .project_chat_details .header_section .price div:nth-child(2) {
        width: 59%;
        text-align: right;
        font-size: var(--site-font-size-small);
    }

    .pro_chat .mob_num_pro {
        display: none;
    }

    .pro_chat .chat_section .btn i.icon,
    .project_bid .compose_message .btn i.icon {
        display: inline-block;
        margin-right: 0;
    }

    .pro_chat .chat_section .btn i.icon {
        font-size: 18px;
        position: absolute
    }

    .pro_chat .chat_section .btn i.icon-upload {
        top: 15px;
        left: 15px;
    }

    .chat_section .header_section p {
        font-size: 16px;
        font-weight: bold;
        padding: 16px 0px 5px;
    }

    .chat_section .header_section {
        text-align: center;
    }

    #requestForm .attachment_wrapper .right {
        width: 8%;
    }

    .project_chat_details .chat_section .quote_det {
        text-align: center;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .request_close h2 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 40px;
    }

    .heading_quote {
        font-size: var(--title-font-size);
    }

    .project_chat_details .chat_section .chat_with {
        display: none;
    }

    .pro_chat #upload_attachment_button .attach_text,
    .project_bid #upload_attachment_button .attach_text {
        display: none;
    }

    .pro_chat #upload_attachment_button #upload_attachments {
        min-width: 45px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        height: 50px;
        left: 0;
    }

    .project_bid #upload_attachment_button #upload_attachments {
        min-width: 30px;
        padding: 0;
        margin: 0;
        overflow: hidden;
        height: 40px;
        left: -10px;
        top: -10px;
    }

    .yr_qute {
        padding-top: 20px;
        margin-bottom: 5px;
    }

    .project_chat_details .chat_section .mark_as_hired {
        float: none;
    }

    .project_chat_details .header_section .price span {
        font-size: 12px;
    }

    .project_chat_details .header_section .price span .qt_price {
        font-size: 18px;
    }

    .compose_message {
        position: fixed;
        bottom: 0px;
        left: 0;
        width: 100%;
        z-index: 3;
        min-height: 50px;
        background: var(--input-background);;
        box-shadow: var(--box-shadow-wide);
    }

    .pro_chat #send_message_form .links {
        width: 100px;
        position: absolute;
        right: 0;
        margin-top: 0;
    }

    .pro_chat .compose_message form textarea {
        width: 75%;
        float: left;
        height: 50px;
        margin-top: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        padding: 15px 45px 10px 15px;
        background: var(--input-background);
        line-height: 1.1;
        max-height: 115px;
    }

    .project_bid .compose_message {
        padding: 0;
        border: none;
    }

    .bid_page .messages_section {
        padding-bottom: 20px;
    }

    .project_bid #send_message_form .links {
        margin-left: 0px;
        margin-right: 0;
    }

    .project_bid .about_pro_section {
        display: none;
    }

    .safe_user {
        display: block;
        background: #e5f3ff;
        border-radius: var(--btn-radius);
        margin-bottom: 20px;
    }

    .project_bid .messge_send_part .bid_chat_title {
        padding: 5px;
        margin: 0;
    }

    ul.request_messages li.lead, ul.request_messages li.user {
        padding-bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    ul.request_messages li.user .chat_message .main_message,
    ul.request_messages li.lead .chat_message .main_message {
        max-width: 270px;
    }


    .autocomplete-suggestions:not(.fixed) {
        width: calc(100% - 40px) !important;
        left: 20px !important;
    }

    .bid_page .compose_message form textarea {
        resize: none;
        min-height: 50px;
        height: 50px;
        max-height: 140px;
        overflow-y: auto;
        font-size: 15px;
        line-height: 1.2;
        padding-top: 12px;
        padding-left: 0;
        width: 100%;
        -moz-appearance: none;
        outline: none;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        background: var(--input-background);;
    }

    .bid_page .compose_message form textarea:focus {
        background: var(--input-background);
    }

    .compose_message form textarea.error:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    /*.pro_chat .project_chat_details #upload_attachment_button {*/
    /*    padding: 0px;*/
    /*    width: 49% !important;*/
    /*    background: var(--btn-primary) !important;*/
    /*    height: 50px;*/
    /*    border-radius: 0;*/
    /*}*/
    .pro_chat .show_ask_pay_icon_chat {
        position: relative;
        right: 45px;
        top: 0px;
    }

    /*.pro_chat .project_chat_details #upload_attachment_button:active {*/
    /*    background: #3a90fe !important;*/
    /*}*/
    .pro_chat .messages_section ul.request_messages {
        height: auto;
        overflow-y: visible;
        overflow-x: visible;
        padding: 10px 0;
        padding-bottom: 30px;
        margin: 0;
        /*background: var(--dark-background);*/
        border-top: 1px solid var(--line-color);
    }

    .map_pass {
        min-height: 10px;
    }

    .pro_chat .compose_message form button.icon.icon-send.submitform,
    .project_bid .compose_message form button.icon.icon-send.submitform {
        display: inline-block;
        padding: 7px;
        position: absolute;
        top: 0;
        background: var(--btn-primary2);
        margin-top: 0px;
        width: 50%;
        height: 50px;
        color: var(--btn-primary2-font);
        border-top-right-radius: var(--btn-radius);
        border-bottom-right-radius: var(--btn-radius);
    }

    .pro_chat .compose_message form button.icon.icon-send.submitform {
        border-radius: 0;
        right: 0;
    }

    .project_bid .compose_message form button.icon.icon-send.submitform {
        max-width: 70px;
        margin-top: 0;
        margin-right: 0;
        height: 100%;
        border-radius: 0;
        display: flex;
        justify-content: center;
        padding-top: 15px;
    }

    .compose_message .attachments-option-btn {
        background: transparent;
    }

    .messge_send_part {
        padding: 0px
    }

    .pro_chat .compose_message form .submitform,
    .project_bid .compose_message form .submitform {
        display: none;
    }

    .pro_chat .request_details > div:not(.header_section) {
        display: none;
    }

    .pro_chat .copyright {
        visibility: hidden;
        padding-bottom: 25px;
    }

    .pro_chat .attachment_wrapper,
    .project_bid .attachment_wrapper {
        border: 0;
        margin: 0 !important;
        width: 100% !important;
        border-radius: 0;
        position: relative;
    }

    .pro_chat .map_pass a.archive {
        line-height: 20px;
    }

    .pro_chat .header_section h3 {
        line-height: 22px;
        margin-top: 5px;
    }

    .chat_section .view_details_request {
        display: inline-block;
    }

    .chat_section .hide-mark-as-hired {
        display: none;
    }

    .project_bid .header_section ul li.lead_phone {
        width: 100%;
        margin-top: 8px;
    }

    .sub_header_section .lead_actions button {
        padding: 10px 25px;
    }

    .pro_chat .request_details {
        box-shadow: none;
        line-height: 15px;
        padding-bottom: 0px;
    }

    .pro_mobile_cntnt {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }

    span.no_of_qte {
        display: none;
        font-size: 15px;
    }

    .chat_project_bid .qt_project_link a {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
        min-height: 25px;
        padding-left: 15px;
    }

    .project_bid .pro-all-data .pro-details .contact-buttons-wrap .bid_page_phone span,
    .project_bid .pro-all-data .pro-details .contact-buttons-wrap .whatsapp_button span,
    .pro-all-data .pro-ratings {
        display: none;
    }

    .project_bid .pro-all-data .pro-details .contact-buttons-wrap .bid_page_phone,
    .project_bid .pro-all-data .pro-details .contact-buttons-wrap .whatsapp_button {
        margin: 0px 10px;
        font-size: var(--title-font-size);
    }

    .project_bid .pro-all-data .avatar {
        display: block;
        width: 70px;
    }

    .project_bid .pro-all-data .avatar .pro_avatar {
        height: 50px;
        width: 50px;
    }

    .pro-all-data .business-name .profile-link,
    .pro-all-data .business-name {
        font-size: var(--title-font-size);
        line-height: var(--title-line-height);
        letter-spacing: var(--title-letter-spacing);
        font-weight: var(--title-font-weight);
    }

    /**/
    .pro_mobile_cntnt {
        display: flex;
        padding: 0px;
        background: var(--light-background);
        position: relative;
        height: auto;
        box-sizing: border-box;
        text-align: center;
        flex-wrap: wrap;
    }

    .project_bid .pro_mobile_cntnt .pro-all-data {
        padding: 10px 0px;
        height: auto;
    }

    .project_bid .pro-all-data .pro-details {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }

    .project_bid .pro-all-data .pro-details .online_tooltip,
    .project_overview .suggested-pro .online_tooltip {
        top: 0px;
        left: 16px;
    }

    .project_bid .pro-all-data .pro-details .online_tooltip:before,
    .project_overview .suggested-pro .online_tooltip:before {
        content: '\e617';
        top: 2px;
        left: -4px;
    }

    .pro-all-data .business-name {
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 10px;
        margin-bottom: 0px;
    }

    .project_bid .pro-all-data .pro-details .pro-name {
        flex: none;
        width: auto;
        text-align: left;
    }

    .project_bid .pro-all-data .pro-details .contact-buttons-wrap {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .bid_page .pro_mobile_cntnt .pro-all-data .pro-details .online_status {
        left: 45px;
        top: 30px;
    }

    /**/
    .pro_details_bid .business_p {
        color: var(--link-font);
        cursor: pointer;
        line-height: 20px;
        font-size: 17px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .header_section .back_toqte {
        width: 18%;
    }

    .project_bid .pro_photos .SlickSlider,
    .project_bid .job-done-photos .SlickSlider {
        max-width: 300px;
    }

    .root-categories.flexx .fcol,
    .locationlinks.flexx .fcol {
        flex: initial;
        width: 33%;
    }


    .near_me_links .flex3 {
        flex-basis: 100%;
    }

    #near_me {
        padding: 10px 0px;
    }

    .bid_page .messge_send_part {
        position: fixed;
        bottom: 0;
        /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);*/
        height: 55px;
        background: var(--light-background);
    }

    .about_pro_section .about_pro {
        margin-bottom: 35px;
    }

    .about_pro_section {
        overflow: visible;
    }

    .about_pro_section .about_pro {
        overflow: visible;
    }

    .chat_project_bid {
        overflow: hidden;
    }

    .project_bid .icon_chat_bid {
        margin-left: 0px;
    }

    .project_bid .call_pro {
        display: none; /* we hide this button here as we have it on top on that screen already */
        padding: 10px;
    }

    .lead_history_data {
        width: 100%;
        margin: 5px auto;
    }


    .lead_hist_p:not(:last-child) {
        border-right-color: #d7dce1;
    }

    .pro_chat .chat_section .alert, .project_bid .compose_message .alert {
        width: 100%;
        margin: 0;
        border-radius: 0;
        padding: 10px;
    }

    .project_bid #send_message_form .attachment_container {
    }

    .project_bid .chat_project_bid .header_section {
        display: none;
    }

    .attachment_wrapper .right {
        margin-right: 0;
    }

    .attachment_wrapper .display_certificate_clients {
        float: none !important;
    }

    .project_bid .chat_project_bid .headsct_mobile {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        flex-direction: column;
        padding: 0px 10px 15px;
        background: var(--light-background);
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .project_bid .chat_project_bid .partners-details .logo {
        width: 80px;
    }

    .project_bid .chat_project_bid .partners-details .info {
        font-size: 12px;
    }

    .chat_project_bid .headsct_mobile .lead_business_name {
        flex: 0.4;
        display: none;
        margin: auto 0;
    }

    .chat_project_bid .headsct_mobile .lead_actions {
        margin: 0 auto;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-around;
    }


    .pro_details_bid .contact-buttons-wrap .call-button {
        display: inline-table;
    }

    .project_bid .headsct_mobile .lead_business_name .bid_price {
        display: block;
        font-size: var(--title-font-size);
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .project_bid .headsct_mobile #undo_decline_lead, .project_bid .headsct_mobile #hire_lead {
        margin-left: 6px;
    }

    .project_bid .sub_header_section #action_status {
        top: 0px;
    }

    .bid_page .bck_mob {
        display: block;
        margin-right: 10px;
        margin-left: 3px;
        padding-left: 20px;
    }

    .chat_project_bid .pro_mobile_cntnt .back_toqte.bck_mob {
        margin-right: 0;
        margin-left: 0;
    }

    .quote_templates .template-head .temp_head {
        width: 70%;
    }

    .quote_templates .content_section {
        padding: 15px 5px 10px 5px;
    }

    .quote_details_header .header_section {
        width: 100%;
    }

    .root-categories.flexx .fcol,
    .locationlinks.flexx .fcol {
        flex: initial;
        width: 100%;
    }

    .star-ratings {
        font-size: 28px;
        line-height: 28px;
    }

    .bid_page .shift_leads {
        display: none;
    }

    .testimonial-section .slick-list.draggable {
        margin: 0;
    }

    .testimonial-image img {
        height: 160px;
    }

    .login #customGoogleBtn {
        height: 46px;
        width: 100%;
    }

    .req_social #customGoogleBtn,
    .req_social .facebook,
    .req_social .submitform.facebook {
        width: 80%;
    }

    .req_social #customGoogleBtn {
        margin-top: 10px;
    }


    .fast_work_no {
        margin-left: 4px;
        padding: 7px 25px;
    }

    .fast_work_yes {
        padding: 7px 25px;
    }

    select {
        background-size: 10px;
        background-position-x: calc(100% - 10px);
    }

    .nav_menu .my_menu {
        display: none;
    }

    .image-upload-container {
        text-align: center;
    }

    .image-upload-container .image-uploads-available {
        margin-right: auto;
    }

    .pic {
        width: 150px;
        height: 150px;
    }


    .category-images-block .pic {
        width: 180px;
        height: 180px;
    }


    .profile_steps.profile_section .section_view_wrapper .profile_avatar_wrapper {
        padding: 0 20px;
    }

    body.pro .answers label {
        padding: 5px 0px 15px;
    }

    body.pro .answers select,
    body.pro .answers input.inbox {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .pro #requestForm #phone {
        margin-left: 0 !important;
    }

    .pro #requestForm .iti .iti__flag-container {
        left: 0 !important
    }

    .btn-search .icon.big {
        top: -5px
    }

    #send_message_form .small_upload_attachment {
        background: none;
        padding: 0;
    }

    .project_bid .compose_message .btn i.icon {
        color: var(--link-font-hover);
    }

    .navbar-inner .container-fluid {
        height: 75px;
    }

    .user_quote_details .quote-details .quoted-price {
        width: auto
    }

    .user_quote_details .quoted-pro-details {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }

    .user_quote_details .quoted-pro-details .pro-details {
        position: relative;
    }

    .user_quote_details .quoted-pro-details .pro-details .location,
    .user_quote_details .quoted-pro-details .pro-details .replies-in {
        font-size: 12px;
        position: absolute;
        bottom: -25px;
        left: -55px;
        width: 200px;
        height: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user_quote_details .quoted-pro-details .pro-details .replies-in {
        margin-bottom: -20px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar .unreadleadid {
        left: -3px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar .online_status {
        left: 30px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar {
        width: 45px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar .pro_avatar {
        height: 45px;
        width: 45px;
    }

    .user_quote_details .quoted-pro-details .pro-details,
    .user_quote_details .quoted-pro-details .pro-details .pro-name {
        width: 160px;
        margin: 0px;
    }

    .user_quote_details .quoted-pro-details .pro-rating-details {
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        width: auto;
        position: relative;
    }

    .user_quote_details .quoted-pro-details .pro-rating-details .pro-badge {
        position: absolute;
        bottom: -40px;
    }

    .user_quote_details .badge-link {
        width: 45px;
    }

    .user_quote_details .quote-details {
        margin-top: 50px;
        justify-content: space-between;
        padding: 0px 20px;
    }

    .ServiceList-pro-title .pro-name {
        width: 200px;
    }

    .request-share-pros-details .request-share-pro,
    .suggested-pros-details .suggested-pro {
        background-color: var(--site-background);
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .request-share-pros-details .pro-details,
    .suggested-pros-details .pro-details {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 100%;
        align-content: flex-start;
        padding: 10px 0px;
    }

    .suggested-pros-details .pro-details {
        gap: 10px;
    }

    .request-share-pros-details .pro-details {
        align-items: center;
        justify-content: center;
    }

    .request-share-pros-details .pro-details .pro-avatar,
    .request-share-pros-details .pro-details .pro-avatar .pro_avatar,
    .suggested-pros-details .pro-details .pro-avatar,
    .suggested-pros-details .pro-details .pro-avatar .pro_avatar {
        height: 60px;
        width: 60px;
    }

    .suggested-pros-details .pro-details .pro-rating-details {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        min-width: 44px;
    }

    .request-share-pros-details .personal-data .profile-link,
    .suggested-pros-details .pro-details .pro-name {
        font-size: 18px;
        width: 215px;
    }

    .suggested-pro .pro-details .personal-data {
        width: calc(100% - 184px);
        flex-grow: 1;
    }

    .suggested-pros-details .pro-details .pro-name {
        width: 100%;
    }

    .profile_rating .average_rating {
        display: block;
        margin-top: 10px;
    }

    .profile_page .average_rating .stars {
        margin-bottom: 10px;
    }


    .subratings {
        flex-direction: column;
        align-items: unset;
        justify-content: center;
        align-content: center;
        text-align: center;
    }

    .user_review .subratings {
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 50px);
    }

    .header_section .request-user-details {
        margin: 10px 0;
    }

    .quote_details .credits-details .credits-lists,
    .chat_section .credits-details .credits-lists {
        padding-right: 10px;
    }

    .upload-job-photos .upload-text {
        padding: 0 5px;
    }

    .pro-categories .credit-details .text {
        display: none;
    }

    .pro-categories .sub_category_block {
        width: calc(100% - 80px) !important;
    }

    .pro-categories.accordion:before {
        margin-right: 0 !important;
    }

    .packages .pricing-tables table td .package-tool-tip {
        display: block;
    }

    .selected-categories .icon-remove {
        float: right;
    }

    .category_content {
        padding: 30px;
    }

    .category_content img:not(.no_style) {
        margin-left: -30px;
        width: calc(100% + 60px);
        max-width: calc(100% + 60px);
    }

    /*.business-statistics-content-block .badges-block .badge-block .badge-image::before {*/
    /*    width: 60px;*/
    /*    top: 33%;*/
    /*}*/
    .business-statistics-content-block .review-details-block {
        flex-direction: column;
    }

    .info_page .request-action-buttons {
        flex-direction: column;
    }

    .info_page .request-action-buttons .action-button {
        flex-basis: 0;
        margin-bottom: 5px;
    }

    .flag-reason-form-field,
    .decline-reason-form-field {
        width: calc(100% - 40px);
    }

    .decline-container .decline-proposal {
        text-align: left;
    }

    .decline-proposal .decline-confirmation {
        flex-direction: column;
        row-gap: 10px;
        justify-content: flex-end;
    }

    .section_fields .js-suggest-profile-description {
        top: 55px;
    }
}

@media (max-width: 400px) {

    .pic {
        width: 130px;
        height: 130px;
    }

}

@media (max-width: 390px) {

    #createform .js-description-block:not(.profile-description-block-filled) textarea {
        padding-top: 60px;
    }
}

@media (min-width: 370px) and (max-width: 375px) and (min-height: 810px)  and (max-height: 812px) {

    .start_wrapper .search_wrapper_wrapper {
        text-align: center;
        height: 62vh;
        padding-left: 0;
    }
}

@media (max-width: 360px) {

    .section_fields .js-suggest-profile-description {
        top: 55px;
    }

    #search_wrapper input {
        min-width: 180px;
    }

    .project_bid .pro-all-data .avatar .pro_avatar {
        height: 30px;
        width: 30px;
    }

    .bid_page .bck_mob {
        padding-left: 8px;
    }

    .project_bid .pro-all-data .avatar {
        width: 40px;
    }

    .project_bid .lead_actions #decline_lead,
    .project_bid .lead_actions #hire_lead {
        min-width: 151px;
    }

    .bid_page .pro_mobile_cntnt .pro-all-data .pro-details .online_status {
        left: 23px;
        top: 18px;
    }

    .bid_page .pro_mobile_cntnt .pro-all-data .pro-details .online_status:before {
        font-size: var(--title-font-size);
    }

    .pic {
        width: 250px;
        height: 250px;
    }
}

@media (max-width: 330px) {

    #createform .js-description-block:not(.profile-description-block-filled) textarea {
        padding-top: 50px;
    }
}


@media (max-width: 319px) {
    .wrapper {
        width: 100%;
    }

    .maincat_header {
        padding: 0;
    }

    #search_wrapper:not(.fix-search) #search_wrapper #search_service {
        max-width: 100%;
        width: 100%;
        margin: 0;
        float: none;
        border-right: inherit;
        border-radius: inherit;
    }


    .content_image {
        display: none;
    }

    h1.header_headline span {
        display: none;
    }

    h1.header_headline:before {
        content: '';
    }

    UL.nav {
        width: 100%;
    }

    .nav_item {
        width: 100%;
        padding: 0px;
        margin: 0 0px 1px 0;
    }

    #search_wrapper.fix-search form {
        padding-left: 0 !important;
    }

    #search_wrapper input {
        min-width: 170px;
    }

}


@media (max-width: 360px) {

    body.home #logo {
        width: 170px;
        top: 22px;
    }

    .search_wrapper_wrapper {
        min-height: 350px;
    }

    #search_wrapper.fix-search #search_service.large {
        max-width: calc(100% - 66px);
        width: calc(100% - 66px);
        min-width: auto;
    }

    #search_wrapper.fix-search input {
        font-size: 14px
    }

    #search_wrapper:not(.fix-search) input, #search_wrapper:not(.fix-search) #search_service, #search_wrapper:not(.fix-search) .btn-search {
        margin-top: 5px;
        margin-right: 0;
        padding: 8px 26px;
        text-align: center;
    }

    #search_wrapper:not(.fix-search) .search-pop-up .btn-search {
        float: right;
        margin-top: 20px;
    }

    #search_wrapper #search_service:focus {
        text-align: left
    }

    #search_wrapper form {
        box-shadow: none;
    }

    #search:hover {
        box-shadow: none;
    }

    #slider_wrapper {
        top: 140px;
    }

    .start_wrapper #slider_wrapper {
        top: 140px;
    }

    body.home:not(.categories) #home_search_wrapper {
        height: 140px;
    }

    .categories #slider {
    }

    .see_more div {
        height: 194px !important;
    }

    body.account .slickSlider_a.see_more figcaption {
        bottom: 100px;
    }


    .category .maincat_navigation_small {
        padding-left: 0px;
    }

    .category .maincat_navigation_small a {
        font-size: var(--site-font-size-small);
        line-height: 20px;
        white-space: nowrap;
    }

    .quote_info_tabs li a {
        width: 100px;
        font-size: 16px
    }

    .autocomplete-suggestions {
        width: calc(100% - 40px) !important;
    }

    .user_quote_details .quote-details .quoted-price,
    .user_quote_details .quoted-pro-details .pro-avatar {
        width: 60px;
    }

    .user_quote_details .quoted-pro-details .pro-details .location,
    .user_quote_details .quoted-pro-details .pro-details .replies-in {
        left: -55px;
    }

    .user_quote_details .quote-details .quoted-price {
        width: 80px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar .pro_avatar {
        height: 45px;
        width: 45px;
    }

    .user_quote_details .quoted-pro-details .pro-avatar .online_status {
        left: 40px;
    }


    .request-share-pros-details .request-share-pro,
    .suggested-pros-details .suggested-pro {
        background-color: var(--site-background);
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .request-share-pros-details .pro-details,
    .suggested-pros-details .pro-details {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 100%;
        align-content: flex-start;
        align-items: flex-start;
        padding: 10px 0px;
    }

    .request-share-pros-details .pro-details {
        align-items: center;
        justify-content: center;
    }

    .request-share-pros-details .pro-details .pro-avatar,
    .suggested-pros-details .pro-details .pro-avatar {
        width: 50px;
        height: 50px;
    }

    .request-share-pros-details .pro-details .pro-avatar .pro_avatar,
    .suggested-pros-details .pro-details .pro-avatar .pro_avatar {
        height: 50px;
        width: 50px;
    }

    .suggested-pros-details .pro-details .pro-rating-details {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .request-share-pros-details .personal-data,
    .suggested-pros-details .pro-details .pro-name {
        font-size: 18px;
    }

    .profile-services-about-block .services {
        margin: auto;
    }

    .slick-dots li,
    .slick-dots li button,
    .slick-dots li button:before {
        width: 25px;
        height: 50px;
    }

}

@media (max-width: 340px) {

    ul.request_messages li .chat_message .main_message.img_msg {
        max-width: 120px !important;
        height: 100px;
    }

    .chat_msg_image {
        max-width: 120px;
        height: 100px;
    }

    .quote_templates .quote_text_box div.links div {
        font-size: 15px;
    }

    .quote_templates #upload_attachment_button {
        margin-top: 7px;
    }

    #search_wrapper.fix-search #search_service.large {
        max-width: calc(100% - 65px);
        width: calc(100% - 65px);
    }

    .fix-search #search a#search_clear {
        left: calc(100% - 107px);
        top: 0;
    }
}

@media (min-width: 660px) {

    .project_overview, .project_bid {
        display: block !important;
    }

    .project_info .project_details {
        padding-left: 10px;
    }

    .request_details {
        min-height: 855px;
        width: 50%;
        padding-right: 40px;
        padding-bottom: 60px;
    }

    .hide-in-desktop {
        display: none;
    }

    .project_chat_details .chat_section {
        padding-left: 40px;
    }


    .specialquote_wrapper.can-unlock:hover {
        color: var(--notice-color);
        background: var(--notice-background);
    }

    .specialquote_wrapper.can-unlock:hover .icon-specialquotelock:before,
    .specialquote_wrapper.can-unlock:hover .specialquotes-limit {
        color: var(--notice-color);
    }

    .specialquote_wrapper.can-unlock:hover .icon-specialquote.check-icon {
        color: var(--notice-color) !important;
    }

}

@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }


}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    select {
        text-indent: 0px;
    }

    #showcase .item {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    /* prevents flicker effect on safari mobile */
    * {
        -webkit-tap-highlight-color: transparent;
    }
}


@media (max-width: 625px) {
    #multimedia_documents tr {
        display: table;
        width: 100%;
    }

    #multimedia_documents td:first-child {
        width: 16%;
    }

    #multimedia_documents td:nth-child(2) {
        font-size: var(--site-font-size-small);
        width: 15%;
        text-align: left;
    }

    #multimedia_documents td:nth-child(3) {
        font-size: var(--site-font-size-small);
        display: table-row;
    }

    #multimedia_documents td:last-child {
        position: absolute;
        bottom: 0px;
        right: 0;
        margin-right: 10px;
    }

    .create #createform .attachment_wrapper {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 550px) and (max-height: 535px) {
    .home #slider_wrapper {
        bottom: -47px;
    }

    .home .maincat_navigation_small {
        bottom: -340px;
    }

    .start_wrapper.home #slider_wrapper {
        bottom: -120px;
    }
}


/****************************************
    APP MODE
    CHANGE SOME THINGS IN APP MODE
 ***************************************/
body.InApp .navbar,
body.InApp .quickOverview,
body.InApp .nav-tabs:not(.nav-small),
body.InApp .navbar,
body.InApp .small_header,
body.InApp #account_avatar_wrapper,
body.InApp #footer,
body.InApp .cookie_disclaimer,
body.InApp #search_wrapper a.pro_how_it_works,
body.InApp .copyright {
    display: none !important;
}

body.InApp .submenu {
    margin: 0;
    display: none !important;
}


body.InApp #main_content_wrapper,
body.InApp .tab-pane {
    padding-top: 0
}

body.InApp .app_store_image {
    display: none;
}

body.InApp.ios {
    margin-top: 20px;
}

body.InApp.pro #question_container {
    margin-top: 0px;
}

.anonymous_review {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

body.InApp .requestActive #requestHeader {
    background: unset;
    background-size: unset;
}

/******************************* FIXANDO CSS ENDS ****************************************************/


@media only screen and (max-width: 640px) {

    .slider {
        margin: auto 0;
    }

    .slider_wrapper .slick-slide,
    .recomm_cats .slickSlider_a {
        margin-left: 20px;
        margin-right: 20px;
    }

    .container-cat-teaser .slickSlider_a img,
    .container-cat-teaser .slider_wrapper .slick-slide,
    .container-cat-teaser .recomm_cats .slickSlider_a {
        width: 330px;
        height: auto;
    }

    body:not(.share) .services .slick-track {
        left: 2px;
    }

    .services.slick-slider.slick-dotted {
        margin-bottom: 0px;
    }

    .testimonial_slide .slick-track,
    .latest_requests .slick-track {
        left: 0;
    }

}

@media only screen and (max-width: 360px) {
    .slickSlider_a {
        width: 300px !important;
    }

    .request_done .related-categories .slider div.slick-slider-box {
        margin: 0px;
        max-width: 280px;
        margin-right: 20px;
    }

    .request_done .related-categories .slider.recomm_slickSlider {
        margin-bottom: 0px;
    }

    .slider_wrapper .slick-slide,
    .recomm_cats .slickSlider_a {
        margin-left: 10px;
        margin-right: 10px;
    }

    .testimonial_slide .slick-track,
    .latest_requests .slick-track {
        left: 0;
    }


}


/******************** SLICK SILDER CSS ENDS ************************************/

/************************************ INTTELINPUT CSS **************************/
/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.iti {
    position: relative;
}

.iti * {
    box-sizing: border-box;
}

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid var(--light-background);
}

[dir=rtl] .iti__arrow {
    margin-right: 6px;
    margin-left: 0;
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid var(--light-background);
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 10px;
    margin: 0 0 0 -1px;
    box-shadow: var(--box-shadow-wide);
    background-color: var(--light-background);
    border: 1px solid transparent;
    white-space: nowrap;
    max-height: 200px;
    width: auto;
    font-size: var(--site-font-size-small);
    max-width: 260px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    border-radius: var(--radius-modal);
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px;
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--line-color);
}

.iti__country {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    outline: none;
}

.iti__dial-code {
    color: var(--light-font-color);
}

.iti__country.iti__highlight {
    background-color: var(--btn-primary);
    color: var(--btn-dark-font) !important;
    border-radius: var(--btn-radius);
}

.iti__flag-box, .iti__country-name {
    margin-right: 6px;
}

[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

[dir=rtl] .iti--allow-dropdown input,
[dir=rtl] .iti--allow-dropdown input[type=text],
[dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
[dir=rtl] .iti--separate-dial-code input[type=text],
[dir=rtl] .iti--separate-dial-code input[type=tel] {
    padding-right: 52px;
    padding-left: 6px;
    margin-right: 0;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto;
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 6px;
}

[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

.iti--container:hover {
    cursor: pointer;
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti__flag {
    width: 20px;
}

.iti__flag.iti__be {
    width: 18px;
}

.iti__flag.iti__ch {
    width: 15px;
}

.iti__flag.iti__mc {
    width: 19px;
}

.iti__flag.iti__ne {
    width: 18px;
}

.iti__flag.iti__np {
    width: 13px;
}

.iti__flag.iti__va {
    width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5762px 15px;
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}

.iti__flag.iti__bz {
    height: 12px;
    background-position: -812px 0px;
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti__flag.iti__cq {
    height: 12px;
    background-position: -1115px 0px;
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1137px 0px;
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1159px 0px;
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1181px 0px;
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1203px 0px;
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1225px 0px;
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1247px 0px;
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1269px 0px;
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1291px 0px;
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1313px 0px;
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1335px 0px;
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1357px 0px;
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1379px 0px;
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1401px 0px;
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1423px 0px;
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1445px 0px;
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1467px 0px;
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1489px 0px;
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1511px 0px;
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1533px 0px;
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1555px 0px;
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1577px 0px;
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1599px 0px;
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1621px 0px;
}

.iti__flag.iti__ez {
    height: 14px;
    background-position: -1643px 0px;
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1665px 0px;
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1687px 0px;
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1709px 0px;
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1731px 0px;
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1753px 0px;
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1775px 0px;
}

.iti__flag.iti__fx {
    height: 14px;
    background-position: -1797px 0px;
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1819px 0px;
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1841px 0px;
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1863px 0px;
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1885px 0px;
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1907px 0px;
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1929px 0px;
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1951px 0px;
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1973px 0px;
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1995px 0px;
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -2017px 0px;
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -2039px 0px;
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -2061px 0px;
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2083px 0px;
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2105px 0px;
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2127px 0px;
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2149px 0px;
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2171px 0px;
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2193px 0px;
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2215px 0px;
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2237px 0px;
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2259px 0px;
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2281px 0px;
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2303px 0px;
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2325px 0px;
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2347px 0px;
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2369px 0px;
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2391px 0px;
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2413px 0px;
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2435px 0px;
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2457px 0px;
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2479px 0px;
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2501px 0px;
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2523px 0px;
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2545px 0px;
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2567px 0px;
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2589px 0px;
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2611px 0px;
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2633px 0px;
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2655px 0px;
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2677px 0px;
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2699px 0px;
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2721px 0px;
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2743px 0px;
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2765px 0px;
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2787px 0px;
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2809px 0px;
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2831px 0px;
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2853px 0px;
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2875px 0px;
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2897px 0px;
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2919px 0px;
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2941px 0px;
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2963px 0px;
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2985px 0px;
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -3007px 0px;
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -3029px 0px;
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -3051px 0px;
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3073px 0px;
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3095px 0px;
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3117px 0px;
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3139px 0px;
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3161px 0px;
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3183px 0px;
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3205px 0px;
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3226px 0px;
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3248px 0px;
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3270px 0px;
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3292px 0px;
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3314px 0px;
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3336px 0px;
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3358px 0px;
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3380px 0px;
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3402px 0px;
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3424px 0px;
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3446px 0px;
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3468px 0px;
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3490px 0px;
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3512px 0px;
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3534px 0px;
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3556px 0px;
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3578px 0px;
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3600px 0px;
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3622px 0px;
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3644px 0px;
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3666px 0px;
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3688px 0px;
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3710px 0px;
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3732px 0px;
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3752px 0px;
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3774px 0px;
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3796px 0px;
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3818px 0px;
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3840px 0px;
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3862px 0px;
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3877px 0px;
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3899px 0px;
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3921px 0px;
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3943px 0px;
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3965px 0px;
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3987px 0px;
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -4009px 0px;
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -4031px 0px;
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -4053px 0px;
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4075px 0px;
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4097px 0px;
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4119px 0px;
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4141px 0px;
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4163px 0px;
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4185px 0px;
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4207px 0px;
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4229px 0px;
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4251px 0px;
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4273px 0px;
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4295px 0px;
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4317px 0px;
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4339px 0px;
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4361px 0px;
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4383px 0px;
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4405px 0px;
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4427px 0px;
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4449px 0px;
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4471px 0px;
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4493px 0px;
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4515px 0px;
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4537px 0px;
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4559px 0px;
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4581px 0px;
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4603px 0px;
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4625px 0px;
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4647px 0px;
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4669px 0px;
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4691px 0px;
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4713px 0px;
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4735px 0px;
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4757px 0px;
}

.iti__flag.iti__su {
    height: 10px;
    background-position: -4779px 0px;
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4801px 0px;
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4823px 0px;
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4845px 0px;
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4867px 0px;
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4889px 0px;
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4911px 0px;
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4933px 0px;
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4955px 0px;
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4977px 0px;
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4999px 0px;
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -5021px 0px;
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -5043px 0px;
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -5065px 0px;
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -5087px 0px;
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5109px 0px;
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5131px 0px;
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5153px 0px;
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5175px 0px;
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5197px 0px;
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5219px 0px;
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5241px 0px;
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5263px 0px;
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5285px 0px;
}

.iti__flag.iti__uk {
    height: 10px;
    background-position: -5307px 0px;
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5329px 0px;
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5351px 0px;
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5373px 0px;
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5395px 0px;
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5417px 0px;
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5439px 0px;
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5456px 0px;
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5478px 0px;
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5500px 0px;
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5522px 0px;
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5544px 0px;
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5566px 0px;
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5588px 0px;
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5610px 0px;
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5632px 0px;
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5654px 0px;
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5676px 0px;
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5698px 0px;
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5720px 0px;
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5742px 0px;
}

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 0px 1px var(--input-background);
    background-image: url("../lib/intl_telinput/img/flags.png?x=1");
    background-repeat: no-repeat;
    background-color: var(--light-background);
    background-position: 20px 0;
    border-radius: 2px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../lib/intl_telinput/img/flags.png?x=1");
    }
}

.iti__flag.iti__np {
    background-color: transparent;
}

#footer .iti__flag {
    box-shadow: 0px 0px 0px 1px #828282;
}

/******************************* INTTELINPUT CSS ENDS ***********************************************/


/************************* DATETIME PICKER CSS *******************************************************/

.xdsoft_datetimepicker {
    box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.506);
    background: var(--popup-background);
    color: var(--site-font-color);
    display: block;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    width: 130px;
    border-radius: var(--btn-radius);
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border: none !important;
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.xdsoft_noselect::selection {
    background: transparent;
}

.xdsoft_noselect::-moz-selection {
    background: transparent;
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 0px;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0px;
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0px 0px;
}

.xdsoft_datetimepicker .xdsoft_next:active, .xdsoft_datetimepicker .xdsoft_prev:active {
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0px none currentColor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.3;
    outline: medium none currentColor;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 50px;
    margin-top: 7px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0px;
    margin-bottom: 7px;
    margin-top: 0px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 155px;
    overflow: hidden;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    color: #666666;
    font-size: 14px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0px;
    height: 30px;
    line-height: 30px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0px;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover {
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px;
    text-decoration-thickness: 1px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    display: block;
    right: 0px;
    top: 30px;
    z-index: 101;
    display: none;
    background: var(--popup-background);
    max-height: 160px;
    overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #33AAFF;
    box-shadow: #178FE5 0px 1px 3px 0px inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 90px;
    text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    text-align: center;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-size: 12px;
    text-align: right;
    padding: 0px;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: var(--medium-background);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--link-font);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: var(--btn-primary) !important;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    box-shadow: none !important;
    background: var(--list-hover-intense);

}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important;
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important;
}


.xdsoft_time_box {
    position: relative;
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}

.xdsoft_scrollbar {
    position: absolute;
    width: 8px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    cursor: pointer;
}

.xdsoft_scroller_box {
    position: relative;
}

/********************************* DATE TIME PICKER CSS ENDS **************************************************/

/********************************* DATE PICKER CSS **********************************************************/


.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.Zebra_DatePicker {
    position: absolute;
    background: var(--popup-background);
    border: none;
    display: none;
    z-index: 100;
    font-size: 16px;
    box-shadow: var(--datepicker-shadow);
    border-radius: var(--radius-modal);
    border: var(--datepicker-border);
    width: 360px;
    max-width: 100vw;
}

.Zebra_DatePicker * {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none
}

@media (max-width: 483px) {
    .Zebra_DatePicker {
        width: calc(100% - 50px) !important;
        left: 20px !important;
    }
}

@media (max-width: 380px) {
    .Zebra_DatePicker {
        width: 100% !important;
        left: 0 !important;
    }
}


.Zebra_DatePicker table {
    border-collapse: collapse;
    border-spacing: 0
}

.Zebra_DatePicker td,
.Zebra_DatePicker th {
    text-align: center;
    padding: 10px 5px
}

.Zebra_DatePicker td {
    cursor: pointer;
    border-radius: var(--box-radius);
    font-weight: 600;
}

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
    margin-top: 3px
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
    width: 36px;
    border: none;
    background: var(--popup-background);
    color: var(--intense-font-color)
}

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover {
    overflow: hidden;
    padding: 5px
}

.Zebra_DatePicker .dp_header td {
    color: var(--site-font-color);
    padding: 3px 6px !important
}


.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next,
.Zebra_DatePicker .dp_header .dp_blocked {
    font-size: 36px !important;
    width: 36px !important;
    line-height: 40px;
    font-weight: 400;
    color: var(--btn-primary);
    padding-top: 0px !important;
    padding-bottom: 6px !important;
}

.Zebra_DatePicker .dp_header .dp_caption {
    color: var(--btn-primary)
}

.Zebra_DatePicker .dp_header .dp_hover {
    border-radius: var(--btn-radius);
}


.Zebra_DatePicker .dp_header .dp_caption {
    font-size: 16px !important
}


/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th {
    background: var(--popup-background);
    font-size: 15px;
    padding-top: 7px;
    color: #f4a800;
    font-weight: 500;
}

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month {
    background: var(--popup-background);
    color: var(--very-light-font-color);
    cursor: default
}

.Zebra_DatePicker td.dp_not_in_month_selectable {
    background: var(--popup-background);
    cursor: pointer;
    font-weight: 500;
    color: var(--light-font-color);
}

.Zebra_DatePicker td.dp_weekend {
}

.Zebra_DatePicker td.dp_selected {
    background: #fdba26;
    color: var(--full-font-color) !important;
}

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td {
    width: 33%
}

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td {
    width: 33%
}

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current {
    background: var(--medium-background);
}

.Zebra_DatePicker td.dp_disabled_current {
    color: #E38585
}

.Zebra_DatePicker td.dp_hover {
    background: var(--btn-primary-hover);
    color: var(--full-font-color) !important;
}

.Zebra_DatePicker .dp_footer td.dp_hover {
    border-radius: var(--box-radius);
    color: var(--site-font-color);
}

.Zebra_DatePicker .dp_footer td {
    color: var(--btn-primary);
    border-radius: var(--box-radius);
    padding: 10px 5px;
}

.Zebra_DatePicker td.dp_disabled {
    background: var(--light-background);
    color: var(--very-light-font-color);
    cursor: default;
    border-radius: 0;
}

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background: url('/img/calendar.png') no-repeat left top;
    text-indent: -9000px;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top;
    zoom: 1;
}

button.Zebra_DatePicker_Icon_Disabled {
    background-image: url('/img/calendar-disabled.png')
}

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon {
    margin: 0 0 0 3px
}

button.Zebra_DatePicker_Icon_Inside {
    margin: 0 3px 0 0
}

/********************************* DATE PICKER CSS ENDS **********************************************************/


/****** TIPSY TOOLTIP ******/
.tipsy {
    padding: 5px;
    font-size: 14px;
    line-height: 1.3;
    position: absolute;
    z-index: 10000000000;
}

.tipsy-inner {
    padding: 20px;
    background-color: var(--tipsy-background);
    color: var(--tipsy-color);
    max-width: 250px;
    text-align: center;
    box-shadow: var(--tipsy-shadow);
}

.tipsy-inner {
    border-radius: var(--radius-notifications);
}

.tipsy-arrow {
    position: absolute;
    background: var(--tipsy-arrow-img) no-repeat top left;
    width: 9px;
    height: 5px;
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
}

/****** END TIPSY TOOLTIP ******/