/**
 *     PAGAQUI
 *
 * 	Copyright 2023 by pagaqui
 *
 **/

:root {
    --animate-duration: .5s;
    --animate-delay: 1s;
    --animate-repeat: 1;

    --site-font: #444;
    --link-font: #3B90FF;
    --link-font-hover: #0a58ca;
    --link-font-selected: #0a58ca;

    --light-font: #9e9e9e;
    --very-light-font: #d8d8d8;
    --icons-gray: #d8d8d8;
    --icons-darkgray: #b5b5b5;
    --dark-font: #1d1d1f;

    --pagaqui-blue: #0044D2;
    --pagaqui-red: #FF328C;
    --pagaqui-magenta: #FF328C;
    --pagaqui-yellow: #ffff11;
    --pagaqui-green: #08DDAE;

    --nav-background: #0044D2;
    --light-background: #0000000a;
    --site-background: #ffffff;
    --site-header-background: #0044D2;
    --alternative-background: #f2f2f2;
    --medium-background: #F0F0F0;
    --dark-background: #0039b5;
    --footer-background: #f9f9f9;
    --footer-color: #fff;
    --packages-header-background: #0044D2;

    --input-border-color: #d2d2d7;
    --input-border-color-hover: #0044D2;

    --box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    --rating-star: #d0d0d0;
    --rating-star-active: #ffb900;

    --alert: #535353;
    --alert-font: #fff;

    --input-radius: 7px;
    --btn-radius: 15px;
    --btn-radius-small: 10px;
    --btn-radius-reduced: 10px;
    --btn-radius-medium: 10px;
    --btn-radius-big: 16px;
    --btn-radius-popup: 30px;
    --btn-radius-full: 20px;

    --radius-notifications: 12px;

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

    --btn: #E4E5E7;
    --btn-hover: #f2f2f2;
    --btn-font: #444;
    --btn-shadow: 5px 10px 50px rgba(0, 0, 0, .18);

    --btn-primary: #3B90FF; /* 0596ff 0071e3 */
    --btn-primary-bg: #3B90FF; /* 0596ff 0071e3 */
    --btn-primary-hover: #fff; /* 1884FF */
    --btn-primary-bg--hover: #0044D2;
    --btn-primary-font: #ffffff;
    --btn-primary-color: #ffffff;
    --btn-primary-color--hover: #f1f7ff;

    /*
    --btn-secondary: #ef6ddc;
    --btn-secondary-color: #ffffff;
    --btn-secondary--hover: #f07de0;
    --btn-secondary-color--hover: #fff;
    */

    --btn-secondary: #08DDAE; /* #ffc63b; */
    --btn-secondary-color: #0044D2; /* #272727; */
    --btn-secondary--hover: #08DDAE; /* #ffd44e; */
    --btn-secondary-color--hover: #0044D2; /* #ffffff; */

    --btn-secondary2: #FF328C; /* #ffc63b; */
    --btn-secondary2-color: #fff; /* #272727; */
    --btn-secondary2--hover: #FF328C; /* #ffd44e; */
    --btn-secondary2-color--hover: #fff; /* #ffffff; */

    --btn-bordered-background: transparent;
    --btn-bordered: #0044D2;
    --btn-bordered-hover: #0039b5;
    --btn-bordered-font: #0044D2;
    --btn-bordered-font-hover: #0039b5;

    --btn-outlined-hover: #167be414;

    --btn-white: #FFF;
    --btn-white-hover: #167be414;
    --btn-white-font: #0044D2;
    --btn-white-font-hover: #0039b5;

    --btn-dark: #4a4a55;
    --btn-dark-hover: #50505b;
    --btn-dark-font: #fff;

    --btn-light: #e8f0fe;
    --btn-light-border: #e8f0fe;
    --btn-light-border-hover: #0044D2;
    --btn-light-font: #0044D2;

    --btn-red: #fc2a23;
    --btn-red-hover: #e03406;
    --btn-red-font: #fff;

    --btn-success: #1ed400;
    --btn-success-hover: #21db07;
    --btn-success-font: #fff;

    /*--section-background: #F8F7FB;*/
    --section-background: #f2f2f2;
    --section-font: #86868b;
    --section-font-light: #9e9e9e;


    --menu-background: #535353;
    --menu-font: #f9f9f9;
    --menu-hover: #0039b5;
    --menu-active: #E4E5E7;
    --menu-active-font: #000000;
    --submenu-font: #0044D2;
    --submenu-hover: #e8f0fe; /* #F0F0F0 */

    --section2-background: #eff1f2;

    --table-border: rgba(0, 0, 0, 0.09);

    --calendar-request-color: #000;
    --calendar-events-color: #7ad2fe;
    --calendar-hired-color: #3fcf00;

    --chat-message-user-background: #eee;
    --chat-message-user-font: #000;
    --chat-message-pro-background: #DBFEBE;
    --chat-message-pro-font: #393939;
    --chat-message-radius: 12px;
    --chat-message-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.2);
}

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

[class^="icon-"],
[class*=" icon-"],
.icon,
.loader::before {
    font-family: 'pagaqui' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    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;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}

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

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

.icon-keyboard_arrow_left:before {
    content: "\e314";
}

.icon-keyboard_arrow_right:before {
    content: "\e315";
}

.icon-tune:before {
    content: "\e429";
}

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

.icon-photo_library:before {
    content: "\e413";
}

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

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

.icon-map-o:before,
.icon-map:before {
    content: "\e914";
}

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

.icon-hammer2:before {
    content: "\e9a8";
}

.icon-equalizer2:before {
    content: "\e993";
}

.icon-menu2:before {
    content: "\e9be";
}

.icon-menu3:before {
    content: "\e9bf";
}

.icon-menu4:before {
    content: "\e9c0";
}

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

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

.icon-events: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-upload:before {
    content: "\e604";
}

.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-uncheck:before {
    content: "\e60c";
}

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

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

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

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

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

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

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

.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-edit:before {
    content: "\e623";
}

.icon-checkbox-checked:before {
    content: "\e626";
}

.icon-square-unchecked:before {
    content: "\e63b";
}

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

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

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

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

.icon-twitter2:before {
    content: "\e62c";
}

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

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

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

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

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

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

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

.icon-color-mode:before {
    content: "\e633";
}

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

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

.icon-bubble:before {
    content: "\e636";
    color: #444;
}

.icon-bubbles:before {
    content: "\e637";
    color: #444;
}

.icon-heart-o:before {
    content: "\e638";
    color: #444;
}

.icon-heart:before {
    content: "\e639";
    color: #444;
}

.icon-list:before {
    content: "\e63a";
    color: #444;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-angle-double-left:before {
    content: "\e911";
}

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

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

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

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

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

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

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

.icon-spinner1:before {
    content: "\e91b";
}

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

.icon-credit_personal:before {
    content: "\e91e";
}

.icon-credit_car:before {
    content: "\e91f";
}

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

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

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


* {
    font-family: Manrope;
    box-sizing: border-box;
}


html {
    font-size: 100%;
}

body {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
    color: var(--site-font);
    text-rendering: optimizelegibility;
    /*-webkit-font-smoothing: antialiased;*/
    -webkit-overflow-scrolling: touch;
    background-color: var(--site-background);
    min-height: 100vh;
}


body.calculation_result {
    background-color: var(--alternative-background);
}

a,
.link {
    color: var(--link-font);
    text-decoration: none;
    cursor: pointer;
}

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

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

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

.footer-logo {
    width: 50px;
}

[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;
}

#customGoogleBtn {
    background: white;
    color: #000000;
    font-weight: 500;
    width: 170px;
    border-radius: var(--btn-radius);
    border: thin solid #ccc;;
    white-space: nowrap;
    margin-left: 5px;
    line-height: 30px;
    display: flex;
    align-items: center;
}

#customGoogleBtn:hover {
    cursor: pointer;
    box-shadow: 1px 1px 1px grey;
}

span.googlelabicon {
    background: url('/img/g-normal.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin-right: 6px;
}

span.googlebuttonText {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #757575;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
    -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%;
    *margin-left: 2.074468085106383%;
    -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%;
    *width: 99.94680851063829%;
}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.row-dark {
    padding: 5px;
    background: #DFDFDF;
    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 #ccc
}

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

h1,
h2 {
    line-height: 40px;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 11px;
}


.inherit_h h1,
.inherit_h h2,
.inherit_h h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    line-height: inherit;
}

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

li {
    line-height: 20px;
}


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

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

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

input:hover,
select:hover,
textarea:hover {
    border-color: var(--input-border-color-hover);
}

input:focus,
textarea:focus {
    outline: none;
    box-shadow: 0 0 12px 0px #00000025;
    border-color: var(--input-border-color-hover) !important;
    transition: border linear 0.1s, box-shadow linear 0.1s;
}


.form-control.error,
.error {
    border-color: #FF328C;
    /*border-color: #fdf6fc;*/
    box-shadow: 0px 0px 0px 1px #FF328C;
    box-shadow: 0px 0px 0px 1px #fdf6fc;
    transition: border linear 0.2s, box-shadow linear 0.1s;
}

.error:focus {
    box-shadow: 0 0 12px 0px #d22edf87;
    border: 1px solid #FF328C !important;
    border: 1px solid #fdf6fc !important;
    background-color: #FFF;
}

.error.changed {
    border-color: #ccc;
    box-shadow: none;
}

input.error.changed:focus {
    border-color: #ccc;
    box-shadow: 0 0 9px 2px var(--input-border-color-hover);
}

.errmess.changed {
    color: rgba(255, 255, 255, 0.6);
}

label {
    display: inline-block;
}

label:focus {
    outline: none
}

input, select {
    height: 40px;
}

input,
textarea {
    color: #444;
    min-width: 206px;
    margin-left: 0;
    border: 1px solid #ccc;
    padding: 0 16px;
}

textarea {
    display: inline-block;
    padding: 4px 6px;
    color: #444;
    vertical-align: middle;
    height: auto;
    overflow: auto;
    background-color: #FFF;
    border: 1px solid #cccccc;
}

select {
    background: url('/img/arrow.png') right center no-repeat #FFF;
    background-size: 22px;
    border: 1px solid #cccccc;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0 10px;

    line-height: 33px;
    outline: none;
    height: 40px;
    max-width: 100%;
}

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

/*
select:focus,
select:hover {
    background: url('/img/arrowh.png') right center no-repeat #ffffff;
    background-size: 22px;
	outline:none;
}
*/

@-moz-document url-prefix() {
    select {
        background: #ffffff;
    }
    select:focus,
    select:hover {
        background: #FFF;
    }
}


/*noinspection ALL*/
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #acacac;
}

/*noinspection ALL*/
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #acacac;
}

/*noinspection ALL*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bbbbbb;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: #d3d3d3;
}


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

input[type="checkbox"] + span:before {
    font-family: 'pagaqui';
    font-size: 24px;
    margin-right: 10px;
    position: relative;
    top: 3px;
    content: "\e63b";
    font-weight: normal;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    border-radius: var(--btn-radius);
    color: #ccc;
}

input[type="checkbox"]:checked + span:before,
input[type="radio"]:checked + span:before {
    content: "\e626";
    background: rgba(255, 255, 255, 0.2);
    -webkit-animation: tick 80ms ease-in;
    animation: tick 80ms ease-in;
    color: var(--link-font);
}

input[type="checkbox"] + span:active:before,
input[type="checkbox"] + span:hover:before,
label:hover input[type="checkbox"] + span:before {
    background: rgba(0, 0, 0, 0.1);
}

input[type="radio"] + span:before {
    background: #fff;
    content: '';
    display: inline-block;
    border-radius: 100%;
    border: 1px solid var(--link-font);
    box-shadow: inset 0 0 0 2px #fff;
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 14px;
    vertical-align: middle;
    top: -1px;
    position: relative;
    color: #ccc;
}

input[type="radio"]:checked + span:before {
    content: '';
    background-color: var(--link-font);
    border: 1px solid var(--link-font);
    color: var(--link-font);

}

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


@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 {

}

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


.small_checkbox input[type="checkbox"] + span:before,
.small_checkbox input[type="radio"] + span:before {
    font-size: 22px;
    background: rgba(255, 255, 255, 0.3);
    color: inherit
}

#edit-account .small_checkbox input[type="checkbox"] + span:before,
#edit-account .small_checkbox input[type="radio"] + 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 {
}

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

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

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 12px;
    line-height: 1.42857143;
    color: #222;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #00000026;
    border-radius: var(--input-radius);
    font-weight: 500;
}

.form-group label {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;
}

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: #F9F9F9;
}

.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 #DDD;
    text-align: left;
}

.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: 22px;
    left: 8px !important;
    top: 8px !important;
    color: #c4c4c4;
}

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

.btn i.inline_label {
    color: inherit;
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    padding: 0 10px;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 35px;
    color: var(--link-font);
    text-align: center;

    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid var(--link-font);
    border-radius: var(--btn-radius-full);
    box-sizing: border-box;
    box-shadow: none;
    outline: none;
    /*max-width: 100% !important;*/
    min-height: 40px;
    font-weight: 500;
    transition: color .1s ease, transform .1s ease;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    color: var(--link-font);
    background-color: #9aa8b529;
    border-color: var(--link-font);
    text-decoration: none;
    transform: scale(.989);
}

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

.btn-primary {
    color: #fff;
    background-color: var(--btn-primary);
    border-color: var(--btn-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff;
    background-color: var(--btn-primary-bg--hover);
    border-color: var(--btn-primary-bg--hover);
}


.btn-bordered {
    background-color: var(--btn-bordered-background);
    border: 1px solid var(--btn-bordered);
    color: var(--btn-bordered-font);
}

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

.btn-success,
.btn-saved {
    background-color: var(--link-font);
    color: #FFF;
    text-shadow: none;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-saved:hover,
.btn-saved:focus,
.btn-saved:active {
    background-color: #2E4772;
    border-color: #2E4772;
    color: #FFF;
}

.btn-clear {
    background: transparent;
    border-color: transparent !important;
}

.btn-white {
    background: #f5f7fa;
}

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

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

.btn-red,
.btn-redhover:hover {
    background: #c22900;
    color: #FFF;
    border-color: #c22900;
}

.btn-green {
    background: #00B339;
    color: #FFF;
}

.btn-green:hover {
    background: #00B339;
    color: #FFF;
}

.btn-greenhover:hover {
    background: #00B339;
    color: #FFF;
}

.btn-redhover:hover .icon,
.btn-greenhover:hover .icon {
    color: #FFF;
}

.icon.greenhover:hover {
    color: #00B339;
}

.btn-orange {
    background-color: var(--dark-background);
    color: #FFF;
    text-shadow: none;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    color: #FFF;
    opacity: .8;
}

.btn-secondary {
    background-color: var(--btn-secondary);
    color: var(--btn-secondary-color);
    border: 1px solid transparent;
    text-shadow: none;
}

.btn-secondary2 {
    background-color: var(--btn-secondary2);
    color: var(--btn-secondary2-color);
    border: 1px solid transparent;
    text-shadow: none;
}

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

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


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

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

.btn-wide {
    min-width: 206px;
    padding: 0 15px;
    width: auto;
}

.btn-monster {
    padding: 0px 60px;
    width: auto;
    line-height: 21px;
}

.btn-100 {
    padding: 0 15px;
    width: 100%;
    text-align: left;
}

.btn.disabled {
    opacity: 0.7;
}

.btn.pending::after {
    position: absolute;
    content: "\e62e";
    margin-left: 7px;
    font-family: 'pagaqui';
    animation: spin 2s infinite linear;
    font-size: 16px;
}

.btn.done::after {
    position: absolute;
    content: "\e60d";
    margin-left: 5px;
    font-family: 'pagaqui';
    font-size: 16px;
}

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

button.btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

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


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

.header-navbar {
    background: linear-gradient(172deg, var(--site-header-background), var(--dark-background));
}

body.login .header-navbar,
body.checkmyvalue .header-navbar,
.header-navbar.small_header {
    background: none;
}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2002;
    margin-bottom: 0;
    position: relative;
    height: 70px;
    padding-top: 10px;
}

.inapp .navbar-fixed-top {
    height: 115px;
    padding-top: 50px;
}

body.inapp #aside-menu .menu-controls {
    top: 0px;
    right: -65px;
    width: 65px;
    height: 65px;
    border-radius: 0 10px 10px 0;
}

body.home .navbar-fixed-top {
    height: 90px;
}

body.home h1 {
    color: var(--pagaqui-blue);
}



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

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

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


.navbar .icon-menu {
    font-size: 30px;
    color: #fff;
    padding: 10px 10px;
    border-radius: 1px;
    cursor: pointer;
    position: absolute;
    display: none;
    right: 0px;
    top: -3px;
    display: none;
    padding: 12px 16px;
}

body.simulate .navbar .icon-menu {
    border:none;
}

.navbar .icon-menu span {
    float: left;
    margin-right: 8px;
    font-size: 14px;
    text-transform: lowercase;
}

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

.navbar + .main_wrapper {
    min-height: 400px;
    padding-top: 60px;
}


.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    position: relative;
    display: block;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    cursor: default;
    background: var(--link-font);
    color: #FFF;
}

.nav-tabs > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #333;
    color: #f9f9f9;
    transition: All 0.2s ease;
    border-left: 1px solid #C7C7C7;
}

.nav-tabs > li:first-child > a {
    border-left: none;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    text-decoration: none;
    background-color: #979797;
    color: #FFF
}

.nav-justified {
    width: 100%;
}

.nav-justified > li {
    float: none;
}

.nav-justified > li > a {
    margin-bottom: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.21);;
    text-align: center;
    font-size: 18px;
}

.nav-small > li > a {
    padding: 7px 15px;
    text-align: center;
}

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

    .nav-justified > li > a {
        margin-bottom: 0;
    }
}


.tab-content > .tab-pane {
    display: none;
}

.tab-content > .tab-pane.active {
    display: block;
}


.alert {
    padding: 15px;
    margin-bottom: 10px;
    background-color: #fffccc;
    font-size: 14px;
    line-height: 18px;
    color: #a2700f;
    position: relative;
    text-align: left;
    border-radius: var(--btn-radius-small);
    z-index: 1
}

body > .alert:first-child {
    margin-top: 60px;
}

.alert h5 {
    font-size: 21px;
    margin: 0 0 5px 0;
}

.alert h4 {
    margin: 0;
    font-weight: normal;
    color: inherit !important
}

.alert-success {
    background-color: var(--pagaqui-green);
    color: var(--pagaqui-blue);
}

.alert-danger,
.alert-error {
    background: #fdf6fc;
    color: #FF328C;
    border: 2px solid transparent;
}

.alert-error ul {
    list-style-type: disc;
    margin-left: 19px;
}

.alert-info {
    background-color: var(--pagaqui-yellow);
    color: #332c00;
}

.alert-warning,
.alert-warning {
    background-color: #fffccc;
    color: #a2700f;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

.alert .icon.big {
    position: relative;
    top: 4px
}

.alert-success a {
    color: #F4FF73;
}

.alert.gback {
    color: #555
}

.alert.light {
    background: #FFF6B3;
    color: #555
}

.alert + .alert {
    margin-top: -10px;
    border-top: 1px solid rgb(0 0 0 / 7%);
}

.alert.basket i.icon-info:before {
    content: "\e614";
}


.alert.fullsize {
    text-align: center;
    border-radius: 0;
    padding: 10px 40px;
    margin-bottom:0;
    z-index: 10000;
}


.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: 3px;
    font-size: 22px;
    top: 5px;
    font-family: 'pagaqui';
    color: inherit;
    opacity: 0.2;
    padding: 10px;
}

.alert[data-alert-close] .close-it:hover {
    opacity: 1;
    cursor: pointer;
    color: var(--link-font-hover);
}

.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-small);
    border-bottom-right-radius: var(--btn-radius-small);
    margin: 0 auto;
    box-shadow: var(--box-shadow);
    cursor: pointer;
    min-height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}


.header_message {
    padding: 10px;
    border-radius: var(--btn-radius);
}

.header_section {
    height: 140px;
    background: linear-gradient(172deg, var(--site-header-background), var(--dark-background));
    display: flex;
    align-content: center;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 45px;
}

.header_section h1 {
    color: #FFF;
    font-weight: 600;
    font-size: 3em;
    margin: 0;
    padding: 0;
    text-align: center;
}


.flex {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-flow: wrap
}

.flex.document-list-items, .flex.group-list-item {
    align-items: center;
}

.flex .col {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    flex-grow: 1;
}

.flex3 {
    flex-basis: 33.33%;
    align-self: stretch
}

.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;
}

.flexx .fcol {
    align-self: auto;
    flex: 1 1 auto;
}


.flex-center {
    display: flex;
    justify-content: center;
}

.flex-vcenter {
    display: flex;
    align-items: center;
}


.break::after {
    content: "\a";
    white-space: pre;
}

/*  Modal pop up*/

modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    z-index: 100001;
}

modal.open {
    display: flex;
}

mcontainer {
    position: relative;
    font-size: 16px;
    background-color: #fff;
    color: var(--site-font);
    padding: 30px 40px;
    width: 500px;
    height: auto;
    max-width: 90%;
    max-height: 80vh;
    border-radius: 20px;
    overflow-y: auto;
}

modal.cookie-consent {
    backdrop-filter: blur(4px);
}

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

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

.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 {
    font-size: 14px;
    padding-top: 6px;
    text-align: left;
    line-height: 18px;
    margin-top: 10px;
}

#loginform .cookie-consent a {
    color: inherit;
    text-decoration: underline;
}

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

.cookie-consent h3 {
    font-weight: 400 !important;
    font-size: 24px !important;;
    line-height: 28px !important;;
    padding: 0 !important;;
    margin: 0 !important;;
    margin-bottom: 1rem !important;;
    color: var(--site-font) !important;;
}

.cookie-consent p {
    padding: 0 !important;;
    margin: 0 0 10px !important;;
    font-size: 16px !important;;
    line-height: 20px !important;;
    color: var(--site-font) !important;;
    font-weight: 400 !important;;
}

/*  Modal pop up*/


/***********************************
 INDIVIDUAL STYLES
***********************************/
#logo a {
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
}

#logo {
    background: url(/img/logo200.png?x=f3) no-repeat;
    width: 100px;
    height: 34px;
    display: inline-block;
    background-position: center;
    position: relative;
    background-size: 100% !important;
    cursor: pointer;
    left: 10px;
    top: 9px;
}

body.login #logo {
    background: url(/img/logo_black360.png?x=f3) no-repeat;
    width: 180px;
    height: 59px;
}

body.home #logo a {
    display: none;
}


body.checkmyvalue #logo_holder,
body.packages #logo_holder {
    text-align: center;
    margin-top: 15px;
}

body.checkmyvalue #logo,
body.packages #logo {
    width: 220px;
    height: 60px;
}


.ProgressBar-barContainer {
    width: 100%;
    height: 6px;
    overflow: hidden;
    background: #edeeee;
    border-radius: 3px
}

.ProgressBar-label {
    display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #4e4d4d;
}

.ProgressBar-barProgress {
    transition: width 1s ease;
    background: #3f93f3;
    height: 100%;
    width: 0;
    border-radius: 3px
}

.requestPopup h1,
.requestPopup .subtitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
    text-align: center;
    font-family: "Ubuntu", Arial, sans-serif;
}

.requestPopup .subtitle {
    font-size: 14px;
    line-height: 16px;
    padding: 0 20px 20px
}

.requestPopup #errormessage,
.requestPopup #errormessage_preferred {
    display: none;
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 6px;
    padding: 0 10px;
    text-align: center;
    color: #ff4846;
}


.popup_content iframe {
    border-radius: inherit;
    position: absolute;
}

.popup_content .opening {
    background: #feb111;
}

.popup_content .opening #requestHeader #logo {
    background: url(/img/logo_white300.png?x=f2) no-repeat;
    margin-top: 20px
}

.popup_content .opening #requestHeader .subtitle {
    color: #FFF;
    padding: 70px 20px;
    font-size: 20px;
    line-height: 26px;
}

.popup_content .opening #next {
    position: relative;
    padding: 5px 40px;
    height: 70px;
    display: inline-block;
    opacity: 0.75;
    color: #FFF;
    font-size: 20px;
    margin: 0 auto;
    cursor: pointer;
}

.popup_content .opening #next::after {
    position: absolute;
    content: '\e618';
    font-family: pagaqui;
    right: 12px;
    font-size: 32px;
    opacity: 0.75;
}

.popup_content .opening #next:hover {
    opacity: 1;
}


#slider {
    position: relative;
    width: auto;
    overflow: hidden;
    height: 550px;
    background: #FFF;
    margin-top: -170px;
}

#slider img {
    position: relative;
    height: 708px;
    width: 1200px;
    max-width: inherit !important;
    right: 0;
    transition: all 4s ease;
}

#slider .foto_text {
    display: none;
    position: absolute;
    bottom: 50px;
    right: 140px;
    text-align: right;
    max-width: 420px;
    background: rgba(0, 0, 0, 0.30);
    padding: 5px 20px;
    border-radius: 2px;
}

#slider .foto_text,
#slider .foto_text a {
    color: #FFF;
    font-size: 32px;
    line-height: 36px;
    text-decoration: none;
    text-shadow: 0 0 5px #000;
}

#slider .foto_text b {
    font-size: 36px;
}


.btn-search {
    background: rgba(240, 244, 245, 1) !important;
    font-size: 18px;
    line-height: 46px;
    color: #FFF;
    padding-bottom: 2px;
    width: 200px;
    height: 44px;
    box-shadow: none;
    border-radius: 0;
    border-top-right-radius: var(--btn-radius);
    border-bottom-right-radius: var(--btn-radius);
}

.requestPopup .btn-search {
    width: 150px
}

.btn-search:hover {
    background: rgb(0, 152, 255) !important;
    color: #FFF;
    outline: none;
    box-shadow: none;
}

.btn-search .icon.big {
    position: relative;
    top: -2px
}


#subline {
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #666;
    position: relative;
    z-index: 1;
    margin: auto;
    top: 60px;
}

.nav_menu {
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

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

.nav_menu ul li {
    float: left;
}


.nav_menu ul li.active a,
.nav_menu ul li:hover a {
    color: #000 !important;
    text-decoration: none;
    transition: color .5s, fill .5s;
}

.nav_menu ul li a {
    padding-top: 20px;
    display: block;
    float: left;
    padding-right: 8px;
    padding-left: 25px;
    font-size: 18px;
    color: #606678;
    padding-bottom: 4px;
}

.nav_menu.right {
    right: 0;
    left: auto;
    width: auto;
}

div.table {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
}

.saveResultDiv .table {
    margin-top: 20px;
}

.saveResultDiv .table .label {
    text-align: left;
}

.saveResultDiv .table .value {
    text-align: right;
    white-space: nowrap;
}

.saveResultDiv .table td {
    padding: 8px;
    line-height: 1.4;
    font-size: 18px;
    vertical-align: middle;
    border-top: 0px;
}

.saveFinal {
    border-top: 1px solid #DDD !important;
}

div.table div.tr {
    display: table-row;
}

div.table div.tr div {
    display: table-cell;
    padding: 3px;
    vertical-align: top;
}

div.table div.tr.tar > div {
    text-align: left;
}

div.table div.tr.tar > div:first-child {
    text-align: right;
}

div.table.basic_overview div.tr:hover {
    cursor: pointer;
    background: #ddd;
}

.w100 {
    width: 100%;
}

.btn-group {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.btn-group li.btn {
    float: left;
    border-radius: 0;
    border-left: 1px solid #ccc;
    font-size: 17px;
    color: inherit
}

.btn-group.justified {
    width: 100%
}

.btn-group.justified > li.btn {
    display: table-cell;
    width: 1%;
    float: none
}

.btn-group > li.btn:first-child {
    border-left: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.btn-group > li.btn:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.btn-group > li.btn.active {
    background: var(--link-font);
    color: #FFF;
}

.btn-group > li.btn.active.green {
    background: #00a232;
}

.btn-group > li.btn.active.orange {
    background: #ba9500;
}

.btn-group > li.btn.active.red {
    background: #c22900;
}

.show_xs {
    display: none
}


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: "\e91b";
    font-family: 'pagaqui';
    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
    }
}
@keyframes skrew {
  0% {
    transform: rotate(0) scale(1.1);
  }
  75% {
    transform: rotate(270deg) scale(1);
  }
  100% {
    transform: rotate(0) scale(1.1);
  }
}
/***********************************
 LANDING PAGE
 SIMULATE
 **********************************/

body.landing .bodybackground {
    position: fixed;
    background: linear-gradient(180deg, #5964ff 0%, #5964ff 100px, #FFF 100px);
    height: 100vh;
    z-index: 0;
    width: 100%;
}

body.landing .header-navbar #logo {
    background: url(/img/logo300.png?x=f3) no-repeat;
    width: 150px;
    height: 50px;
    top: 0;
    transition: all .6s ease-in-out;
}

html.navbar-fixed body.landing .header-navbar #logo {
    background: url(/img/logo200.png?x=f3) no-repeat;
    transform: translateY(6px);
    width: 100px;
    height: 34px;
    top: 3px;
    left:0;
}

html.navbar-fixed.navbar-fixed-inplace .header-navbar #logo {
    transition: none;
}

body.landing .header-navbar.navbar-fixed-top {
    background: none;
    height: 100px;
    padding-top: 40px;
    position: absolute;
}

html.navbar-fixed .header-navbar.navbar-fixed-top {
    /*background: linear-gradient(172deg, #5964ff, #a028ae);*/
    background: var(--site-header-background);
    position: fixed;
    height: 70px;
    padding-top: 10px;
    box-shadow: 0 0 30px rgb(0, 0, 0, .2);
}

html.navbar-fixed .inapp .header-navbar.navbar-fixed-top {
    height: 110px;
    padding-top: 40px;
}

html.navbar-fixed:not(.navbar-fixed-inplace) .header-navbar.navbar-fixed-top {
    transition:box-shadow 1s ease-in, background-color .2s ease-in
}


html.navbar-fixed .bodybackground {
    display: none;
}

section {
    background: #fff;
    position: relative;
    z-index: 0;
}

section.headline {
    background: linear-gradient(90deg, var(--site-header-background), var(--dark-background));
    min-height: 560px;
    padding-top: 160px;
    color: #FFF;
    position: relative;
    overflow: hidden;
}

section.headline .container-fluid {
    padding-left: 15px;
}

.headline_title {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.15;
    z-index: 1;
}

body.home .headline_title h1 {
    color: #FFF;
}

.headline_subline {
    margin-top: 24px;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    z-index: 1;
    position: relative;
}

.headline_actions {
    margin-top: 34px;
}

.headline_actions {
    display: flex;
    align-items: center;
    column-gap: 40px;
}


.btn-simulate {
    padding: 0 24px;
    font-weight: 600;
    font-size: 24px;
    min-width: 200px;
    border-radius: 24px;
    z-index: 1;
    position: relative;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
}

.btn-simulate.btn-bordered {
    border: 2px solid var(--pagaqui-green);
    color: var(--pagaqui-green);
}

.btn-simulate:hover {
    transform: scale(0.98);
    box-shadow: 2px 10px 30px rgb(180, 255, 102, 30%);
}


.headerwave {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: auto;
    max-height: 350px;
    pointer-events: none;
}

.certs {
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
    min-height: 33px;
}

.certs img {
    width: 100px;
}

.certs img + img {
    margin-left: 30px;
}

section.content {
    padding: 60px 70px 40px;
}

.faq_title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
    padding-left: 20px;
    margin-top: 50px;
    margin-bottom: 40px;
    color: var(--pagaqui-blue);
    text-align: center;

}

.faq_question {
    font-size: 24px;
    font-weight: 600;
    padding: 20px 20px;
    line-height: 1.3;
    position: relative;
    z-index: 1;
    border-top: 1px solid transparent;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    text-align: left;
}


.faq_question + .faq_question {
    border-top: 1px solid #b2b2b2;
}

.faq_question.selected + .faq_question {
    border-top: 1px solid var(--section-background);
}

@media (hover: hover) {
    .faq_question:not(.selected):hover {
        background: #f4f4f4;
        /*border-radius: 12px;*/
        border-bottom: 1px solid #b2b2b2;
        transition: all 0.1s linear;
    }

    .faq_question:not(.selected):hover + .faq_question {
        border-color: transparent;
    }

}

.faq_answer {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    opacity: 0;
    height: 0;
    transform: translateY(-20px);
    transition: all .2s ease-in-out, opacity .1s ease-in-out;
    z-index: -1;
    position: relative;
    pointer-events: none;
}

.faq_question.selected {
    background: #FFF;
    color:#000;
    border-radius: 12px;
    transition: all .2s ease-in-out;
    border-top-color: transparent;
}

.faq_question.selected .faq_answer {
    opacity: 1;
    transform: translateY(0);
    height: auto;
    margin-top: 30px;
    margin-bottom: 10px;
    pointer-events: none;
    transition: all .2s ease-in-out, opacity .5s ease-in-out;
}

.home_image {
    display: inline-block;
    width: 200px;
    position: absolute;
    right: 60px;
    top: -50px;
    z-index: 2;
    cursor: pointer;
    user-select: none;
    -webkit-touch-callout: none
}

@media (hover: hover) {
    .home_image:hover img {
        transform: rotate(-15deg) scale(1.1);
    }
}

.home_image_img {
    width: 100%;
    /*pointer-events: none;*/
    transform-style: preserve-3d;
    transition: transform 0.2s;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: none;
    position: absolute;
    left: 0;
}

.flex.btn-group {
    display: grid;
    min-width: 100px;
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    grid-template-rows: repeat(2, 1fr); /* 2 rows */
    gap: 8px; /* Spacing between buttons */
}

.flex.btn-group .field-style-button {
    min-width: 100px;
}

.flex.btn-group .field-selected {
    background: var(--pagaqui-green);
    color: #0044D2 !important;
    border-color: transparent;
}

.home_image.a1 .home_image_img,
.home_image.a2 .home_image_img,
.home_image.a3 .home_image_img {
    transform: rotate(var(--r, -185deg)) scale(var(--i, 1)) scaleX(var(--s, 1));
    transition: transform 0.7s;
}

.home_image.a1 .home_image_img.money {
    --r: 189deg;
    --s: -1;
}

.home_image.a2 .home_image_img {
    --r: 175deg;
}

.home_image.a2 .home_image_img.money {
    --r: -190deg
}

.home_image.a3 .home_image_img {
    --r: 720deg
}

.home_image.a3 .home_image_img.money {
    --r: -360deg
}

.home_image:hover .home_image_img {
    --i: 1.1
}

.home_image:hover .home_image_img.money {
    --i: 1.3
}


.home_header_image {
    position: absolute;
    max-width: 300px;
    right: 0;
    top:-30px;
}

html.simulate {
    background: #5964ff;
}

body.landing .section {
    text-align: center;
    padding-bottom: 50px;
}

body.landing .section_title,
body.landing .simulate_title {
    color: var(--pagaqui-blue);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 50px;
    margin-bottom: 30px;
}

body.landing .simulate_form-selection {
    background: linear-gradient(136deg, var(--site-header-background), var(--dark-background));
    color: #FFF;
}
body.simulate {
    background: linear-gradient(172deg, var(--site-header-background), var(--dark-background));
    color: #FFF;
    background-attachment: fixed;
}

body.simulate-form {
    overflow-x: hidden;
}

body.simulate-form section {
    display: none;
    position: absolute;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 60px;
    z-index: -1;
    pointer-events: none;
}

body.simulate-form section:not(.simulate-navigation-bar) {
    min-height: 100%;
}

body.simulate section.section-background {
    background: none;
    text-align: center;
}

body.simulate .header-navbar {
    background: linear-gradient(var(--site-header-background) 30.25%, rgb(2 67 207 / 92%) 60.08%, transparent);
    padding-top: 0;
    height: 60px;
    position: fixed;
}

body.simulate .navbar .icon-menu,
body.simulate #logo {
    opacity: .5;
    transition: opacity .1s ease-in-out;
}

body.simulate .navbar .icon-menu:hover,
body.simulate #logo:hover {
    opacity: 1;
}

.download_icons {
    max-width: 100%;
    width: 150px;
}

.teaser-app-links {
    margin-top: 20px;
}


.home_teaser {
    display: flex;
    justify-content: center;
    column-gap: 50px;
}

.teaser_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    max-width: 220px;
}

.teaser_icon {
    width: 80px;
    background: var(--pagaqui-blue);
    color: #fff;
    height: 40px;
    border-radius: 0 0 50px 50px;
    overflow: hidden;
    font-size: 24px;
    padding-top: 3px;
}

.teaser_title {
    font-weight: 700;
}

.teaser_text {

}

.simulate_title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 50px;
    margin-bottom: 30px;
    /*min-height: 50px;*/
}

.section_subtitle,
.simulate_subline {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 40px;
    /*min-height: 40px;*/
}

body.landing .simulate_title,
body.landing .simulate_subline {
    padding-left: 20px;
    text-align: center;

}

body.simulate .simulate_title {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 20px;
}

body.simulate .simulate_subline {
    margin-bottom: 30px;
    color: #ffffffbf;
    padding: 0 20px;
}

.simulate_form-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
}


.simulate_form-selection {
    padding: 10px 80px 60px;
    border-radius: 12px;
    max-width: 800px;
    margin: 0 auto;
}

body.simulate .simulate_form-selection {
    border-radius: 0;
    margin: auto;
}

.simulate_form-selection ul li {
    width: 100%;
    margin-bottom: 10px;
}

.simulate_form-selection ul li .btn {
    display: flex;
    align-items: center;
    justify-content: normal;
    width: 100%;
    background: #FFF;
    box-shadow: 5px 5px 12px rgba(0, 0, 0, .2);
    border: 2px solid transparent;
    border-radius: 30px;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
    padding: 12px 20px;
    color: #292929;
    min-height: 52px;
    transition: all .15s ease-in-out;
}

.simulate_form-selection ul li .btn i {
    margin-right: 15px;
    display: block;
    color:#4a4a4a6b
}

.simulate_form-selection ul li .btn.selected {
    background: var(--btn-secondary--hover);
    color: var(--btn-secondary-color--hover)
}

.simulate_form-fields input::-webkit-input-placeholder,
.simulate_form-fields textarea::-webkit-input-placeholder {
    font-weight: 500;
}

.simulate_form-fields {
    max-width: 400px;
    display: inline-flex;
    align-content: center;
    flex-flow: wrap;
    flex-direction: column;
    row-gap: 20px;
    text-align: left;
}

.simulate_form-fields label {
    display: block;
    text-align: left;
    padding-left: 12px;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}

.simulate_form-fields select,
.simulate_form-fields textarea,
.simulate_form-fields input {
    width: 100%;
    border: 2px solid transparent;
    border-radius: var(--btn-radius-small);
    padding: 0 18px;
    font-size: 22px;
    height: 48px;
    min-width: 400px;
    font-weight: 600;
    transition: all .1s ease-in-out;
    color: #444;
}

.simulate_form-fields input[type="checkbox"] {
    display: block;
    width: 38px;
    height: 40px;
    min-width: unset;
    appearance: none;
    background-color: #fff;
    margin: 0;
    color: #444;
    border: none;
    border-radius: 10px;
    transform: translateY(2px);
    border: 2px solid transparent;
}

.simulate_form-fields input[type="checkbox"] {
    display: grid;
    place-content: center;
}

.simulate_form-fields input[type="checkbox"]::before {
    content: "\e60f";
    width: 30px;
    height: 30px;
    transform: scale(0);
    transition: .1s transform ease-in;
    box-shadow: inset 32px 0 var(--pagaqui-magenta);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    color: #fff;
    font-family: 'pagaqui';
    align-items: center;
}

.simulate_form-fields input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.simulate_form-fields select:focus,
.simulate_form-fields input:focus,
.personal-loan-credit-type input:focus,
.simulate_form-fields textarea:focus {
    border-color: transparent !important;
    box-shadow: 0 0 20px 0px var(--pagaqui-green);
}

/*
 * IOS dirty fix for scrolling space on keyboard
 */
.simulate_form-fields input:focus,
.simulate_form-fields textarea:focus {
    /*animation: blink_input_opacity_to_prevent_scrolling_when_focus 0.01s;*/

}


.simulate_form-fields .js-fieldwrapper.err select,
.simulate_form-fields .js-fieldwrapper.err input,
.simulate_form-fields .js-fieldwrapper.err textarea,
.simulate_form-fields select.error,
.simulate_form-fields input.error,
.simulate_form-fields textarea.error {
    border: 2px solid #fdf6fc !important;
    background: var(--pagaqui-magenta);
    color: #fff;
}

.simulate_form-fields .js-fieldwrapper.err.with-msg select,
.simulate_form-fields .js-fieldwrapper.err.with-msg input,
.simulate_form-fields .js-fieldwrapper.err.with-msg textarea {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff;
    color: #000;
    transition: all .3s ease-out, opacity .1s ease-in-out;
}

.simulate_form-fields .error-msg {
    opacity: 0;
    z-index: -1;
    position: relative;
    transform: translateY(-20px);
    padding: 0 12px;
    background: #fdf6fc;
    color: var(--pagaqui-magenta);
    border-radius: 0 0 10px 10px;
    border-color: transparent;
    display: block;
    width: 100%;
    font-weight: 500;
    max-height: 0px;
    padding: 0px 18px;
    border: 2px solid transparent;
    border-top: 0;
    transition: all .2s ease-out;
}

.simulate_form-fields .js-fieldwrapper.err.with-msg .error-msg {
    padding: 4px 18px 8px;
    z-index: 0;
    transform: translateY(-2px);
    opacity: 1;
    max-height: 100px;
    background: #fdf6fc;
    border-color: #fdf6fc;
    transition: all .3s ease-out, background-color .1s ease-out, padding .1s ease-in, transform .2s ease-out;
}

.simulate_form-fields .js-fieldwrapper-simulate_terms.err.with-msg .error-msg {
    border-radius: 10px;
    border-top: 2px solid #FF328C !important;
    border-top: 2px solid #fdf6fc !important;
    margin-top: 10px;
    padding: 8px 18px 8px;
}

.simulate_form-fields .js-fieldwrapper.err.with-msg .simulate-terms #simulate_terms {
    border-radius: 10px;
    border-bottom: 2px solid #FF328C !important;
    border-bottom: 2px solid #fdf6fc !important;
}

.js-fieldwrapper[data-toggle-status="active"] {
    display: block;
}

.js-fieldwrapper-financing_duration_buy {
    width: 230px;
}

.btn-back-simulation,
.btn-next-simulation,
.btn-submit-simulation {
    font-weight: 600;
    font-size: 24px;
    min-width: 240px;
    border-radius: var(--btn-radius);
    box-shadow: 5px 10px 40px rgb(0 0 0 / 25%);
    z-index: 1;
    position: relative;
    transition: all 0.3s;
    height: 48px;
    padding: 0 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-back-simulation:focus,
.btn-next-simulation:focus,
.btn-submit-simulation:focus,
.btn-back-simulation:active,
.btn-next-simulation:active,
.btn-submit-simulation:active,
.btn-back-simulation:hover,
.btn-next-simulation:hover,
.btn-submit-simulation:hover {
    color: inherit;
    background: inherit;
    border-color: inherit;
}

.btn-back-simulation,
.btn-next-simulation {
    width: auto;
    min-width: 100px;
    background: transparent;
    color: #fff;
    border-color: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.btn-back-simulation:active,
.btn-next-simulation:active,
.btn-submit-simulation:active {
    background: rgba(255, 255, 255, 0.2);
}

.btn-back-simulation .icon,
.btn-next-simulation .icon {
    min-width: 24px;
    display: block !important;
}

.btn-submit-simulation,
.btn-next-simulation {
    min-width: 290px;
    transition: all .1s ease-in-out !important;
    background: #0000001f;
}

.btn-back-simulation {
    box-shadow: none;
    border-color: transparent;
    min-width: 100px;
}

.btn-next-simulation.active {
    background: var(--btn-secondary);
    color: #FFF;
}

.js-simulate-wrapper {
    width: 100%;
    overflow: overlay;
    overflow-x: hidden;
    height: 100%;
    padding-top: 70px;
    scroll-behavior: smooth;
}

.js-simulate-wrapper.start .btn-back-simulation,
.js-simulate-wrapper.end .btn-next-simulation {
    display: none;
}

.js-simulate-wrapper.end .btn-submit-simulation {
    display: block;
    background: var(--btn-secondary);
}

.js-simulate-wrapper.end .btn-submit-simulation:focus,
.js-simulate-wrapper.end .btn-submit-simulation:active,
.js-simulate-wrapper.end .btn-submit-simulation:hover {
    background: var(--btn-secondary--hover);
    border-color: var(--btn-secondary--hover);
    color: var(--btn-secondary-color--hover);
    box-shadow: 5px 10px 40px rgb(255 180 0 / 31%);
}


.js-simulate-wrapper.start .btn-next-simulation {
    min-width: 380px;
    max-width: 100%;
    transition: all .05s ease-in-out;
}


.submitting.btn,
.js-simulate-wrapper.submitting .btn-next-simulation,
.js-simulate-wrapper.submitting.end .btn-submit-simulation {
    pointer-events: none;
    background: var(--btn-secondary--hover);
    border-color: var(--btn-secondary--hover);
    color: var(--btn-secondary-color);
    justify-content: center;
    display: flex;
}

.js-simulate-wrapper.submitting.end .btn-submit-simulation {
    width: 100%;
}

.submitting.btn > span,
.js-simulate-wrapper.submitting .btn-next-simulation > span,
.js-simulate-wrapper.submitting .btn-next-simulation > i,
.js-simulate-wrapper.submitting .btn-submit-simulation > span {
    opacity: 0;
}

.js-simulate-wrapper.submitting .btn-back-simulation {
    opacity: 0.5;
}

.submitting.btn:before,
.js-simulate-wrapper.submitting .btn-next-simulation:before,
.js-simulate-wrapper.submitting .btn-submit-simulation:before {
    content: '\e91b';
    position: absolute;
    font-family: pagaqui;
    animation: spin 2s infinite linear;
}

.js-simulate-wrapper.submitting.end .btn-next-simulation,
.js-simulate-wrapper.submitting.end .btn-back-simulation {
    display: none
}

/*body.simulate */
.iti .iti__country-list {
    color: #4b4b4b;
    font-weight: 500;
    font-size: 20px;
    box-shadow: 5px 15px 25px rgb(0 0 0 / 60%);
    border-color: transparent;
    border-radius: 10px;
    padding: 10px 10px;
}

/*body.simulate */
.iti .iti__country-list li {
    line-height: 24px
}

/*body.simulate */
.iti .iti__country-list li.iti__highlight {
    color: #0641d3 !important;
    text-shadow: none;
    border-radius: 8px;
}

/*body.simulate */
.iti .iti__selected-flag {
    padding: 0 0 0 12px;
}

/*body.simulate */
.js-telinput {
    padding-left: 52px;
}

/*body.simulate */
.iti.allow-dropdown .iti__selected-flag {
    width: 50px;
}

.iti__selected-flag .iti__arrow {
    opacity: .5;
}

.iti__selected-flag:hover .iti__arrow {
    opacity: 1;
}

.simulate-terms {
    display: flex;
    column-gap: 15px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
}

.simulate-terms a {
    color: #FFF;
    text-decoration: underline;
}

body.simulate .simulate-navigation-bar {
    position: relative;
    width: 100%;
    height: 90px;
    /*background: linear-gradient(0deg, #a028ae, transparent);*/
    background: transparent;
    /*backdrop-filter: blur(3px);*/
    padding: 0;
    z-index: 1;
    pointer-events: unset;
}

body.simulate .simulate-navigation-bar > div {
    padding: 0 30px 0;
    display: flex;
    justify-content: center;
}

body.simulate .simulate-navigation-bar > .container-fluid {
    width: 400px;
    max-width: 100%;
}

body.simulate .js-simulate-wrapper.end.submitting .simulate-navigation-bar > div {
    padding: 0;
}

html.input_focussed body.simulate .simulate-navigation-bar {
    /*display: none !important*/
}

.js-simulate-wrapper section label {
    color: #ffffffe3
}

.js-swipe-value {
    position: absolute;
    right: 4px;
    margin-top: 6px;
    height: 37px;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in-out;
    z-index: 1;
    border-radius: 24px;
    border: 2px solid transparent;
    cursor: col-resize;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.js-swipe-value:before {
    content: '\e91a';
    position: absolute;
    font-family: pagaqui;
    color: #d7d7d7;
    right: 10px;
    transition: all .15s ease-in;
    font-size: 14px;
    margin-top: 1px;
    transform: rotate(180deg);
}

.js-swipe-value.moving:before {
    opacity: 0;
}

.js-swipe-value.moving:after {
    content: '';
    border: 1px solid #ff00c117;
    width: 80%;
}

.js-swipe-value.moving {
    opacity: 1;
    background: rgba(221, 0, 255, 0.18);
    cursor: ew-resize;
}

.js-swipe-value .js-slide {
    position: absolute;
    opacity: 0;
    font-size: 44px;
    color: #f890fc;
    transition: all .1s ease-in, left 0s;
    left: 5px;
    pointer-events: none;
}

.js-swipe-value.moving .js-slide {
    opacity: 1
}

.personal-loan-credit-type {
    padding-bottom: 30px;
}

.personal-loan-credit-type input.field-style-button,
.simulate_form-fields input.field-style-button {
    background: #0000001f;
    color: #f3f3f3;
    border: 1px solid #fff;
}

@media (hover: hover) {
    .personal-loan-credit-type input.field-style-button:active,
    .simulate_form-fields input.field-style-button:active,
    .personal-loan-credit-type input.field-style-button:hover
    .simulate_form-fields input.field-style-button:hover {
        background: transparent;
        color: #fff;
    }
}

.field-style-currency {
    position: relative;
}


.field-style-email:before,
.field-style-currency:before {
    content: attr(data-content);
    position: absolute;
    height: 48px;
    width: 52px;
    color: #acacac;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    transition: all .1s ease-in-out;
    pointer-events: none;
}

.field-style-email > input,
.field-style-currency > input {
    padding-left: 52px;
}

.field-style-currency.active:before {
    color: #444;
    text-shadow: none;
}

.field-style-email:before {
    text-shadow: 1px 1px 4px rgb(0 0 0 / 40%);
}

.simulate_form-fields input.field-style-duration {
    min-width: unset;
    width: 230px;
    padding-left: 53px;
}

.multiple-fields {
    display: flex;
    align-items: center;
    border-radius: var(--btn-radius);
    /*background: #0000004a;*/
}

.field-toggle-box {
    border-radius: var(--btn-radius);
    display: flex;
    align-items: center;
    height: 48px;
    width: 100%;
    margin-left: -109px;
    position: relative;
}

.field-toggle-box div {
    color: #ffffffb3;
    height: 40px;
    padding: 0 20px;
    font-size: 22px;
    width: calc(50% + 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    right: 0;
    transform: translateX(0);
    position: absolute;
    transition: transform .7s cubic-bezier(0.01, 0.97, 0.64, 0.99), color .7s ease;
    text-transform: capitalize;
}


.field-toggle-box div.selected {
    color: #888888;
    cursor: pointer;
    transform: translateX(calc(-100% - 17px));
    z-index: 1;
    height: 48px;
    border-radius: 10px;
    justify-content: left;
    padding: 0;
    width: calc(50% - 15px);
}

.field-toggle-box div:not(.selected):hover {
    color: #fff;
    transform: unset;
    cursor: pointer;
    transform: scale(1.05)
}

.field-style-duration:not(:placeholder-shown) + .field-toggle-box div.selected {
    color: #444;
}

.box-info {
    background: #ffffff26;
    padding: 30px 40px;
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}

@keyframes hl-error {
    0% {
        color: #e325c1;
        text-shadow: 0px 1px 8px rgba(255, 136, 234, 0.61);
    }
    100% {
        color: inherit;
    }
}

.field-toggle-box div.selected.hl-error,
.field-style-currency.hl-error:before {
    animation: hl-error 1s ease-in;
}

@keyframes moveFromRight {
    from {
        opacity: 0;
        transform: translate3d(150px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes moveFromLeft {
    from {
        opacity: 0;
        transform: translate3d(-150px, -10px, 0) scale(.8);
    }

    90% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes moveToRight {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    90% {
        opacity: 0;
        transform: translate3d(100px, -15px, 0) scale(.8);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes moveToLeft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    90% {
        opacity: 0;
        transform: translate3d(-100px, -15px, 0) scale(.8);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(1);
    }
}


.moveFromRight,
.moveFromLeft,
.moveToRight,
.moveToLeft {
    z-index: -1 !important;
    pointer-events: none !important;
    display: none !important;
    animation-name: moveToLeft;
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.2, 1.03, .79, .96);
    pointer-events: none;
}

.moveFromRight,
.moveFromLeft {
    z-index: 1 !important;
    pointer-events: unset !important;
    display: block !important;
    position: relative !important;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(.58, .01, .35, .94);
}

.moveFromRight {
    animation-name: moveFromRight;
}

.moveFromLeft {
    animation-name: moveFromLeft;
}

.moveToRight {
    animation-name: moveToRight;
}


@keyframes blink_input_opacity_to_prevent_scrolling_when_focus {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


@media (hover: hover) {
    .simulate_form-selection ul li .btn:hover {
        /*box-shadow: 1px 1px 16px 10px rgb(120 7 216 / 40%);*/
        color: #730ad8;
        /*border-color: #730ad8;*/
        z-index: 1;
        position: relative;
        /*background: #f07de0;*/
        /*color: #fff;*/
        background: var(--btn-secondary--hover);
        color: var(--btn-secondary-color--hover);
        transform: scale(1.01);
    }

    .btn-next-simulation:hover {
        transform: scale(1.02);
        /*background: #ef6ddc;*/
        /*color: #fff;*/
        background: var(--btn-secondary);
        color: var(--btn-secondary-color);
        border-color: transparent;
    }

    .btn-back-simulation:hover {
        border-color: #FFF;
    }

    .js-swipe-value:hover:before {
        font-size: 17px;
    }

}


@media (max-width: 920px) {
    .home_image {
        right: 20px;
        width: 180px;
    }
}

@media (max-width: 790px) {
    .certs {
        top: 10px;
    }

    .home_image {
        top: 50px;
        right: 20px;
        width: 130px;
    }

    .headline_actions {
        margin-top: 60px;
        margin-bottom: 80px;
        text-align: left;
        align-items: flex-start;
        column-gap: 40px;
        flex-direction: column;
        row-gap: 20px;
    }

    .home_header_image {
        max-width: 200px;
        top: 140px;
    }

    body.js-disable-scroll .js-simulate-wrapper {
        overflow: hidden;
    }
}

@media (max-width: 860px) {
    .simulate_form-selection {
        padding: 10px 40px 40px;
        background: transparent;
    }
}

@media (max-width: 767px) {
    .simulate_form-selection {
        padding: 10px 30px 40px;
        background: transparent;
        margin-left: -20px;
        margin-right: -20px;
    }

    .headline_title {
        font-size: 50px;
    }

    .headline_subline {
        font-size: 30px;
        max-width: calc(100% - 170px);
    }

    section.content {
        padding: 30px 30px 40px;
    }

    .home_teaser {
        flex-direction: column;
        align-items: center;
        row-gap: 50px;
    }
}

@media (max-width: 660px) {

    body.simulate #logo {
        width: 100px;
    }

    section.headline .container-fluid {
        padding-left: 50px;
    }

    .headline_subline {
        max-width: calc(100% - 140px);
    }


    .home_image {
        top: 85px;
        right: 0px;
        width: 120px;
    }

}

@media (max-width: 550px) {


    section.headline .container-fluid {
        padding-left: 20px;
    }

    .headline_title {
        font-size: 55px;
    }

    .headline_subline {
        font-size: 28px;
        max-width: 100%
    }

    .headline_actions {
        margin-bottom: 10px;
        align-items: center;
    }

    .home_header_image {
        position: relative;
        max-width: 230px;
        top: auto;
        bottom: -40px;
    }

    body.simulate .simulate_title {
        font-size: 34px;
    }

    body.simulate .simulate_subline {
        font-size: 20px;
    }

    .simulate_form-title {
        font-size: 26px;
        margin-top: 10px;
    }

    .certs {
        top: 5px;
    }

    section.headline {
        padding-top: 125px;
        min-height: 720px;
    }

    .home_image {
        top: auto;
        right: auto;
        width: 130px;
        position: relative;
        margin-bottom: 30px;
    }

    section.content,
    .credit-simulator-wrapper .simulate_title,
    .credit-simulator-wrapper .simulate_subline,
    .headline .container-fluid {
        text-align: center;
    }

    .faq_title {
        padding-left: 0;
    }


    body.landing .simulate_title,
    body.landing .simulate_subline {
        padding-left: 0;
    }

    body.simulate .simulate_subline {
        margin-bottom: 20px;
    }

    section.content {
        padding: 30px 0px 40px;
    }

    section.content[data-purpose="personal"] {
        /*padding-bottom: 270px;*/
    }

    section.simulate-wrapper {
        padding-bottom: 0;
        padding-top: 10px;
    }


    .simulate_form-selection {
        margin-left: -20px;
        margin-right: -20px;
        padding-bottom: 80px;
        border-radius: 0;
    }

    body.landing .simulate_form-selection {
        padding: 10px 50px 40px;
    }

    .field-style-email:before {
        display: none;
    }

    .field-style-email > input {
        padding-left: 18px;
    }

}

@media (max-width: 550px) {
    /*
    .break::after {
        white-space: unset;
    }
     */
    .headline_title {
        font-size: 50px;
    }
}


@media (max-width: 480px) {

    .headline_title {
        font-size: 40px;
    }

    .headline_subline {
        font-size: 28px;
    }

    section.headline .container-fluid {
        padding-left: 15px;
    }

    .certs {
        top: 20px;
        justify-content: center;
    }

    .certs img + img {
        margin-left: 50px;
    }

    .simulate_form-selection {
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0;
        padding: 10px 10px 40px;
    }

    body.landing .simulate_form-selection {
        padding: 10px 40px 40px;
    }

    .btn-submit-simulation,
    .btn-next-simulation {
        min-width: unset !important;
        width: calc(100% - 80px);
    }

    .start .btn-next-simulation {
        width: calc(100% - 0px);
    }

    .btn-back-simulation {
        min-width: 70px;
    }

    .simulate_form-fields {
        align-content: stretch;
        width: 100%;
        padding: 0 10px;
    }

    .simulate_form-fields select,
    .simulate_form-fields textarea,
    .simulate_form-fields input {
        min-width: 100%;
    }
}

@media (max-width: 420px) {

    #footer {
        padding-top: 80px
    }

    .simulate_form-fields input.field-style-duration {
        width: 200px;
    }

    .field-toggle-box {
        margin-left: -109px;
    }

    .field-toggle-box div {
        width: calc(50% + 10px);
    }
}


.iti-mobile .iti--container {
    top: 80px !important;
}

.contact_form_phone {
    margin-bottom: 0
}

.property-type .icon {
    font-size: 150px;
    display: block;
}

.property-type .radio-button input[type="radio"] + label {
    padding: 1rem;
}

.property-type fieldset {
    margin: 5px;
}


.account .gen-aside-menu a, .account .gen-aside-menu a:hover {
    color: #ffffff;
}

.account .color-inherit {
    color: #ffffff !important;
}

.onboarding .main_wrapper, .property-type .main_wrapper, .account .main_wrapper {
    padding-top: 20px;
}

.terms .outerOL li {
    font-weight: bold;
}

.terms .outerOL li h4, .terms .outerOL li p, .terms .innerOL li {
    font-weight: normal !important;
}

/*Cookeis Page CSS*/
.cookies .outerOL li {
    font-weight: bold;
}

.cookies .innerOL {
    list-style-type: lower-alpha;
}

.cookies .innerOL li {
    font-weight: bold;
}

.cookies .outerOL li h4, .cookies .outerOL li p, .cookies .innerOL li p, .cookies .innerUL li {
    font-weight: normal !important;
}

.cookies .innerUL {
    list-style-type: disc;
    padding-left: 25px;
}

/*Privacy page css*/
.privacy .outerOL li {
    font-weight: bold;
}

.privacy .innerOL {
    list-style-type: lower-alpha;
}

.privacy .innerOL li {
    font-weight: bold;
}

.privacy .outerOL li h4, .privacy .outerOL li p, .privacy .innerOL li p, .privacy .innerUL li {
    font-weight: normal !important;
}

.privacy .innerUL {
    list-style-type: disc;
    padding-left: 25px;
}

/*Litigation page css*/
.litigation .innerUL {
    list-style-type: disc;
    padding-left: 25px;
}

/***********************************
 AUTOCOMPLETE STYLES
***********************************/
.autocomplete-suggestions {
    border: 1px solid #ddd;
    border-top: none;
    background: #FFF;

    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.22);

    cursor: pointer;
    text-align: left;
    max-height: 350px;
    min-width: 108px;
    overflow: auto;
    display: inline-block;
    padding: 0;
    box-sizing: border-box;
}

.autocomplete-suggestion {
    overflow: hidden;
    font-size: 18px;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 20px;
    position: relative;
}

.autocomplete-suggestion::after {
    position: absolute;
    content: '\e618';
    font-family: pagaqui;
    right: 10px;
    opacity: 0.2;
    font-size: 20px;
    top: 9px
}

.autocomplete-selected::after {
    opacity: 1;
}

.autocomplete-selected {
    background: #EEE !important;
}

.autocomplete-suggestions strong {
    font-weight: normal;
}

/************************************
    LOGIN / REGISTER
*************************************/
#login_container {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2001;
}

#login_container div.content {
    max-width: 100%;
    min-height: 200px;
    padding: 0;
}

#login_container #logo {
    width: 150px;
    height: 30px;
    left: 0;
    top: 0
}


.social_auth_registerform.google {
    width: 250px;
    max-width: 100%;
    text-align: left;
    white-space: nowrap;
}

.social_auth_registerform.google {
    margin-left: 0 !important;
}

#register_container {
    border-left: 1px solid #DDD;
    max-width: 360px;
    margin-left: 0 !important;
}

/* for url: /login */
.header-navbar.small_header {
    text-align: center;
}

#login_container.solid {
    position: relative;
    padding: 30px 10px;
}

#login_container .loginbox h1 {
    font-size: 34px;
    font-weight: 600;
}


.choose_account .box {
    text-align: center;
    padding: 50px;
    padding-top: 30px;
    border: 1px solid #e6e6e6;
    border-radius: var(--btn-radius);
    margin-top: 60px;
    background: #FFF;
}

.choose_account .or {
    padding-top: 160px
}

.choose_account .box h1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
}

.choose_account .box h2 {
    font-size: 16px;
    line-height: 18px;
    color: #8e8e8e;
    margin-bottom: 20px;
}

.choose_account .box a.btn {
    font-size: 18px;
}


/************************************
    PROFILE PAGE
*************************************/
.headerimage_container {
    max-height: 100%
}

img.profile_page_header {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    z-index: 2001;
    position: relative;
    max-width: 100%;
    max-height: 300px;
}

#profile_page_container h1 {
    font-size: 40px;
    line-height: 44px;
    color: #4e4d4d;
}

#profile_text {
    font-size: 14px;
    line-height: 19px;
    /*text-align:center;*/
}


#profile_page_container h3 {
    font-size: 16px;
    color: #8d9494;
    font-weight: normal;
    margin: 0;
    margin-bottom: 5px;
    line-height: 16px;
}


#attributes {
    font-size: 14px;
    position: relative;
    min-height: 160px;
    border-bottom: 1px solid #ddd;
}

#attributes a {
    color: inherit;
    text-decoration: none;
}

#attributes a:hover {
    text-decoration: underline;
}

#attributes span {
    margin-bottom: 15px;
    display: block;
}

#attributes span.itemprop {
    display: inline;
}

#attributes h2 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
}


#contactform_content {
    background: #3C3C3C;
    color: #FFF;
}

#profile_data ul li {
    border-top: 1px solid #494949;
    margin-top: 1px;
    text-transform: lowercase;
    color: #D0D0D0;
}

#profile_data ul li:first-child {
    border-top: none;
}

#profile_data ul li div,
#profile_data .bright {
    color: #F0F0F0;
}

#profile_data ul li div {
    float: right;
    text-transform: none;
}

#profile_data ul li:hover,
#profile_data ul li:hover div {
    color: #D363B6;
}

#attributes #contact {
    position: absolute;
    bottom: 30px;
    min-width: 180px;
}

.profile_images {
    margin-left: -10px;
    margin-right: -10px
}

#contact_top {
    display: none;
}

#contact_form_fields #message {
    min-height: 150px;
    width: 100%;
}


#partners_wrapper,
#countries_wrapper {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    min-width: 100%;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding-right: 0px;
}

#partners,
#partners_wrapper a,
#countries,
#countries_wrapper a {
    text-transform: capitalize;
}

#partners_wrapper a,
#countries_wrapper a {
    color: var(--link-font) !important;
    background: #efefef;
    text-align: left;
}

#partners_wrapper a:hover,
#countries_wrapper a:hover {
    background: #e2e2e2;
}

#partners_wrapper a:active,
#countries_wrapper a.active {
    color: #FFF !important;
    background: var(--link-font);
}

#partners_wrapper a.active:hover,
#countries_wrapper a.active:hover {
    background: #0062c3;
}

.article-group-back {
    display: flex;
    align-items: center;
}

.article-group .p-6 {
    margin-right: 15px;
    width: 310px;
}

.article-group .blog {
    margin-top: 30px;
}

.article-group a {
    font-size: 14px;
    font-family: 'Proxima Nova Alt Light';
    text-decoration: none;
}

.article-group .news-title {
    margin-top: 5px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.03em;
    color: #062823;
}

.article-group .news-text-title a {
    font-style: normal;
    font-weight: 600;
    color: #062823;
    text-decoration: none !important;
}

.article-group .news-text-title {
    height: 45px;
    line-height: 22px;
    letter-spacing: -0.03em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.article-group .news-time-read {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    text-align: right;
    letter-spacing: -0.03em;
    float: right;
    color: #B5C4C1;
}

.article-group .news-text {
    height: 74px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.03em;
    color: #243F3B;
}

.article-group .news-text a {
    font-weight: 1000;
}

.article-page h1 {
    font-size: 38px;
    font-family: 'Proxima Nova Extrabold';
    color: #243F3B;
    padding-top: 45px;
    margin-bottom: 0px;
}

.article-page .news-text-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.03em;
    color: #243F3B;
    margin-bottom: 30px;
}

.article-page .news-date {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #243F3B;
}

.article-page .news-img {
    border-radius: 0px 48px 48px 48px;
    margin-bottom: 15px;
}

.article-page .news-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.03em;
    color: #243F3B;
}

.article-page p {
    color: #243F3B;
    font-size: 14px;
    font-family: 'Proxima Nova Alt Light';
    line-height: 24px;
    margin-bottom: 12px;
}

.article-page ul {
    color: #243F3B;
    font-size: 14px;
    font-family: 'Proxima Nova Alt Light';
    line-height: 24px;
    margin-bottom: 6px;
    list-style-type: disc;
}

/************************************
    ME
*************************************/
.basic_overview {
    font-size: 15px;
}

.field-info {
    color: #888;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}

.field-info.back {
    color: #777;
    background: #DBDBDB;
    padding: 4px 8px;
    border-radius: var(--btn-radius);
}

.field-info p {
    margin-bottom: 5px;
}

.account .form-group label {
    color: #959595;
    font-weight: normal;
}

.main_upload_button {
    display: none;
}

#upload_images,
#upload_fotos,
#upload_attachments,
#upload_audios {
    z-index: 2;
    width: 100%;
    height: 100%;
}

#upload_button,
#upload_audio_button {
    width: 200px;
    padding: 0;
}

.progress .bar {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0
}

.fotos_container {
    /* background: #333;*/
    background: #FFF;
    /*    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -20px;*/
    /*padding: 15px 5px;
    text-align: center;*/
    color: #C9C9C9;
}

.fotos_container span {
    position: relative;
    display: inline-block;
}

.pic {
    background: #202020;
    margin: 10px;
    position: relative;
    text-align: center;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    max-width: 100%;
    max-height: inherit;
    width: 220px;
    height: 165px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    transition: all 0.1s ease-in-out;
    overflow: hidden;
}

.pic img {
    max-width: 100%;
}

.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: "\e60f";
    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 {
    outline: 3px solid #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;
    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);
}

#photo_selector {
    background: #606678;
    max-width: 100%;
    padding: 0;
    color: #C9C9C9;
    clear: both;
}

#photo_selector:after {
    bottom: 100%;
    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: #606678;
    border-width: 15px;
    margin-left: -15px;
    z-index: 1;
}

#createform #photo_selector[data-phototype="profile"]:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 24%;
    border-color: rgba(51, 51, 51, 0);
    border-right-color: #606678;
}

#photo_selector[data-phototype="account"]:after {
    left: 88px;
    top: -24px;
}

#createform #photo_selector[data-phototype="profile"] .pic,
#createform #photo_selector[data-phototype="profile"] .pic img {
    border-radius: 50%;
}

.psmess {
    font-size: 16px;
    color: #555;
    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 .fotos_container.gal_logo {
    background: #FFF;
    border: 3px solid #606678
}

.pic.private:before {
    content: '\e622';
    font-family: 'pagaqui';
    background: #a9a9a9;
    color: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    z-index: 1;
    padding: calc(50% - 30px);
    opacity: 0.8;
    font-size: 40px;
    width: 100%;
    height: 100%
}

.pic.new {
    outline: 1px solid rgba(0, 172, 255, 0.68);
}

.pic:hover,
.pic.selected {
    outline: 5px solid #fe4ee4;
}


.edit_foto {
    background: #fe4ee4;
    width: 34px;
    position: absolute;
    right: -24px;
    top: 5px;
    z-index: 2;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.5);
    /*opacity: 0.9;*/
    text-align: center;
}

.edit_foto:hover {
    opacity: 1;
}

.foto_container_extended .edit_foto {
    top: 0;
    right: -29px;
    opacity: 1;
}

.edit_foto i {
    width: 1.2857142857142858em;
    text-align: center;
    display: inline-block;
    font-size: 19px;
    margin-top: 3px;
    cursor: pointer;
}

.edit_foto i:hover {
    color: #000
}

.edit_foto i.icon-trash {
    font-size: 28px;
}

.pic.removed {
    outline: 5px solid #ff0008;
    opacity: 0.5;
}

.pic.removed:hover {
    opacity: 1;
}

.fotos_container span.added {
    background: rgba(128, 224, 91, 0.89);
    outline: 1px solid #606678;
    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;
}

#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: 4px;
    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;
}

.profile_page .gallery {
    cursor: pointer;
}

.profile_page .gallery a {
    text-decoration: none;
}

.profile_page #gallery_wrapper,
.profile_page #videos_wrapper,
.profile_page #audios_wrapper {
    margin-left: -20px;
    margin-top: -10px;
}

.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);
}

.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
}

.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: 4px;
    background: #747474;
}

.gallery > div.i {
    position: absolute;
    bottom: 0;
    padding: 5px 9px 3px;
    width: inherit;
    text-align: left;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    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: 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%;
    border: none;
}

iframe[name="google_conversion_frame"] {
    display: none
}

.audio,
.video {
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    position: relative;
}

.audios_container .audio,
.videos_container .video {
    margin-top: 20px
}

#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;
    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%
}

.audios_container .audio h5,
.videos_container .video h5 {
    min-height: 20px;
    padding: 5px;
    margin-top: 0;
    margin-bottom: 10px;
    border-radius: 2px;
    outline: 1px dashed rgba(0, 0, 0, 0.10);
    font-weight: normal;
}

.audios_container .rename_audio:hover,
.videos_container .rename_video:hover {
    outline: 1px dashed rgba(0, 0, 0, 0.30);
    background: #FFF;
    cursor: pointer;
    color: #000;
}

.audios_container .rename_audio:hover:before,
.videos_container .rename_video:hover:before {
    content: '\e623';
    font-family: 'pagaqui';
    position: absolute;
    right: 18px;
    color: #666
}

.select_audio_profile,
.select_video_profile {
    font-size: 30px;
    color: #D71A8A;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    margin-top: -2px;
    position: relative;
}

.select_audio_profile .icon,
.select_video_profile .icon {
    margin: 0 1px;
}

.select_audio_profile:hover,
.select_video_profile:hover {
    color: #ff1aa3;
    border-color: #ddd;
    background: #fff;
}

.fotos_container em {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}

.ui-sortable .placeholder {
    background: rgba(255, 0, 214, 0.47);
    vertical-align: top;
    display: inline-block;
    width: 220px !important;
    height: 165px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-top: 5px !important;
    border: none !important;
}

.ui-sortable-helper {
    transition: box-shadow ease-in-out .2s;
}

.ui-sortable-helper .pic {
    outline-color: #ff00d6;
    margin: 0;
}

.ui-sortable-helper .edit_foto {
    display: none
}

/************************************
    CREATE
*************************************/
body.create {
    overflow-y: scroll;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.create .copyright {
    background: none;
}

body.create .navbar-fixed-top {
    height: 62px
}

body.create #logo {
    width: 100px;
    height: 23px
}

.empty .icon-camera {
    opacity: 0.8 !important;
}

.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: #FFF;
    border-color: #CCC
}

.sliderlabels label {
    margin-top: 22px
}

.w33 {
    width: 33.7%;
    float: left;
    box-sizing: border-box;
}


.icon-spinner.huge,
.huge.loader:before {
    position: absolute;
    font-size: 42px;
    opacity: 0.5;
    top: 50%;
    top: calc(50% - 21px);
    left: 50%;
    left: calc(50% - 21px);
}

#lang {
    padding: 3px;
    line-height: 22px;
    font-size: inherit;
    height: inherit;
    background: inherit;
    color: #CFCFCF;
    border: 1px solid transparent;
    border-radius: 0;
    top: 4px;
    position: relative;
    margin-top: -11px;
    z-index: 1;
    box-shadow: none;
}

#lang:hover {
    color: #FFF;
    background: #6E6E6E;
}

.galbox .pic {
    margin: 8px;
}


/***********************************
 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 {
    width: 45px;
    margin-top: -15px;
    margin-bottom: -4px;
    margin-right: -8px;
    border-radius: 50%;
}

.btn.facebook {
    background: #176cf0;
    border: none;
    display: flex;
    align-items: center;
    font-weight: 500;
    width: 170px;
    font-size: 15px;
}

.btn.facebook:hover,
.socialauth:hover span.facebook {
    background: #2e7df6;
    color: #FFF;
}

.btn.google {
    background: #DE4B39;
}

.btn.google:hover {
    background: #ee5240;
}

.socialauth span.btn {
    width: 32px;
    vertical-align: middle;
    left: -10px;
}

.btn.facebook i.icon,
.btn.google i.icon,
.btn.twitter i.icon {
    color: #FFF;
    font-size: 19px;
    position: relative;
    left: 3px;
}

#submenu_multimedia {
    display: inline-block;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.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;
}

.btn i.icon {
    color: inherit
}

.btn:hover i.icon {
    color: inherit
}


/***********************************
 PROFILE (BOX)
***********************************/
.profile {
    padding: 10px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    background: #f0f0f0;
    color: #A2A2A2;
    height: 100px
}

.profile_page .avatar-holder img.av {
    border-radius: 50%;
}

.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;
}

.profile .con {
    height: 100%;
    margin-left: 125px;
    position: relative;
}

.profile .bot {
    position: absolute;
    bottom: -3px;
}

.profile.paused {
    /*border: 1px solid #F19F53;*/
    /*background: #FFDDEF;*/
    background: #861F55;
}

#camera:hover a,
#camera: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 {
    display: block;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.30);
    padding: 10px;
    margin: -10px;
    border-radius: 50%;
}

#camera:hover a, #camera:hover i.icon-camera {
    padding: 10px 12px 16px 12px;
    margin: -10px -12px -16px -12px;
}

.gallery a.select_photo i.icon-images {
    background: rgba(16, 255, 0, 0.6);
    opacity: 0.8;
}

#camera: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;
}

.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;
}

#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;
}

.request-callback-message {
    line-height: 1.5;
}

.request-callback-message a {
    color: #1d1d1f;
    padding: 0.4rem 2rem;
}

/***********************************
 TOGGLE CONTENT
***********************************/
[data-toggle-id]:not([data-toggle-status="active"]) {
    display: none !important;
}

/***********************************
 PACKAGES
***********************************/
.packages .navbar + .container-fluid {
    padding-top: 10px;
    text-align: center;
}

.packages_toggle, .simulator_toggle {
    border-bottom: 2px solid var(--pagaqui-magenta);
}

.packages_toggle .btn, .simulator_toggle .btn {
    border: 0;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 20px;
}

.packages_toggle .btn:hover, .simulator_toggle .btn:hover {
    background: var(--btn-hover);
    transform: none;
}

.packages_toggle .btn[data-toggle-status="active"],
.simulator_toggle .btn[data-toggle-status="active"] {
    background: var(--pagaqui-magenta);
    color: #FFF
}

#packages_content {
    margin-top: 40px;
    margin-bottom: 100px;
}

#packages_content * {
    box-sizing: border-box;
}

#packages_content h1,
#packages_content h2 {
    all: unset;
    display: block;
    font-weight: 500;
    font-size: 38px;
    line-height: 40px;
    margin: 20px 20px 20px;
}

#packages_content h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 40px;
}

#packages_content .packages_block {
    margin-top: 30px;
    display: flex;
    justify-content: space-around;
}

#packages_content .most_chosen {
    border-radius: var(--btn-radius);
    background-color: var(--pagaqui-yellow);
    position: absolute;
    top: -15px;
    right: 25px;
    font-size: 11px;
    font-weight: 600;
    color: #464646;
    height: 20px;
    display: flex;
    text-transform: uppercase;
    justify-content: right;
    align-items: center;
    padding: 0 25px 0 15px;
    box-shadow: 3px 8px 7px 1px rgb(0 0 0 / 16%);
}

#packages_content .most_chosen:before {
    position: absolute;
    content: ' ';
    right: -20px;

    width: 40px;
    height: 40px;
    background-size: contain;
    top: -4px;
}

#packages_content .package {
    flex: 1;
    text-align: center;
    position: relative;
    margin: 5px 0 20px;
    color: var(--site-font);
    transition: All .25s ease;
    min-width: 310px;
    max-width: 310px;
}

#packages_content .package + .package {
    margin-left: 15px;
}

#packages_content .package .the-box {
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 16%);
    padding-bottom: 20px;
}

#packages_content .package .header {
    padding: 0px 20px;
    color: #fff;
    background: var(--packages-header-background);
    text-align: center;
    font-size: 24px;
    height: 60px;
    font-weight: 700;
    font-style: italic;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#packages_content .package .headline {
    padding: 15px 20px 0px;
    font-weight: 500;
    font-size: 16px;
    height: 65px;
}

#packages_content .package .purchase {
    margin: 20px;
    min-width: 250px;
    font-weight: 600;
    border-radius: var(--btn-radius-medium);
    box-shadow: inset 0px 0px 0px 1px var(--btn-bordered);
}

#packages_content .package .package_price {
    font-size: 28px;
    font-weight: 500;
    margin: 10px 0 30px;
}

#packages_content .package .package_price_details {
    padding: 0px 20px 20px;
    font-size: 14px;
    line-height: 18px;
    height: 80px;
}

#packages_content .package .features_group {
    padding: 5px 25px 15px;
    text-align: left;
}

.features_group_header {
    font-weight: 700;
    font-style: italic;
    text-align: center;
    padding: 5px;
    background: #ebeef3;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative;
    color: var(--link-font);
    margin-top: 20px;
}

.packages_blocks .packages_block_header {
    font-size: 22px;
    font-weight: 500;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 16%);
}

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

.features_group_header:not([data-open]):before,
.features_group_header:before {
    position: absolute;
    content: '\e315';
    font-family: 'FontAwesome';
    right: 10px;
    font-style: normal;
    transition: transform 150ms ease;
    transform: rotate(0deg);
    opacity: .5;
}

.features_group_header:hover::before,
.features_group_header[data-open]:not(:hover)::before {
    transform: rotate(90deg);
    opacity: 1;
}

.features_group_header[data-open]:hover::before {
    transform: rotate(-90deg);
    opacity: 1;
}

#packages_content .package .features_group ul {
    display: none
}

#packages_content .package .features_group ul li {
    text-align: left;
    padding: 3px 0;
    font-size: 14px;
    line-height: 18px;
    color: #5a5a5a;
    position: relative;
    padding-left: 25px;
}

#packages_content .package .features_group ul li:before {
    position: absolute;
    content: '\e90e';
    font-family: 'pagaqui';
    left: 2px;
    color: var(--link-font);
    font-weight: 800;
}

#packages_content .package .features_group_header.no,
#packages_content .package .features_group ul.no li,
#packages_content .package .features_group ul li.no {
    opacity: .5;
    text-decoration: line-through;
}

#packages_content .package .features_group ul.no li:before,
#packages_content .package .features_group ul li.no:before {
    content: '\e90c';
    color: var(--pagaqui-red);
    opacity: 1;
}

#packages_content .package .features_group ul li:empty {
    display: none
}


.packages_group {
    padding: 15px 0;
    border-radius: 1px;
}

.packages_group h3,
.packages_group h3 + p {
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.pricing-tables {
    text-align: center;
    position: relative;
    margin: 5px 0 20px;
    color: #444;
    transition: All 0.25s ease;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4)
}

.pricing-tables .the-box {
    margin: 0;
    background: #FFF;
}

.pricing-tables .header {
    padding: 5px 0 70px;
    background: var(--link-font);
    color: #FFF;
}

.upfront .pricing-tables .header {
    padding: 5px 0 10px;
    margin-bottom: 20px
}

.upfront .pricing-tables .purchase {
    margin-top: 20px;
    padding: 2px 80px;
    margin-bottom: 30px;
    width: calc(100% - 60px)
}

.upfrontCompare .pricing-tables .header h3 {
    font-size: 18px;
}

.upfrontCompare .pricing-tables .purchase {
    margin-top: 15px;
}

.upfrontCompare .pricing-tables .header {
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.upfrontCompare .pricing-tables .price-wrap {
    background: var(--link-font);
    color: #FFF;
    font-size: 32px;
    line-height: 32px;
    padding: 10px;
    height: 155px;
    box-sizing: border-box
}

.upfrontCompare .pricing-tables .btn {

}

#packages_user .pricing-tables .header {
    background: #7C8F67;
}

.pricing-tables .header h3 {
    font-size: 22px;
    text-transform: uppercase;
    text-shadow: none;
}

.pricing-tables .purchase {
    margin-top: 105px;
    margin-bottom: 15px;
}

#packages .span2,
#packages .span3,
#packages .span4 {
    margin-left: 1px;
}

#packages .span2 {
    width: 20.893617021276595%;
    *width: 20.840425531914894%;
}

.pricing-tables table.table-inner {
    padding: 0;
}

.pricing-tables table td {
    height: 45px;
    vertical-align: middle !important;
    overflow: hidden;
    line-height: 15px !important
}

.pricing-tables table td p {
    font-size: 14px;
    color: #777;
    margin: 0
}

.upfront .pricing-tables table td {
    border-top: none;
    height: auto;
}

.upfront .pricing-tables table td:first-child {
    padding-left: 25px;
    vertical-align: top !important;
}

.pricing-tables .btn-orange {
    padding: 0 20px;
}

.pricing-tables:hover .btn-orange {
    background: var(--link-font) !important;
}

.pricing-tables .btn-orange,
.pricing-tables:hover .header {
    background: var(--link-font) !important;
}

.upfrontCompare .pricing-tables:hover .btn-orange,
.pricing-tables:hover .btn-orange:hover {
    background: var(--link-font) !important;
}

.upfrontCompare .pricing-tables:hover .header {
    background: var(--link-font) !important;
}


.breadcrumbs,
.breadcrumbs a {
    color: var(--link-font);
    transition: color .05s, fill .5s;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: #4e4d4d
}


/* BREADCRUMBS LIST */
ol.breadcrumbs_list {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
}

ol.breadcrumbs_list * {

}

ol.breadcrumbs_list li span:not(.hidden),
ol.breadcrumbs_list li a,
ol.breadcrumbs_list li {
    display: inline-block;
    line-height: 1.1;
    color: #FFF;
}

ol.breadcrumbs_list li a span.hidden {
    display: none !important;
}

ol.breadcrumbs_list li:after {
    content: '\e315';
    padding: 0 2px;
    box-sizing: border-box;
    color: hsl(0deg 0% 0% / 30%) !important;
    font-family: pagaqui;
    font-size: 17px;
    top: 2px;
    position: relative;
}

ol.breadcrumbs_list li:last-child:after {
    content: '';
    padding: 0;
    font-size: 0;
}

/* PAGES */
body.pages {
    background: #FFF;
}

body.pages .main_wrapper {
    padding: 10px 20px 40px 20px;
}

body.pages .breadcrumbs {
    position: relative;
    z-index: 100;
    padding-top: 0px;
    margin-top: 124px;
}

body.pages .editor__savebar {
    margin-top: 124px;
}

body.pages .omw-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body.pages.support .breadcrumbs {
    display: none;
}

body.pages.landing .navbar {
    box-shadow: none;
}

body.pages.landing .main_wrapper {
    padding-top: 60px;
}

body.pages.landing .breadcrumbs {
    padding-top: 40px;
}

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);
}

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;
}

ol.pages_hotlinks {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: inherit;
    margin-top: 20px;
    display: inline-block;
    border: 1px solid var(--btn-light);;
    border-radius: var(--btn-radius-medium);
    overflow: hidden;
}

ol.pages_hotlinks li {
    width: auto;
}

ol.pages_hotlinks li:not(:last-child) {
    border-bottom: 1px solid var(--btn-light);
}

ol.pages_hotlinks li a {
    display: inline-flex;
    width: 100%;
    padding: 8px 20px;
    color: var(--link-font);
    box-sizing: border-box;
    align-items: center;
    text-decoration: none;
}

ol.pages_hotlinks li a:hover,
ol.pages_hotlinks li a.active,
ol.pages_hotlinks li a.focus {
    color: var(--link-font-hover);
}

body.pages .main_wrapper h1,
body.pages .main_wrapper h2 {
    margin: 30px 0 20px;
}

body.pages .main_wrapper h1 {
    font-weight: 700;
}

body.pages .main_wrapper h2 {
    font-weight: 600;
}

body.pages .main_wrapper li,
body.pages .main_wrapper p {
    line-height: inherit;
}

/* Overwrite main colors of page content */
body.pages .main_wrapper a * {
    color: var(--link-font);
}

body.pages .main_wrapper a:hover * {
    color: var(--link-font-hover);
}

body.pages .cta-snippet {
    padding: 40px;
    background: var(--medium-background);
    border-radius: var(--btn-radius-small);
    text-align: center;
}
body.pages .cta-button {
    border-radius: var(--btn-radius);
    padding: 14px 60px;
    background: var(--btn-primary);
    border-color: var(--btn-primary);
    font-weight: 600;
}

/************************************
    BIG ROW BEFORE FOOTER
    FOOTER
*************************************/
#bottom {
    background-color: #efefef;
    padding-bottom: 40px;
}

#bottom h4 {
    font-size: 40px;
    line-height: 48px;
    color: #4e4d4d;
    margin-top: 34px;
    margin-bottom: 34px
}

.locationlinks a {
    font-size: 16px;
    color: #000;
    padding: 10px 20px;
}


#footer {
    min-height: 60px;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    padding-top: 80px;
    background: var(--site-header-background);
}

#footer #footer_menu {
    display: flex;
}

body:not(.active-footer) .invisible_footer {
    display: none !important;
}

.nav_footer {
    float: left;
    min-height: 150px;
    margin-left: 40px;
    margin-top: 50px;
}


.nav_footer:first-child {
    margin-top: 0px;
    margin-left: 0;
    margin-right: 40px;
}

.nav_footer li a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 4px 6px 3px 15px;
    transition: color 0.05s linear;
    line-height: 24px;
}

.nav_footer li:first-child {
    height: 50px;
}

.footer_title {
    color: #6c6c6c;
    margin-bottom: 22px;
    margin-top: 8px;
    font-style: italic;
    font-size: 18px;
}

#footer a {
    color: var(--footer-color);
    font-weight: 400;
}

.footer_title.imoveis {
    margin-bottom: 15px;
}

#footer .footer_title > a {
    margin-bottom: 10px;
    color: var(--footer-color);
    white-space: nowrap;
    font-weight: 500;
}

@media (hover: hover) {
    #footer a:hover {
        color: var(--footer-color);
        text-decoration: underline;
        text-underline-position: under;
    }
}


#footer p {
    font-size: 11px;
}

.copyright {
    padding: 30px 15px 120px 15px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    background: var(--site-header-background);
}

.copyright a {
    color: var(--footer-color);
    text-decoration: underline;
}
.copyright a:active,
.copyright a:hover {
    opacity: .9;
}

.footericons img {
    height: 40px;
}

.footericons img:hover {
    opacity: 0.8;
}

.footericons img:first-child {
    margin-right: 20px
}

body.login .copyright {
    display: none
}


.batch {
    padding: 1px 4px;
    color: #FFF !important;
    display: inline-block;
    border-radius: 1px;
    min-width: 60px;
    text-align: center;
}


/***********************************
 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
 **********************************/
#jalert_overlay,
.background_animated {
    transition: background-color 0.2s linear;
}

#jalert_container {
    min-width: 320px;
    max-width: 600px;
    color: #333;
    border-radius: 5px;
    box-shadow: 0 0 20px #333333;
    background: #fff;
    padding: 10px;
    outline: 0;

    text-align: center;
}

#jalert_content {
    padding: 1em 1.4em;
    margin: 0em;
}

#jalert_content.alert {

}

#jalert_content.confirm {
}

#jalert_content.prompt {
}

#jalert_message {
    font-size: 18px;
    line-height: 20px;
}

#jalert_panel {
    margin-top: 30px;
}

#jalert_prompt {
    margin: .5em 0em;
    border: 1px solid #CCC;
}
/* hacks */

#jalert_panel input,
#jalert_panel button {
    margin: 0px;
    width: auto;
    height: auto;
    min-width: 70px;
    outline: none;
    padding: 0 20px;
}

#jalert_panel button + button {
    margin-left: 10px;
}

#jalert_title {
    font-size: 22px;
    font-weight: bold;
    margin: 10px;
    text-shadow: 1px 1px 0px #fff;
    color: #333;
    text-align: center;
}

/***********************************
 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: 18px;
    vertical-align: middle;
    min-height: 36px;
    min-width: 42px;
    border-radius: var(--btn-radius);
    background-color: var(--link-font);
    color: #FFF;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
    background-color: #333;
    text-decoration: none;
    color: #fff;
}

.pagination ul > li.status {
    display: none;
    margin-right: 0;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #fff !important;
    border: 1px solid #447ae4;
    color: #447ae4;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    cursor: default;
}

.pagination ul > li > a > i {
    font-size: 30px;
    position: absolute;
    top: 3px;
    right: 10px;
}

.pagination ul > li.next {
    margin-left: 10px;
    margin-right: 0;
}

.pagination ul > li.back {
    margin-right: 15px;
}

.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
}

.profile_page .pagination ul > li.next a,
.profile_page .pagination ul > li.back a {
    display: inline;
}

.pagination ul > li.status a {
    background: none;
    color: #333;
    font-weight: 500;
}

/***********************************
 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: #FFF;
    color: #444;
}

.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;
}

.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 .navbar {
    /*display: none;*/
}

.popup_mode #closed_info {
    padding: 20px;
    text-align: center;
}

/* 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: #fff;
}

.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: 0 0 50px #333333;
    *border: 8px solid #999; /* IE 7 fix */
    *background: #777;
    *padding: 2px
}

.popup_close,
#popup_close {
    position: absolute;
    right: 7px;
    top: 2px;
    font-size: 30px;
    cursor: pointer;
    color: #8D8D8D;
    z-index: 100000;
}

#popup_close:hover,
.zoom_hover:hover {
    color: #333
}

.small_popup {
    position: absolute;
    background: #FFF;
    border: 1px solid #CCC;
    margin-top: 1px;
    margin-left: -272px;
    width: 240px;
    height: 125px;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    padding: 13px;
    color: #222;
}

.small_popup textarea {
    width: 230px;
    height: 50px;
    font-family: consolas, tahoma, arial;
    font-size: 11px;
    margin: 5px 0 10px 0
}

.rounded_s {
    border-radius: 2px;
}

.rounded {
    border-radius: 5px;
}

.popup_content.rounded {
    border-radius: 5px;
    overflow: hidden
}

.shadow {
    box-shadow: 0px 1px 3px #CCC;
}

.shadow_small {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.shadow_wide {
    box-shadow: 0 0 50px #333333;
    *border: 8px solid #999; /* IE 7 fix */
    *background: #777;
    *padding: 2px
}


.shadow_white {
    box-shadow: 0px 0px 10px #FFF;
}

.shadow_inset {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.51);
}

.shadow_box {
    box-shadow: 0 0 10px 4px #0000000d, 0 0 10px #0000000d;
}

.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
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.ml0 {
    margin-left: 0
}

.ml3 {
    margin-left: 3px
}

.ml5 {
    margin-left: 5px
}

.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
}

.pb15 {
    padding-bottom: 15px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pl10 {
    padding-left: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}


.pt5 {
    padding-top: 5px;
}

.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
}

.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: bold;
}

.nob {
    font-weight: normal;
}

.border {
    border: 1px solid red;
}

.nb {
    border: none !important;
}

.nbck {
    background: none !important;
}

.normal {
    font-style: normal;
}

.color-inherit {
    color: inherit !important
}

.sss {
    font-size: 11px;
}

.ss {
    font-size: 13px;
}

.s {
    font-size: 15px;
}

.nor {
    font-size: 16px;
}

.smed {
    font-size: 18px;
}

.med {
    font-size: 20px;
}

.icon.med {
    position: relative;
    top: 2px
}

.large {
    font-size: 23px;
}

.icon.large {
    position: relative;
    top: 3px
}

.big {
    font-size: 26px;
}

.huge {
    font-size: 40px;
}

.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,
#search_service.no_bradius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.no_bright {
    border-right: none
}

.no_bleft {
    border-left: none
}

.top0 {
    top: 0 !important
}

.hidden,
.hide,
.show_xs,
.show_s {
    display: none;
}

.hide_s {
    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;
}

.z100 {
    z-index: 100;
}

.noheight {
    min-height: 0px !important;
    height: 0px !important;
}

.heighti {
    min-height: inherit !important;
    height: inherit !important;
}

.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: #8d9494;
}

.lg {
    color: #c4c4c4;
}

.dg {
    color: #555;
}

.wbck {
    background: #FFF;
}

.img-circle {
    border-radius: 50%;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after,
.nav-tabs:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after,
.nav-tabs:after {
    clear: both;
}

.hl {
    background: #EEE89E;
}

.gback {
    background: var(--alternative-background);
}

.lgback {
    background: var(--light-background);
}

.purple {
    color: #ffaf00;
}

.red {
    color: red
}

.blue {
    color: var(--link-font)
}

.orange {
    color: #F19F53;
}

.black {
    color: #000;
}

.white {
    color: #FFF;
}

.dgreen {
    color: var(--link-font)
}

.rback {
    background: #ffa399;
}

label.nob {
    font-weight: normal;
}

.loggedin .icon-color-mode {
    right: 0px !important;
}

.requestPopupBackground {
    background: rgba(0, 0, 0, 0.8) !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    z-index: 99999;
}

.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,
.popup_content .icon-remove:before {
    content: '\00d7';
    top: -6px;
    position: relative;
    left: 0px;
}

.requestPopup #popup_close:hover {
    color: #999
}

.requestPopup #popup_close {
    top: 0;
    right: 15px;
    font-size: 38px;
    color: #cacaca;
    z-index: 1;
}

.requestPopup .opening #popup_close {
    color: #FFF
}

.requestPopup {
    max-width: 590px;
    background: #fafafa;
    transition: top 0.2s, bottom 0.2s;
}

.requestPopup #back {
    color: var(--link-font);
    font-size: 18px;
    position: relative;
    left: 20px;
    top: 10px;
    padding-bottom: 20px;
    text-align: right;
    cursor: pointer;
    opacity: 0.75;
}

.requestPopup #back::after {
    position: absolute;
    content: '\e617';
    font-family: pagaqui;
    left: -18px;
    font-size: 24px;
    opacity: 0.75;
    top: 0
}

.requestPopup #back:hover {
    opacity: 1;
}

.opening #back {
    color: #FFF;
    margin-bottom: 0;
    top: -10px;
}


.popup_mode .Zebra_DatePicker {
    z-index: 10000
}


.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;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: YouTubePopUp;
}


@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body.logged-in .YouTubePopUp-Wrap { /* For WordPress */
    top: 32px;
    z-index: 99998;
}


/*******************/
.videoPopup {
    display: inline-block;
    overflow: hidden;
    padding: 65px 15px;
    font-size: 14px;
    color: #fff;
}

.videoPopup p {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    bottom: -10px;
    background: #4db494;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    box-sizing: border-box;
    text-align: center;
}

.videoPopup img {
    width: 180px;
    top: -18px;
    position: absolute;
    left: 0
}

.videoPopup::before {
    content: '\e635';
    font-family: pagaqui;
    color: rgba(255, 255, 255, 0.9);
    position: absolute;
    left: calc(50% - 25px);
    top: 0px;
    z-index: 1;
    font-size: 50px;
    padding-left: 1px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6)
}

.videoPopup:hover {
    border: none;
    color: #4db494;
}

.videoPopup:hover::before {
    color: #4db494;
}

.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 {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: YouTubePopUpHide;
}

section.section.testimonial-section {
    background-color: #52ac94;
}

.testimonial-section .slick-list.draggable {
    margin: 0 65px 0 65px;
}

.testimonial-section .slick-dots li.slick-active button:before, .slick-dots li button:before {
    color: #447ae4;
    font-size: 14px;
}

active:hover button:before, .slick-dots li:hover button:before {
    font-size: 20px;
    transition: .1s font-size;
}

.t_block {
    min-height: 200px;
    background: #ffffff;
}

.testimonial-text {
    background: #fff;
    padding: 15px 20px 15px 20px;
    min-height: 100% !important;
}

.testimonial_content .testimonial-text h5 {
    text-align: left;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0
}

.testimonial-image {
    position: relative;
}

.testimonial-image img {
    border-radius: 6px;
    object-fit: contain;
    width: calc(100% - 20px);
}

.testimonial_content .testimonial-text {
    margin-left: 0 !important;
    height: auto !important;
    background: #efefef;
    padding: 0 10px 10px;
}

.t_block {
    background: #efefef;
    border-radius: 10px;
    line-height: 24px;
    padding: 15px;
}

.landing .testimonial-section .slick-slide {
    max-height: 999px;
}

.testimonial-image iframe.animated.fadeIn.shadow {
    width: 100%;
}

.banner_wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: 0;
}

.banner_sold {
    position: absolute;
    -webkit-transform: rotate(323deg) skew(0deg);
    -moz-transform: rotate(323deg) skew(0deg);
    -o-transform: rotate(323deg) skew(0deg);
    writing-mode: lr-tb;
    z-index: 1;
    background: #fdc030;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100px;
    left: -19px;
    top: 14px;
}

.testimonial-section .container-fluid {
    max-width: 1200px;
}

.testimonial-section .slick-dots {
    bottom: -80px;
}

.testimonial-text span {
    font-size: 18px;
    line-height: 22px;
}

.testimonial-section .row-fluid:not(.nopadding) {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.testimonial-section .slick-prev, .slick-next {
    width: 30px;
}

.iti {
    display: block !important;
}

@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;
}

.YouTubePopUp-Close:hover {
    opacity: 0.5;
}

.popup_content form#schedule_confirm .confirm_radio.span12 {
    display: flex;
    flex-direction: column;
}

.popup_content form#schedule_confirm .confirm_radio .span5 {
    margin-left: 0px;
}

.popup_content .schedule_popup strong {
    font-weight: bold;
}

#calendar button:focus,
#calendar .btn-primary:focus,
#calendar button:hover,
#calendar .btn-primary:hover {
    background-repeat: repeat;
    background-image: none;
}

.remaining-content a.morelink {
    font-weight: bold;
    color: var(--link-font);
    cursor: pointer;
}

.remaining-content span {
    display: none;
}

@media all and (max-width: 768px) and (min-width: 10px) {

    .visit_online_text {
        margin-top: -10px !important;
    }

    .visit_btn_div {
        padding: 10px 0px 15px !important;
        display: flex !important;
    }

    .YouTubePopUp-Content {
        max-width: 90%;
    }

    .property-type .icon {
        font-size: 100px;
        display: block;
    }
}

@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;
    }

    #upload_attachment_button {
        margin-left: 20%;
    }

    .property-type .icon {
        font-size: 50px;
        display: block;
    }
}

/************************************
    ANIMATIONS
************************************/
.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat);
}

.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animated.delay-025 {
    animation-delay: .25s;
}

.animated.delay-03 {
    animation-delay: .3s;
}

.animated.delay-05 {
    animation-delay: 0.5s;
}

.animated.delay-1 {
    animation-delay: 1s;
}

.animated.delay-2 {
    animation-delay: 2s;
}

.animated.delay-3 {
    animation-delay: 3s;
}

.animated.faster {
    animation-duration: calc(var(--animate-duration) / 2);
}

.animated.fast {
    animation-duration: calc(var(--animate-duration) * 0.8);
}

.animated.half,
.animated.slow {
    animation-duration: calc(var(--animate-duration) * 2);
}

.animated.slower {
    animation-duration: calc(var(--animate-duration) * 3);
}

/* Disable animations if user disabled motions in browser */
/*
@media print, (prefers-reduced-motion: reduce) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important;
    }

    .animated[class*='Out'] {
        opacity: 0;
    }
}
*/

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-duration: calc(var(--animate-duration) * 0.75);
    animation-name: bounceIn;
}

.zoomIn {
    animation-name: zoomIn;
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX;
    animation-delay: .0s;
    animation-fill-mode: both;
    animation-duration: .5s;
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -30px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -5000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    100% {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}


@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}


@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}


.icon-spinner,
.loader::before {
    animation: spin 2s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}


.bounceOut {
    animation-name: bounceOut;
}

.map_pass {
    position: relative;
}

.map_pass img {
    position: relative;
}

.map_pass > a {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    padding: 5px 15px;
    top: 7px;
    right: 7px;
    border-radius: 5px;
}

.scroll_fix {
    width: 25.5%;
    height: 20px;
    background: #fff;
    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
}

.btn_hide {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.leadphoto {
    width: 30px;
    border-radius: 50%
}

.leadphotoli {
    position: relative;
    display: inline;
}

.closeleadphoto, .review_pro {
    width: 45px;
    border-radius: 50%
}


.account .navbar-fixed-top {
    position: fixed;
}

.landing #mobile_call_button .icon-phone {
    font-size: 25px;
    padding: 0 10px
}

#clicked_call_phone .icon-phone {
    margin-right: 15px;
}

.gen-aside-menu-list li {
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.landing .logo_img {
    height: 50px;
    vertical-align: top;
    padding-top: 10px;
}


.landing a {
    cursor: pointer;
}

.gen-aside-menu-item {
    font-weight: 600;
    color: #ffffff;
    border-radius: 8px;
    min-height: 36px;
}

.landing .page-header1 {
    position: relative;
    min-height: 780px;
    padding: 0;
    overflow: hidden
}

.landing .page-header1::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    display: block;
    height: 100%;
    bottom: 0;
    /*background-image: url('/assets/images/homepage_background.jpg');*/
    background-position: 47% top;
    background-size: cover;
    background-repeat: no-repeat;
    /*opacity: 0.7;*/
    z-index: 0;
    object-fit: contain;
    /*background: #3e8ee7;*/
}


.landing section.section.testimonial-section {
    /*background-image: linear-gradient(to bottom, rgba(54, 84, 90, 0.5), rgba(255, 255, 255, 0.8)), url('/assets/images/bannerImg2.jpg');*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background: #fff;
}

.landing .how_much_save_main {
    /*background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2), rgba(64, 116, 165, 0.8)), url('/assets/images/bannerImg4.jpg');*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.landing .icon-users, .landing .icon-statistic, .landing .icon-proicon, .landing .icon-coin-dollar {
    font-size: 44px;
    opacity: 0.3;
}

.landing .usp-icon {
    display: inline;
}

.landing #user_phone {
    max-width: 250px;
}

.landing .searchPropertyButton {
    font-size: 15px;
    background-color: rgb(199, 27, 0);
    color: #ffffff;
    border-radius: 5px;
}

.landing .freeValuationButton {
    font-size: 15px;
    background-color: var(--pagaqui-yellow);
    color: #333;
    border-radius: 5px;
    font-weight: 600;
    min-height: 36px;
    width: 210px;
}

.landing .freeValuationButton:hover {
    background-color: #ffff9b;
    color: #000000;
}

.landing .freeValuationButton_screen {
    font-weight: 500;
    font-size: 25px;
    background-color: var(--pagaqui-yellow);
    color: #000000;
    border-radius: 5px;
    padding: 10px 30px;
    box-shadow: 1px 1px 12px 3px rgba(22, 37, 47, 0.45);
}

.landing .pagaqui_icon_home {
    background: url('/img/home_icon_mobile.png?x=f1');
    width: 230px;
    height: 200px;
    margin: auto;
    margin-top: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.landing .loginButton {
    font-size: 15px;
    background-color: rgb(0, 148, 235);
    color: #ffffff;
    border-radius: 5px;
    border-color: rgb(0, 148, 235);
}

.landing .contactFormDiv {
    max-width: 420px;
    margin: auto;
    position: absolute;
    top: 190px;
    left: calc(50% - 210px);
    z-index: 2
}

.landing .homePageTitle {
    position: absolute;
    padding-left: 20px;
    top: 30px;
    font-size: 20px;
    color: #FFFFFF;
    display: inline-block;
}

.landing .contactFormInnerDiv {
    box-shadow: 1px 1px 16px 5px rgba(22, 37, 47, 0.45);
    background-color: #ffffff;
    border-radius: 10px;
    padding: 35px 40px;
    text-align: left;
    line-height: 2.5em;
}


.mob_pad_10 h2 {
    font-size: 36px;
}

.landing .contactFormInnerDiv p {
    color: #a0a3ad;
    font-size: 15px;
    line-height: initial;
    padding-bottom: 10px;
}


.landing .alert-error {
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
    vertical-align: middle;
    background: var(--pagaqui-yellow);
    color: #000;
}

.landing .alert-error ul li {
    line-height: 16px
}

.landing .alert-error ul li + li {
    padding-top: 8px
}

.landing .contact_form-next {
    display: block;
    text-align: center;
}

.landing .howMuchSaveTitleDiv {
    max-width: 100%;
    margin-left: 0;
    text-align: center;
}

.landing .howMuchSaveTitleDiv p {
    font-size: 18px;
}

.landing .howMuchSaveTitleDiv h2 {
    font-size: 38px;
    color: var(--link-font);
    margin-bottom: 30px;
    font-weight: 300;
}

.landing .howMuchSaveOuterDiv {
    background-color: #fff;
}


.landing .howmuchsave .leftside {
    background-color: #3e8ee7;
    color: #fff;
    padding: 15px;
}

.landing .howmuchsave #sp_output, .landing .howmuchsave #pt_output {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
}

.landing .cta-btn {
    font-size: 18px;
    font-weight: 600;
    padding: 8px 50px;
    width: 550px;
    margin-bottom: 12px;
}

.landing .howmuchsave .price, .landing .howmuchsave .commission {
    padding: 10px;
    margin: 0px;
    min-height: 150px;
}

.landing .howmuchsave .input-slider {
    margin: 0 auto 0.8rem auto;
}

.landing .howmuchsave .input-slider .noUi-handle {
    top: -8px;
    width: 35px;
    height: 25px;
    background-color: transparent;
    background-image: url('/assets/images/diamond.png?x=f1');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: unset;
}

.landing .howmuchsave .rightside {
    background-color: var(--link-font);
    width: 40%;
    padding: 15px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.landing .howmuchsave .rightside hr {
    border-color: #ffffff;
}

.landing .howmuchsave .rightside .saveResultDiv {
    height: 80%;
    padding-top: 5%;
    padding-bottom: 2%;
}

.saveLabel {
    float: left;
    text-align: left;
    height: 65%;
}

.saveValue {
    float: right;
    text-align: left;
    height: 65%;
}

.landing .howmuchsave .input-slider .icon {
    color: var(--pagaqui-yellow);
}

.landing .input-slider .noUi-connect {
    background-color: var(--pagaqui-yellow);
}

.landing .howMuchSaveOuterDiv .freeValuationButton {
    font-size: 20px;
    font-weight: 600;
}

.landing .conditionsDiv {
    font-weight: normal;
    padding-top: 10px;
}

.btn.contactFormHomeSubmit {
    font-size: 20px;
    width: 100%;
    margin-top: 20px;
    padding: 8px;
}

label[for="contact_form_privacy_0"] {
    margin-top: 25px
}

.property_view h3, .property_view h2 {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin: 1rem 0rem 0.5rem 0rem;
}

/***********************************
 RESPONSIVE
***********************************/
@media (min-width: 1440px) {
    section.headline {
        min-height: 600px;
    }
}

@media screen and (min-width: 1028px) {

    .section.testimonial-section {
        padding: 2rem calc(49.9% - 614px + 2rem) 5rem;
    }

    .landing .page-header1 {
        padding: 0;
    }

    .landing .page-header1-images {
        right: 5%;
    }

    body.pages .main_wrapper {
        padding: 30px 0 40px 0;
        padding-top: 40px;
    }

    body.pages .breadcrumbs {
    }

}

/*  DESKTOP
    TABLET HORIZONTAL
*/
@media (max-width: 1024px) {
    .container-fluid {
        max-width: calc(100% - 40px);
    }
    html.navbar-fixed body.landing .header-navbar #logo {
        left:10px;
    }
}

@media (min-width: 980px) {

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

    .span12 {
        width: 1170px;
    }

    body.property_view .span12 {
        width: 980px;
    }

    .span9 {
        width: 860px;
    }

    .span8 {
        width: 770px;
    }

    .span6 {
        width: 540px;
    }

    body.property_view .span6 {
        width: 450px;
    }

    .span4 {
        width: 370px;
    }

    .span3 {
        width: 280px;
    }

    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .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.564102564102564%;
        margin-left: 2.127659574468085%;
        *margin-left: 2.5109110747408616%;
        -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%;
        *width: 99.94680851063829%;
    }

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

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

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

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

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

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

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

    .row-fluid .span4 {
        width: 31.8159993617021278%;
        *width: 31.861702127659576%;
    }

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

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

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

    input,
    textarea {
        margin-left: 0;
    }

    #showcase .item img {
        -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }

    .headerimage_container {
        height: 300px
    }


}


/* TABLET VERTICAL */
@media (min-width: 768px) and (max-width: 979px) {


    #create_form_fields label {
        white-space: nowrap;
    }

    .row-fluid:not(.nopadding) {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    [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%;
        *zoom: 1;
    }

    .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%;
        *margin-left: 2.709239449864817%;
        -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%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.43646408839778%;
        *width: 91.38327259903608%;
    }

    .row-fluid .span10 {
        width: 82.87292817679558%;
        *width: 82.81973668743387%;
    }

    .row-fluid .span9 {
        width: 74.30939226519337%;
        *width: 74.25620077583166%;
    }

    .row-fluid .span8 {
        width: 65.74585635359117%;
        *width: 65.69266486422946%;
    }

    .row-fluid .span7 {
        width: 57.18232044198895%;
        *width: 57.12912895262725%;
    }

    .row-fluid .span6 {
        width: 48.61878453038674%;
        *width: 48.56559304102504%;
    }

    .row-fluid .span5 {
        width: 40.05524861878453%;
        *width: 40.00205712942283%;
    }

    .row-fluid .span4 {
        width: 31.491712707182323%;
        *width: 31.43852121782062%;
    }

    .row-fluid .span3 {
        width: 22.92817679558011%;
        *width: 22.87498530621841%;
    }

    .row-fluid .span2 {
        width: 14.3646408839779%;
        *width: 14.311449394616199%;
    }

    .row-fluid .span1 {
        width: 5.801104972375691%;
        *width: 5.747913483013988%;
    }

    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;
    }

    .span8.testimonial-text {
        margin-left: 0;
        width: 67.5%;
    }
}

/*  TABLET VERTICAL
    PHONE
 */
@media (max-width: 994px) {
    .block_text {
        margin-right: 13% !important;
        margin-left: 13% !important;
    }

    .mob_pad_10 {
        padding: 0px;
    }


    .account_box i.icon.icon-camera.op5 {
        font-size: 0.3em;
    }

    a.select_photo.pa.hide {
        top: 39% !important;
        left: 42% !important;
    }

    .row-fluid:not(.nopadding) {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .small_header #logo {
        display: inline-block;
    }

    /* disable flipin because of flickering */
    .flipInX {
        animation-name: none;
    }

    .social_login .btn {
        font-size: 15px;
    }

    .profile_images,
    #gallery_wrapper,
    .profile_images,
    #videos_wrapper,
    #audios_wrapper {
        text-align: center;
        margin: 0 !important;
    }

    #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;
    }

    /**/
    .flex .col {
        margin: 0 30px
    }

    #footer #footer_menu {
        justify-content: space-between;
    }

    .nav_footer {
        margin-bottom: 20px;
        padding-right: 0;
        margin-left: 0;
        margin-top: 20px;
        margin-right: 0px !important;
    }

    .nav_footer.block3 li {
        margin-right: 0 !important;
        text-align: left !important;
    }

    .nav_footer li a {
        text-align: left;
        box-sizing: border-box;
    }

    #footer .footer_title > a {
        padding-left: 5px;
    }

    #footer_logo {
        right: 0 !important;
        margin-bottom: 30px !important;
    }

    .nav_footer i.icon {
        float: left;
        margin-left: 0;
        margin-right: 15px;
        position: relative;
    }

    .nav_footer:last-child {
        padding-left: 0
    }

    .nav_footer i.icon-globe {
        top: -23px !important;
        left: -3px;
        z-index: 1 !important;
    }

    .nav_footer #lang {
        padding-left: 25px
    }

    .nav_footer .footer_title {
        margin-left: 10px;
        margin-top: 30px;
    }

    .evaluation_form {
        width: 100% !important;
        padding: 15px !important;
    }

    .landing #logo_popup {
        float: none !important;
    }

    #packages_content .packages_block {
        display: inline-flex;
        flex-direction: column;
    }

    #packages_content .package {
        max-width: 100%;
        min-width: auto;

    }

    
    #packages_content .package + .package {
        margin-left: 0
    }
}


@media (max-width: 895px) {
    .block_text {
        margin-right: 6% !important;
        margin-left: 6% !important;
    }

    .visit_logo_popup {
        margin: 10px 0px !important;
    }

    .modal_content_visit {
        padding: 0px !important;
    }

    .testimonial-section .slick-list.draggable {
        margin: 0 40px 0 40px;
    }

    a.select_photo.pa.hide {
        left: 41% !important;
        top: 31% !important;
    }
}


/* PHONE */
@media (max-width: 767px) {
    .visit_btn_div {
        width: 100% !important;
    }

    .img_view {
        min-height: 300px !important;
    }

    .property_div {
        width: 100% !important;
    }

    .modal_content_visit {
        padding-left: 0px !important;
    }

    .modal_content {
        width: 70% !important;
        margin-left: 15% !important;
        top: 6% !important;
    }

    .testimonial_slide .slick-list.draggable {
        height: auto !important;
    }

    .testimonial-text {
        padding: 15px 20px 15px 20px;
    }

    a.select_photo.pa.hide {
        top: 30%;
        left: 49%;
    }

    .avatar {
        width: 70px;
    }

    #slider {
        max-width: 100%;
        max-height: 350px;
        margin-top: -140px;
    }

    #slider img,
    #sliderOverlay {
        height: auto;
        min-width: 900px;
    }

    #nav_info {
        display: none
    }

    .show_xs {
        display: block
    }

    #subline {
        margin: 0;
    }

    .container-fluid {
        padding: 0px;
    }

    section.headline .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .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;
    }

    #packages .span2 {
        width: 100%;
        margin: 0
    }

    .packages_group {
        padding: 0;
    }

    .btn i.icon {
        display: none;
    }

    body.home .nav_menu {
        display: none;
    }

    /*
    body.home .navbar .icon-menu {
        display: block;
        top: 20px;
        right: 15px;
        color: #ccc
    }

    body.home .navbar-fixed-top {
        height: 84px !important;
    }
    */

    body.home #logo {
        background: url(/img/logo600.png?x=f2) no-repeat;
        width: 260px;
        height: 65px;
    }


    .categories_group {
        padding-top: 20px;
    }


    .nav-tabs > li > a {
        border-left: transparent;
    }

    #register_container {
        border: none;
        padding-left: 0 !important;
    }

    .social_login .btn {
        font-size: 17px;
    }

    .social_login .img-circle {
        margin-left: 0 !important;
        position: relative;
    }


    .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 {
        margin-top: -10px;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .account_box {
        text-align: center !important;
    }

    .account_box h4 {
        padding-left: 10px;
    }

    .basic_overview {
        width: inherit;
    }

    .basic_overview div.table {
        table-layout: auto;
    }

    .pricing-tables .none {
        display: none;
    }

    .upfrontCompare .pricing-tables .price-wrap {
        height: auto
    }

    .show_s {
        display: block
    }

    .hide_s {
        display: none !important;
    }

    div.empty:empty {
        display: none;
    }

    #submenu_multimedia > li.active > a {
        border-left: 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;
    }

    #createform #photo_selector[data-phototype="profile"]:after {
        left: 70px;
        top: -29px;
        border-color: rgba(51, 51, 51, 0);
        border-bottom-color: #333;
    }

    #createform #photo_selector {
        margin-top: 15px
    }

    #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;
        background: rgba(0, 0, 0, 0.3);
        padding: 10px;
        margin: -10px;
        border-radius: 50%;
    }

    #camera a,
    #camera a i.icon-camera {
        padding: 10px 12px 16px 12px;
        margin: -10px -12px -16px -12px;
    }

    .copyright {
        padding-bottom: 120px;
    }

    .flex .col {
        width: 100%;
        text-align: center;
    }

    .flex .col .cat {
        text-align: left;
        margin: 0 20%
    }


    .landing .popup_slider_content .img_title {
        display: none
    }

    .landing section.fullsize-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .publish_property .images_block {
        margin: 0 !important;
        margin-bottom: 15px !important;
    }


    .nav_footer li a {
        padding: 10px 20px;
        border-bottom: 1px solid #ffffff17;
    }

    #footer #footer_menu {
        flex-direction: column;
    }


    .testimonial-image img {
        width: 100%;

    }

    .testimonial {
        height: auto !important;
        margin-bottom: 20px;
    }

}

/* PHONE */
@media (max-width: 740px) {
    .news_logo {
        width: 25% !important;
        margin: 0px 5px !important;
    }

    .requestPopupBackground::before {
        right: 2px;
        top: 2px;
        font-size: 30px;
    }

    a.select_photo.pa.hide {
        left: 49% !important;
    }

}

/*  PHONE */
@media (max-width: 660px) {

    .modal_content_visit {
        width: auto !important;
        margin-left: 0% !important;
        top: 0% !important;
    }

    .nav-collapse {
        clear: both;
        height: 0;
        overflow: hidden;
    }

    .navbar .icon-menu {
        display: block;
    }

    body.create.loggedin .nav-collapse {
        height: auto
    }

    .navbar-fixed-top .icon-color-mode {
        display: none
    }

    .nav_menu {
        width: 100%;
        background: #fff;
        height: auto;
        left: 0 !important;
        position: fixed;
        display: none
    }

    .nav_menu ul li {
        float: none;
        width: 100%;
        display: inline-block;
        margin-bottom: 1px;
        background: #ebebeb
    }

    .nav_menu ul li a {
        float: none;
        text-align: center;
        padding: 20px;
        color: #606678;
        text-align: center;
    }


    .nav-tabs > li > a {
        padding: 18px 15px;
    }

    #attributes #contact,
    .submitform.btn:not(.inbox) {
        width: 100%;
    }

    #login_container input {
        max-width: 100%;
    }

    .pagination ul {
        min-height: 36px;
    }

    .pagination ul > li {
        display: none;
    }

    .pagination ul > li.status,
    .pagination ul > li.b2s {
        display: inline-block;
        white-space: nowrap;
        margin: 0 2%;
        width: 16%;
    }

    .pagination ul > li.back,
    .pagination ul > li.next {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        float: left;
        width: 40%;
    }

    .pagination ul > li.next {
        float: right;
    }

    .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
    }

    #me_mobile_link {
        display: block;
        position: absolute;
        right: 100px;
        top: 4px;
        z-index: 10000;
        border: none;
        width: 44px
    }

    body.account #me_mobile_link,
    body.create #me_mobile_link {
        right: 10px
    }

    .pagination ul > li.b2s > a > i {
        left: 0
    }


    #adminlogin {
        left: 20px;
        right: auto !important;
    }

    .btn_hide {
        display: block;
        z-index: 1;
        width: 100%;
    }

    .links p a {
        margin-left: 3%;
    }

    a.select_photo.pa.hide {
        left: 49% !important;
    }

    .landing .page-header1::after {
        background-position: 47% top;
    }

    .landing .page-header1 {
        min-height: 720px;
        padding-bottom: 30px;
    }


    .landing section.section.usps .homeDiv {
        margin-bottom: 20px;
        text-align: center;
        margin-left: 0;
        margin-top: 40px;
        width: 100%;
    }


    .cookie_action {
        margin-left: 5px;
    }

    .cookie_consent {
        width: 100%;
    }

    .packages_toggle, .simulator_toggle {
        border: 2px solid var(--pagaqui-magenta);
        border-radius: 10px;
        overflow: hidden;
    }

    .packages_toggle .btn, .simulator_toggle .btn {
        width: 100%;
        border-radius: 0;
    }


}

@media (min-width: 550px) {

    .landing .page-header1 {
        overflow: visible;
    }
}

@media (min-width: 550px) AND (max-width: 767px) {
    .landing .contactFormDiv {
        left: calc(50% - 200px);
        top: 200px;
    }
}

/*  PHONE VERTICAL */
@media (max-width: 550px) {
    .modal_content {
        width: 100% !important;
        margin-left: 0% !important;
        top: 0% !important;
        height: 100%;
        padding-top: 5%;
    }

    .cookie-consent mfooter {
        flex-direction: column;
    }

    .cookie-consent mfooter .btn {
        width: 100%;
    }

    .cookie-consent mfooter .btn + .btn {
        margin-top: 10px;
    }


    .popup_content .schedule_popup a {
        width: -webkit-fill-available;
    }

    .news_logo {
        width: 45% !important;
        margin: 0px 5px !important;
    }

    .testimonial-section .slick-list.draggable {
        margin: 0 10px 0 10px;
    }

    .s {
        font-size: 13px;
    }

    /* hover effect is not fine on mobile */
    input[type="checkbox"] + span:hover:before {
        background: none
    }

    body.home .navbar-fixed-top {
    }

    body.home .navbar-inner .container-fluid {
        height: 160px;
    }

    body.home .nav_menu {
        background: rgba(0, 0, 0, 0.6);
        top: 116px;
        width: 100%;
    }

    body.landing .credit-simulator-wrapper .credit-simulator {
        border-radius: 0;
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    body.landing .credit-simulator-wrapper {
        padding-bottom: 0;
    }

    body.inapp.landing .header-navbar.navbar-fixed-top {
        padding-top: 70px;
        position: absolute;
        transition: none;
        box-shadow: none;
    }

    body.inapp body.landing .header-navbar #logo {
        width:120px;
        height: 42px;
    }

    body.inapp section.headline {
        padding-top: 150px;
    }

    body.inapp .headline_title {
        font-size: 36px;
    }

    body.inapp .headline_subline {
        font-size: 19px;
    }

    body.inapp.simulate .header-navbar {
        display: none;
    }

    /*
    body.home .navbar .icon-menu {
        top: 5px;
        right: 5px;
        color: #e2e1e1;
        font-size: 24px;
    }
    */

    .nav_menu ul {
        overflow: hidden;
    }

    body.create .nav_menu ul li a {
        font-size: 20px;
        text-align: inherit;
    }

    body.create.loggedin .nav_menu ul li a {
        color: inherit
    }

    body.home #logo {
        display: inline-block;
        width: 230px;
        height: 50px;
    }

    .home #me_mobile_link {
        width: 42px;
        border: 1px solid #FFF;
    }

    .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%;
    }

    #slider img {
        height: auto;
        min-width: 900px;
        left: -100px;
    }

    #slider .foto_text {
        display: none;
    }

    .hide_xs {
        display: none !important;
    }

    .show_xs {
        display: block !important;
    }

    #showcase,
    #showcasepics {
        overflow-y: auto;
        max-height: inherit;
    }

    #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;
    }

    .float2br {
        float: none;
        display: inherit;
    }

    #contact_top {
        width: 100%;
    }

    .profile {
        height: auto;
        min-height: 100px;
        margin-bottom: 10px;
        box-shadow: none
    }

    .profile .menu {
        float: none;
        margin-bottom: 10px;
    }

    .profile .av {
        margin-left: -1px;
        margin-top: 0px;
    }

    .profile .menu a {
        display: block;
        margin-bottom: 4px;
    }

    .profile .menu a.remove {
        display: none;
    }

    .profile .bot {
        position: relative;
    }

    .account .tab-content.p20 {
        padding: 0;
    }

    .account_box h4 {
        text-align: center;
    }

    #account_container #camera {
        margin: 0;
        margin-right: 0;
    }

    .account_box {
        text-align: center !important;
    }

    .basic_overview {
        /*width: 100%;*/
    }

    .basic_overview div.table {
        table-layout: fixed;
    }

    .btn.create_profile {
        width: 100%
    }

    #upload_button,
    #upload_audio_button {
        width: 100%;
    }

    #upload_button {
        margin: 10px 0px;
    }

    .mob100 {
        width: 100%
    }

    #jalert_container {
        width: auto !important;
        min-width: inherit !important;
        max-width: 100% !important;
    }

    #submenu_multimedia, #submenu_requests {
        margin-top: 20px;
        width: 100%;
        box-shadow: none
    }

    #submenu_multimedia > li, #submenu_requests > li {
        font-size: 14px;
        width: 50%;
    }

    #submenu_multimedia > li > a, #submenu_requests > li > a {
        margin-bottom: 1px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.21);
        text-align: center;
        padding: 12px 4px;
        border-left: 1px solid #F0F0F0 !important;
        margin-top: 1px;
    }

    .nav-justified > li > a {
        text-align: left;
    }

    #account_container .nav-tabs.nav-justified > li > a > i.icon,
    #account_container .nav-small > li > a > i.icon {
        display: none
    }

    .pagination {
        position: fixed;
        top: -17px;
        width: 100%;
        z-index: 2;
    }

    .q .pagination {
        width: 95%;
    }

    .pagination ul > li.back a,
    .pagination ul > li.next a {
        font-size: 16px;
    }

    #create_profile_avatar {
        padding: 10px;
    }

    #create_form_fields > div {
        padding: 10px;
        padding-top: 0
    }

    .pph {
        display: none !important
    }

    .home.nocat #showcase .item {
        min-height: inherit;
    }

    #contactform_content {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar .icon-menu span {
        display: none
    }


    .project_box {
        max-width: 100%;
    }

    .nav_footer li a {
        padding: 18px 2px;
        font-size: 22px;
    }

    #footer {
        padding: 40px 20px;
    }

    .nav_footer .footer_title {
        font-size: 26px;
        margin-top: 60px;
        margin-bottom: 30px;
    }


    .landing .contactFormInnerDiv p {
        font-size: 1.2em;
    }

    label,
    .label,
    .alert-error {
        font-size: 1.1rem;
    }

    input,
    select,
    textarea {
        font-size: 18px;
        padding: 0.7rem 0.75rem;
    }

    .review_box, .review_box1 {
        width: 92% !important;
        padding: 20px 0px !important;
        margin: 0 auto;
    }

    .text-message, .headline_review {
        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;
    }

    .home_hw_wrks_lft .hw_wrk_blk div:nth-child(2) p {
        font-size: 13px !important;
    }

    .home_hw_wrks_lft .hw_wrk_img .icon {
        font-size: 10px !important;
        width: 13px !important;
        height: 13px !important;
    }

    .home_hw_wrks h3 {
        font-size: 27px !important;
        padding-bottom: 20px !important;
    }

    .how_it_works_user_txt, how_it_works_pro_txt {
        width: 92% !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: 16.5px !important;
    }

    .near_me_links.latest_requests > .flex .col {
        flex-basis: 100% !important;
        padding: 10px 0px 0px 0px;
        margin: 15px 0px;
    }

    a.select_photo.pa.hide {
        left: 48% !important;
        top: 33% !important;
    }

    .btn.google, .btn.facebook {
        width: calc(100% - 2px);
    }

    .popup_login #socialauth .flex {
        width: 100%;
    }

    #customGoogleBtn {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }


    .landing .page-header1 {
        padding-top: 0;
    }

    .landing .mobile_view_logo_image {
        display: block;
        width: 100%;
        padding-bottom: 50px;
        background: var(--pagaqui-blue);
        padding-top: 50px;
    }

    .landing .freeValuationButton_screen {
        padding: 6px 20px;
        font-size: 22px;
    }

    .landing section.section.usps .homeDiv {
        vertical-align: unset;
        margin-bottom: 40px;
    }

    .landing .page-header1 h1 {
        padding: 30px 40px 40px;
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .pic {
        width: calc(100% - 10px);
        height: auto;
        box-shadow: none;
        margin: 10px 0;
        -webkit-transition: none;
    }

    .edit_foto {
        box-shadow: none;
        width: 50px;
        right: 5px;
    }

    .edit_foto i,
    .edit_foto i.icon-trash {
        font-size: 30px;
        width: 40px;
        height: 40px;
        margin-top: 15px;
    }

    .cookie_text {
        margin-left: 5px;
        margin-top: 0px;
        width: 95%;
        overflow: hidden;
    }

    .cookie_disclaimer {
        flex-direction: column;
        align-items: flex-start;
        font-size: 12px;
        height: 40%;
    }

    .cookie_disclaimer .toggle {
        margin-left: 10px;
        margin-top: 5px;
        display: block;
        font-size: 20px;
    }

    .cookie_disclaimer.cookie_height {
        height: 70% !important;
    }

    .cookie_action {
        align-self: center;
        margin-left: 0px;
        padding-bottom: 5px;
    }

    .header_section h1 {
        font-size: 34px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .property-listing .property-info {
        padding: 15px 20px 20px;
        width: 100%;
    }

    .property-listing .property-info h2 {
        font-size: 24px;
    }


    .landing .contactFormDiv {
        left: auto;
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: 130px;
    }

    .landing .contactFormInnerDiv {
    }

    .landing .page-header1 {
        padding-bottom: 60px;
    }

    .landing .page-header1-text {
        padding-bottom: 80px;
    }
}

@media (max-width: 530px) {
    .img_view {
        min-height: 200px !important;
    }

    .visit_form {
        font-size: 2em !important;
        line-height: 30px;
    }

}

/*  REALLY SMALL PHONES */
@media (max-width: 420px) {
    .block_text {
        margin-right: 0% !important;
        margin-left: 0% !important;
    }

    .visit_property_block {
        display: block !important;
    }

    .visit_property_image {
        width: 100% !important;
    }

    .visit_property_details {
        width: 100% !important;
    }

    .visit_btn_div {
        width: 50% !important;
    }

    .testimonial-section .slick-list.draggable {
        margin: 0;
    }

    #requestFooter #next {
        padding: 12px 30px;
        min-width: 130px;
        margin-left: 0;
    }

    .loginbox {
        padding-right: 0 !important;
    }

    .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 div:nth-child(2) p {
        font-size: 11.5px !important;
    }

    .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_user_txt h2 {
        font-size: 21px !important;
        line-height: 25px !important;
    }

    .how_it_works_pro_txt h2 {
        font-size: 21px !important;
        line-height: 25px !important;
    }

    .how_it_works_user_txt p, .how_it_works_pro_txt p {
        font-size: 14.5px !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: 25px;
        text-align: center
    }

    .basket {
        font-size: 14px !important;
    }

    .basket .btn {
        font-size: 14px !important;
        padding: 0 7px !important;
    }

    a.select_photo.pa.hide {
        left: 47% !important;
        top: 32% !important;
    }

    .landing .page-header1 {
        min-height: 560px;
    }


    .landing .contactFormInnerDiv {
        border-radius: 0;
        padding: 30px 30px 50px;
    }

    .landing .pagaqui_icon_home {
        width: 210px;
        height: 170px;
        margin-top: 23px;
    }

    .landing section.section.usps {
        padding: 50px 30px;
    }

    .landing #clicked_call_phone {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .landing #clicked_call_phone .icon-phone {
        margin-right: 0px !important;
    }

    .landing .page-header1::after {
        height: 405px;
        top: 60px
    }
}

@media (max-width: 400px) {

    .cookie_disclaimer.cookie_height {
        height: 84% !important;
    }

    .cookie_disclaimer {
        height: 47%;
    }
}


@media (max-width: 340px) {
    .popup_content .schedule_popup a {
        width: 100%;
    }

    .landing .homePageTitle {
        font-size: 15px;
    }

    .news_logo {
        margin: 0px !important;
    }

    .cookie_disclaimer.cookie_height {
        height: 77% !important;
    }

    .cookie_disclaimer {
        line-height: 1.6;
        font-size: 9px;
        height: 42%;
    }

    .cookie_disclaimer h3 {
        font-size: 14px;
    }
}

@media (max-width: 300px) {
    .visit_form {
        padding: 5px !important;
    }

    .landing #clicked_call_phone {
        font-size: 15px;
    }
}

@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;
    }
}


.vertical_line {
    height: 16px;
    border-left: 1px solid #eee;
    margin-left: 5.5%;
}


.blurlead {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    position: relative;
}

.activelead {
    position: relative;
}

.project_overview .disabled {
    background-color: #eee;
}

.about h3 {
    font-size: 32px;
    line-height: 30px;
    color: #4e4d4d;
    text-align: center;
    border-top: 1px solid #eee;
    padding: 15px 0px;
}

.desc > h2 {
    font-weight: 600;
    font-size: 16px;
    color: #4e4d4d
}

.desc p {
    font-weight: normal;
    font-size: 15px;
    color: #4e4d4d
}

body.nps_feedback {
    background: var(--alternative-background);
}

.review_box, .review_box1 {
    border-radius: var(--btn-radius-reduced);
    box-shadow: var(--box-shadow);
    background-color: #fff;
    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;
    padding: 20px 24px;
}

.review_box1 {
    align-items: flex-start;
    justify-content: space-around
}

#text_div, #title_div {
    text-align: left;
    width: 100%;
}

.text-message {
    overflow: hidden;
    word-wrap: break-word;
    height: 111.667px;
    width: 100%;
    resize: none;
}

.text-align-justify {
    text-align: justify;
}

.headline_review {
    width: 100%;
}

.review_page, .submit_review {
    text-align: center;
}

.review_text_button .review {
    color: #757575
}

.review .icon-info {
    margin-right: 1.5%;
}

.project_bid .review, .pro_reviews .review {
    padding: 10px 0px;
    border-top: 1px solid #f2f2f2;
}

.review_box1 > div {
    text-align: left;
}

.review_result {
    width: 55%;
    margin: 0 auto;
}

#title_div, .review_text_button, .submit_review {
    display: none;
}

.review_text_button .submit_review,
.review-more-info-block .submit_review {
    margin: 20px 10px 25px 10px;
}

.highlight {
    color: #FFC107 !important;
    text-shadow: 0 0 1px #FFC107;
}

#rating_star li {
    display: inline;
    cursor: pointer;
    color: #bdbdbd;
}

.rating {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 10px;
    align-items: center;
}

.rating ul {
    display: flex;
    justify-content: space-around;
}

.rating ul li {
    margin-right: 2px;
    color: #bdbdbd
}

.rating ul li .active_star, .hw_wrk_blk ul li .active_star {
    color: #FFC107
}

.rating ul li:last-child {
    margin-right: 5px;
}

.rating p {
    color: #a0a0a0;
    margin: 0;
    font-size: 9px;
}


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

.review_box div {
    padding: 10px;
}

.review_text_button .review_page {
    margin: 17px 0px;
}

.review_text_button .review_page .icon {
    padding-right: 10px;
}

.review_text_button .submit_review {
    margin: 20px 0px 25px 0px;
}

.submit_review {
    margin-top: 20px;
}

.pro_reviews {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 0 1 auto;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin: 0 auto;
    box-sizing: border-box;
}

a.setpassword {
    font-size: 16px;
    color: #fff;
}


/* aside menu css from account*/
.gen-menu-controls {
    border: none;
    display: block;
    width: 3rem;
    height: 3rem;
}

.gen-menu-controls:hover,
.gen-menu-controls:active,
.gen-menu-controls:focus {
    border: none;
}

.gen-menu-controls--close {
    display: none;
}

.gen-aside-menu {
    position: absolute;
    width: auto;
    color: #ffffff;
    float: right;
    right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12rem;
    flex: 0 0 12rem;
    z-index: 10;
    top: 0;
    font-size: 18px;
}

.gen-aside-menu a:hover {
    color: #4f5b66;
}

.gen-aside-menu a,
.gen-aside-menu a:hover {
    color: inherit;
}

.padding-10 {
    padding: 10px !important;
}

.payment_preprocess input[type="radio"] {
    display: inline;
    min-width: 0px;
}

.payment_preprocess .radio_group {
    margin: 15px;
}

.row-fluid .property-published-list [class*="span"] {
    margin-left: 0 !important;
}

.landing .testimonial-section .slick-next {
    right: 6px;
}

@media screen and (min-width: 768px) {

    .landing #mobile_call_button {
        display: none;
    }

    .landing .page-header1 h1 {
        font-size: 3em;
    }

    .fonts-loaded .page-header1-images {
        position: absolute;
        max-width: 80%;
        height: 100%;
        bottom: 0;
        right: 1rem;
        margin-top: 0;
        margin-bottom: -4rem;
    }

    .fonts-loaded #tutorial1 {
        height: 360px;
    }

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

    .span12.t_block {
        display: block;
        position: relative;
        min-height: 270px;
    }

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

    .gen-aside-menu {
        margin-left: 0;
        margin-right: 0;
    }

    body.account .gen-aside-menu {
        margin-right: 20px;
    }

    body.account #gen-aside-menu .gen-aside-menu-list {
        margin-top: 7px;
        height: 36px;
    }

    .gen-aside-menu-item.active {
        border-top: 0.5rem solid var(--link-font) !important;
    }
}

@media screen and (min-width: 1440px) {
    .gen-aside-menu-item.active {
        border-top: 0.5rem solid var(--link-font) !important;
    }
}

@media screen and (min-width: 552px) {
    .nav_footer #FOOTER_MENU_TITLE_QUESTIONS {
        margin-left: 10px;
    }
}

@media screen and (max-width: 551px) {
    .nav_footer #FOOTER_MENU_TITLE_QUESTIONS {
        margin-left: 0px;
    }
}

@media screen and (min-width: 994px) {
    .nav_footer #FOOTER_MENU_TITLE_QUESTIONS {
        margin-left: 15px;
        margin-top: 8px;
    }
}


.gen-aside-menu-item {
    display: block;
    padding: 6px 24px;
    border: 1px solid #fff;
    border-radius: 20px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (hover: hover) {
    .gen-aside-menu-item:hover {
        background-color: var(--btn-secondary--hover);
        color: var(--btn-secondary-color--hover);
    }
}

.gen-aside-menu-item.active {
    color: inherit;
    border: none;
}

.gen-aside-menu-item.active {
    padding-left: 0.5rem;
    font-weight: bold;
}

#gen-aside-menu .gen-menu-controls {
    display: none;
}

#gen-aside-menu .gen-aside-menu-list {
    display: inline-flex;
    height: 50px;
    align-items: center;
}

.call-box {
    position: relative;
}

.center {
    text-align: center;
}

.call-box .icon-phone {
    margin-right: 15px;
    font-size: 18px;
    height: 28px;
    margin-top: 2px;
}

.call-box .numbers a {
    display: block;
    padding: 10px 20px;
}

.call-box .numbers a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.call-box .numbers .icon-phone {
    float: left;
    height: 25px;
}

.call-box .numbers a div {
    font-weight: 300;
    font-size: 16px;
    padding-bottom: 5px;
}

.call-box .numbers {
    overflow: hidden;
    display: none;
    position: absolute;
    background: #5964ff;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 50%);
    top: -5px;
    left: -4px;
    min-width: 200px;
    max-width: 100%;
}

.call-box:hover .numbers {
    display: block;
}

@media screen and (max-width: 767px) and  (min-width: 768px) {
    #gen-aside-menu .gen-menu-controls {
        display: none;
    }

    .gen-aside-menu-item.active {
        border-top: 0.5rem solid var(--link-font) !important;
    }
}

@media screen and (max-width: 878px) {

    .call-box {
        padding: 0;
    }

    .call-box-info {
        display: none;
    }

    .call-box .numbers {
        min-width: 100%;
        text-align: left;
        left: unset;
        display: block;
        position: relative;
        top: unset;
        box-shadow: none;
        margin-top: 55px;
    }

    .call-box .numbers a:hover {
        border-radius: 5px;
    }

    .landing .freeValuationButton {
        font-size: 22px;
        line-height: 28px;
    }

    .navbar .icon-menu {
        display: block;
    }

    .gen-aside-menu-list li {
        padding-left: 0;
        padding-bottom: 20px;
        font-size: 22px;
    }

    .gen-aside-menu-item {
        border: 1px solid #fff;
        width: 100%;
    }

    #gen-aside-menu {
        margin-right: -12rem;
    }

    #gen-aside-menu .gen-aside-menu-list {
        display: none;
        height: auto;
    }

    #gen-aside-menu .gen-menu-controls {
        position: absolute;
        top: 0;
        width: 60px;
        height: 60px;
        display: block;
    }

    @media (hover: hover) {
        #gen-aside-menu .gen-menu-controls:hover {
            border: none;
            background-color: transparent;
        }
    }

    #gen-aside-menu .gen-menu-controls:hover .icon {
    }

    #gen-aside-menu .gen-menu-controls--close {
        display: none;
        right: 20px;
        top: 5px;
    }

    #gen-aside-menu:target,
    #gen-aside-menu[data-menu-state=active] {
        margin-right: 0;
        margin-left: -12rem;
        transition: .3s margin;
        box-shadow: 0 0 40px 0 #000000a1;
        background: linear-gradient(130deg, var(--site-header-background), var(--dark-background));
        padding: 80px 40px 40px;
        color: #fff;
        width: 80%;
        height: 100%;
        position: fixed;
        text-align: center;
        max-width: 280px;
    }

    #gen-aside-menu:target .gen-aside-menu-list,
    #gen-aside-menu[data-menu-state=active] .gen-aside-menu-list {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    #gen-aside-menu:target .gen-menu-controls--close,
    #gen-aside-menu[data-menu-state=active] .gen-menu-controls--close {
        display: block;
    }

    #gen-aside-menu:target .gen-menu-controls--open,
    #gen-aside-menu[data-menu-state=active] .gen-menu-controls--open {
        display: block;
    }

    .gen-aside-menu-item.active {
        border-right: 0.5rem solid var(--link-font) !important;
    }

    .account-header-property-list {
        display: none;
    }

    #gen-aside-menu[data-menu-state=active] .account-header-property-list {
        display: block;
        position: relative;
        height: inherit;
        right: auto;
        top: auto;
        margin-top: 25px;
        width: 100%;
    }

    .account-header-property-list a {
        border: 1px solid #ffffff;
        border-radius: 5px;
        background: #3e8ee7;
        margin-bottom: 2px;
    }

}

.gen-aside-menu i.icon.icon-remove,
.gen-aside-menu i.icon.icon-menu {
    position: absolute;
    font-size: 30px;
    color: #fff;
    top: 14px;
    left: 12px;
}

.gen-aside-menu a:focus, .gen-aside-menu a:hover {
    background: #ffffff2b;
}

img.account-photo.avatar {
    padding: 0;
    margin-top: -13px;
}

.gen-aside-menu .avatar {
    width: 45px;
}

img.gen-aside-menu-item.account-photo.avatar.right.ml10 {
    padding: 0.1rem !important;
    background: #ffffff3d;
}

.landing .gen-aside-menu-item img {
    background: none;
}

.landing .gen-aside-menu-item span {
    padding-right: 10px !important;
}

.call-box.gen-aside-menu-item {
    width: 100%;
}

#gen-aside-menu:target, #gen-aside-menu[data-menu-state=active] .icon-phone {
    margin-right: 15px;
}

a.aside-menu-item span.pending {
    padding: 4px;
    font-size: 12px;
    background: orange;
    border-radius: 5px;
    float: right;
}

.payment_preprocess .span6 {
    display: flex;
    flex-direction: row;
}

.payment_preprocess .cc_tokens label {
    font-size: 1.1rem;
    font-weight: 600;
}

.payment_preprocess select#payment_type {
    width: 50%;
}

.hide_tab {
    display: none !important;
}

.request_approval {
    margin-bottom: 10px;
    float: right;
    background-color: #f0ad4e;
    border-color: #eea236 !important;
}

.request_approval:hover {
    background-color: #ec971f;
    border-color: #d58512;
}

.imoveis .container-fluid {
    max-width: 100%;
}

.imoveis .navbar, .imoveis #footer {
    margin: 0px 20%;
}

.advantage {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.adv_div11 {
    display: flex;
    height: auto;
    width: 100%;
}

.adv_div12 {
    flex: 5%;
    padding: 10px;
}

.adv_div13 {
    flex: 95%;
    padding: 10px;
}

.adv_i11 {
    font-size: 30px;
    color: var(--link-font);
    font-size: 30px;
}


.min-height-60 {
    min-height: 60px;
}

.font-15 {
    font-size: 15px;
}

.adv-img {
    height: 75px;
    object-fit: contain;
    padding-right: 30px;

}

.section-background {
    background-color: var(--section-background);
    height: auto;
}

.section2-background {
    background-color: var(--section2-background);
}



.bg_colour_blue {
    background-color: var(--dark-background) !important;
}

.teams .images_block,
.publish_property .images_block {
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    margin: 10px;
    box-shadow: rgba(30, 41, 61, 0.2) 0px 1px 3px 0px, rgba(30, 41, 61, 0.2) 0px 1px 3px 0px;
    width: 100%;
    max-width: 400px;
    height: 300px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.teams .images_block {
    max-width: 200px;
    box-shadow: rgb(0 0 0 / 50%) 4px 4px 10px -5px;
}

.teams .images_block img,
.publish_property .images_block img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50%;
    transition-duration: 350ms;
    transition-timing-function: ease;
    transition-delay: initial;
    transition-property: transform;
}

.teams .images_block a::after,
.publish_property .images_block a::after {
    content: '';
    display: block;
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 70px;
    background-image: linear-gradient(transparent, rgba(12, 31, 69, 0.498039));
}

.teams .images_block a:hover img,
.teams .images_block a:focus img,
.publish_property .images_block a:hover img,
.publish_property .images_block a:focus img {
    transform: scale3d(1.03, 1.03, 1);
}

.publish_property .property_details {
    height: 70px;
    background: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 20px;
    font-weight: 600;
    color: #263269;
    overflow: hidden;
    position: absolute;
    padding: 7px 20px;
    width: 100%;
    bottom: 0;
}

.publish_property .headline {
    position: absolute;
    bottom: 80px;
    left: 20px;
    color: #fff;
    z-index: 1;
    font-weight: bold;
    font-size: 18px;
}

.publish_property .property_details .first {
    font-weight: bold;
}

.publish_property .property_details .second {
    margin-top: 5px;
    color: rgba(38, 50, 105, 0.68);
}


.news_logo {
    width: 200px;
    display: inline-block;
    margin: 10px;
    vertical-align: middle;
}

.view_site {
    margin: auto;
    width: calc(100% - 10rem);
    font-weight: 400;
    font-size: 1em;
}

.visit_form {
    background-color: #1d3e5d;
    padding: 25px 0px 25px 0px;
    font-weight: 600;
    font-size: 3em;
}

.evaluation_form {
    width: 50%;
    padding-top: 20px;
    padding-bottom: 100px;
}

.img_view {
    min-height: 550px;
    background-size: cover !important;
    background-position: center;
}

.response_msg {
    line-height: 25px;
    font-weight: 400;
    font-size: 1.5em;
    padding: 10px;
}

#logo_popup {
    background: url(/img/logo320.png?x=f2) no-repeat;
    width: 230px;
    height: 45px;
    margin-top: 30px;
    background-size: contain;
}

.landing #logo_popup {
    display: inline-block;
    margin-top: 0px;
    float: right;
}

.logo_holder {
    text-align: center !important;
    max-width: 300px;
    position: absolute;
    margin: auto;
    right: 51px;
}

body.login .small_header {
    text-align: center;
}

body.login #logo_holder {
    display: inline-block;
}

body.login .small_header #logo {
    left: auto;
}

body.account #logo_holder {
    padding-left: 20px;
}

body.account .small_header #logo {
    left: auto;
}

.block {
    width: 100%;
    float: left;
    text-align: center;
    min-height: 250px;
    padding: 1%;
    border-radius: 5px;
}

.block_text {
    font-size: 20px;
    font-weight: 500;
    padding: 5px 25px;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 30px;
    margin-right: 25%;
    margin-left: 27%;
}

.modal_content {
    width: 57%;
    margin-left: 22%;
    top: 10%;
}

.landing .popup_content {
    display: block !important;
}

.block_image {
    height: 338px;
}

.inline_div {
    display: inline-block;
}

.visit_online_text {
    margin-top: -190px;
}

.visit_property_block {
    background-color: #eaeaea;
    padding: 0;
    display: flex;
    position: relative;
    box-sizing: border-box;
}

.visit_property_details {
    width: 255px;
    height: 200px;
    margin-right: 0;
    position: relative;
    box-sizing: border-box;
}

.visit_property_image {
    height: 100%;
    width: 255px;
    background-position: center;
    background-size: cover;
}

.property_div {
    display: inline-block;
    width: 70%;
}

.visit_btn_div {
    display: inline-block;
    padding-left: 15px;
    width: 29%;
}

.modal_content_visit {
    width: 40%;
    margin-left: 30%;
    top: 10%;
    padding: 75px;
    padding-top: 0px;
    padding-bottom: 70px;
}

.modal_input {
    margin-bottom: 1rem;
    width: 100%;
}

.modal_visit_btn {
    border-radius: 5px;
    float: right;
    padding: 10px;
}

.modal_visit_bg {
    background: rgba(3, 3, 3, 0.68);
    display: block;
    z-index: 3000;
}

.visit_title {
    font-size: 2em;
    font-weight: 500;
    color: #1d3e5d;
    text-align: center;
}

.line_height {
    line-height: 1.5;
}

.visit_logo_popup {
    margin-right: 20%;
}

.modal_header_font {
    font-size: 35px;
}

.hidden_modal {
    display: none !important;
}

.property_div .property-price {
    font-weight: bold;
    font-size: 1.1rem;
}

.agent_details {
    display: inline-block;
    font-size: 20px;
    padding-left: 10px;
}

.agent_details div {
    padding: 3px;
}


.agent_image {
    width: 20%;
    display: inline-block;
}

.agent_block {
    display: inline-block !important;
}

.document_image {
    width: 50% !important;
    margin-left: 25%;
}

.documents_block {
    display: inline-block;
}


.flex-container {
    display: flex;
    flex-wrap: nowrap;
}

.w80 {
    width: 80% !important;
}

.footericons .apemip_img {
    width: 80px;
    height: 60px;
}

.btn-secondaryhover {
    color: var(--link-font);
    border: 1px solid var(--link-font);
    padding: 5px;
    line-height: 38px;
}

.landing .btn-secondaryhover:hover {
    border: 1px solid var(--link-font);
}

.properties-publish-photo-tab .property-image-eye-slash:before {
    content: '\e621';
}

.properties-publish-photo-tab .property-image-eye:before {
    content: '\e622';
}

.properties-publish-photo-tab .property-image-trash-o:before {
    content: '\e612';
}

.btn-group-label {
    background-color: #fff;
    border: 1px solid #787878;
    color: black;
    padding: 8px 3px 8px 6px;
    cursor: pointer;
    float: left;
    font-size: 12px;
    display: block;
    margin: 0px;
    text-align: center;
    border-radius: 0;
}

.btn-group-label:first-child {
    border-top-left-radius: var(--btn-radius);
    border-bottom-left-radius: var(--btn-radius);
}

.btn-group-label:last-child {
    border-top-right-radius: var(--btn-radius);
    border-bottom-right-radius: var(--btn-radius);
}

.btn-group-label strong {
    font-weight: normal;
}

.btn-group-label input[type="checkbox"] {
    display: none;
}

.btn-group-label.checked {
    background: var(--btn-primary-bg);
    color: white;
}

.btn-group-label.checked + .btn-group-label.checked {
    border-left-color: #FFF
}


.btn-group-label:not(:first-child) {
    border-left: none;
}

.btn-group-label.checked:before {
    display: inline-block;
    content: '';
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-right: 1px;
}

.btn-group-label:before {
    content: '';
    display: inline-block;
}

.properties-publish-photo-tab .property-image-eye-slash:before {
    content: '\e621';
}

.properties-publish-photo-tab .property-image-eye:before {
    content: '\e622';
}

.properties-publish-photo-tab .property-image-trash-o:before {
    content: '\e612';
}

button.socialauth i.icon.icon-facebook {
    display: inline-block;
}

.account-header-property-list {
    position: absolute;
    height: 60px;
    width: max-content;
    overflow: hidden;
    z-index: 15;
    right: 235px;
    top: 0px;
    font-size: 15px;
}

.account-header-property-list a {
    color: black;
    padding: 5px;
    text-decoration: none;
    display: block;
    height: 60px;
    overflow: hidden;
}

.account-header-property-list a:hover {
    background-color: var(--link-font-hover);
}

.account-header-property-list:hover {
    display: block;
    height: auto;
    overflow: auto;
    background-color: var(--pagaqui-blue);
}


.teams {
    margin-top: 50px;
    display: inline-block;
}

.cookies table,
.cookies td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 10px;
}

.terms ul,
.privacy ul,
.cookies ul,
.license ul,
.teams ul {
    list-style-type: disc;
    padding-left: 25px
}

.teams .name {
    text-align: center;
    background: var(--pagaqui-blue);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 8px 20px 11px;
    width: 100%;
    bottom: 0;
    line-height: 17px;
}

.teams .name p {
    margin-bottom: 0
}


.privacy .images-block,
.cookies .images-block {
    margin-top: 30px;
    margin-bottom: 30px;
}

.payment-type {
    display: inline-block;
    width: auto;
    padding: 10px;
}

.payment_buttons {
    display: none;
    clear: both;
}

.generate-reference {
    border-radius: 5px;
}

.phone-checkout {
    border-radius: 5px;
    height: 35px;
    width: 224px;
    margin-bottom: 10px;
}

.check_err_message {
    color: #ffffff;
    background: #ff4846;
    padding: 10px;
    display: none;
    border-radius: var(--radius-notifications);
}

.vendido-box {
    background: #bb3229;
    color: #fffd57;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    position: absolute;
    transform: rotate(316deg);
    left: -23%;
    top: 21%;
}

.opacity-66 {
    opacity: 0.66;
}


.urgent-flag {
    background: #bb3229;
    color: #fffd57;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 100px;
}

@media only screen and (max-width: 767px) {
    .vendido-box {
        width: 80%;
        top: 12%;
        padding: 4px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .vendido-box {
        top: 26%;
        left: -21%;
    }
}