/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/* Login */
.login {
    background-color: #780807;
    background-image: url(../images/login.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: flex;
    align-items: center;
    overflow-x: hidden;
}

.login:before {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(120,8,7,0) 30%, rgba(120,8,7,.5) 71%);
    background: -webkit-linear-gradient(top, rgba(120,8,7,0) 30%,rgba(120,8,7,.5) 71%);
    background: linear-gradient(to bottom, rgba(120,8,7,0) 30%,rgba(120,8,7,.5) 71%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00780807', endColorstr='#780807',GradientType=0 );
    content: '';
}

.login:after {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../images/wp-login.png);
    content: '';
}

.login #login {
    width: 800px;
    padding: 0;
    position: relative;
    z-index: 2;
}

.login .login-phone {
    position: absolute;
    top: 1rem;
    right: -110px;
    padding: 1rem;
    background-color: #fff;
    border-radius: 50px 0 0 50px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    z-index: 2;
}

.login .login-phone a {
    color: #3c434a;
    text-decoration: none;
}

.login .login-phone a span:nth-child(1) {
    padding-left: 2rem;
    padding-right: .5rem;
}

.login .login-phone a span:nth-child(1) svg {
    height: 20px;
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    fill: #780807;
}

.login .login-phone:hover,
.login .login-phone:focus {
    right: 0;
}

.login form {
    height: 370px;
    margin-top: 0;
    position: relative;
    padding: 30px 25px 0 425px;
    border: 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}

.login form:before {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/login-frame.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    content: '';
}

.login form:after {
    width: 212px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 94px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    content: '';
}

.login label {
    font-size: .8rem;
    color: #939393;
}

.login form .input,
.login form input[type="checkbox"],
.login input[type="text"] {
    padding: 1rem;
    background-color: #f2f2f2;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: .8rem;
}

.login form .input:focus,
.login form input[type="checkbox"]:focus,
.login input[type="text"]:focus {
    box-shadow: none;
}

.login .button.wp-hide-pw {
    min-height: 49px;
    border-radius: 0;
}

.login .button.wp-hide-pw:focus {
    border: 0;
    box-shadow: none;
}

.login .button.wp-hide-pw span:before {
    color: #780807;
}

.login .button-primary {
    padding: .5rem 1rem!important;
    background-color: #780807;
    border-color: #780807;
    border-radius: 0;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.login .button-primary:hover,
.login .button-primary:focus {
    background-color: #780807;
    border-color: #780807;
    box-shadow: none;
}

.login p.forgetmenot {
    margin-top: 15px;
}

.login #nav {
    width: 45%;
    padding: .5rem 0 0 .5rem;
    margin: 0;
    float: left;
}

.login #backtoblog {
    width: 45%;
    padding: .5rem .5rem 0 0;
    margin: 0;
    text-align: right;
    float: right;
}

.login #backtoblog a,
.login #nav a {
    color: rgba(255, 255, 255, .6);
}

.login #backtoblog a:hover,
.login #nav a:hover {
    color: rgba(255, 255, 255, 1);
}

.login h1 {
    display: none;
}

.login .language-switcher {
    display: none;
}


/* Admin */
/* Fix */
.toplevel_page_goes-en-roos #wpcontent,
.goes-roos_page_goes-en-roos-website #wpcontent,
.goes-roos_page_goes-en-roos-api #wpcontent,
.goes-roos_page_goes-en-roos-object #wpcontent,
.goes-roos_page_goes-en-roos-objects #wpcontent,
.goes-roos_page_goes-en-roos-objects-specials #wpcontent,
.goes-roos_page_goes-en-roos-objects-snelzoeken #wpcontent,
.goes-roos_page_goes-en-roos-forms #wpcontent,
.goes-roos_page_goes-en-roos-blog #wpcontent,
.goes-roos_page_goes-en-roos-text #wpcontent {
    padding-left: 0;
}

#wpfooter {
    display: none;
}

#wpadminbar #wp-admin-bar-wp-logo {
    width: 30px;
    height: 30px;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: none;
}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item,
#wpadminbar #wp-admin-bar-wp-logo > .ab-sub-wrapper {
    display: none!important;
}

/* .post-type-aanbod .page-title-action, */
#menu-posts-woningen ul,
#menu-posts-bedrijven ul,
#postcustomstuff .submit input#newmeta-submit,
#postcustomstuff #enternew,
.post-type-woningen .d-none,
.post-type-bedrijven .d-none {
    display: none;
}

.post-type-woningen .page-title-action,
.post-type-bedrijven .page-title-action,
.post-type-woningen .page-title-action:active,
.post-type-bedrijven .page-title-action:active {
    padding: .5rem 1rem;
    background-color: #780807;
    border-color: #780807;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
    font-size: .7rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.post-type-woningen .page-title-action:hover,
.post-type-bedrijven .page-title-action:hover,
.post-type-woningen .page-title-action:focus,
.post-type-bedrijven .page-title-action:focus,
.post-type-woningen .page-title-action:active,
.post-type-bedrijven .page-title-action:active {
    background-color: #780807;
    border-color: #780807;
    color: #fff;
}

.post-type-woningen .column-custom-properties .custom-properties-true svg {
    height: 20px;
}


/* Dasboard */
.index-php {
    background-color: #780807;
    background-image: url(../images/wp-login.png);
}

.index-php ul#adminmenu a.wp-has-current-submenu:after,
.index-php ul#adminmenu > li.current > a.current:after {
    border-right-color: #780807;
}

.index-php #screen-meta-links,
.index-php #dashboard-widgets-wrap,
.index-php #wpbody-content .wrap h1 {
    display: none;
}

.index-php .welcome-panel {
    border: 0;
    box-shadow: 0;
}


/* Color fix */
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
.folded #adminmenu li.wp-has-current-submenu {
    background: #000;
    color: #fff;
}

.gnr-api-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    z-index: 3;
}

.gnr-api-loader svg {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gnr-header {
    height: 250px;
    margin-bottom: 30px;
    position: relative;
    background-color: #780807;
    background-image: url(../images/wp-login.png);
}

.gnr-header img {
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.gnr-header .gnr-pack {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 4px 7px;
    background-color: #33d781;
    border-radius: 2px;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.gnr-header .gnr-status {
    position: absolute;
    top: 15px;
    right: 58px;
}

.gnr-header .gnr-status.gnr-status-extra {
    right: 137px;
}

.gnr-header .gnr-status span {
    padding: 4px 7px;
    background-color: #d77833;
    border-radius: 2px;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
}

.gnr-header .gnr-plus-version {
    position: absolute;
    top: 15px;
    right: 58px;
}

.gnr-header .gnr-plus-version span {
    padding: 4px 7px;
    background-color: #33c8d7;
    border-radius: 2px;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
}

.gnr-tabs {
    position: relative;
    margin-top: -73px;
    margin-left: 30px;
    margin-right: 30px;
    z-index: 3;
}

.gnr-tabs .nav-tab-wrapper {
    padding-bottom: 30px;
    border-bottom: 0;
}

.gnr-tabs .nav-tab {
    background-color: #f1f1f1;
    border: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.gnr-tabs .nav-tab.nav-tab-active {
    background-color: #780807;
    color: #fff;
}

.gnr-box {
    min-height: 20px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 0 #e6e6e6;
}

.gnr-box a {
    color: #780807;
}

.gnr-box .gnr-box-header {
    position: relative;
    padding: 15px 30px;
    border-bottom: 1px solid #e6e6e6;
}

.gnr-box .gnr-box-header .gnr-box-header-check-all {
    position: absolute;
    top: 32px;
    right: 15px;
}

.gnr-box .gnr-box-body {
    padding: 15px 30px;
}

.gnr-box .gnr-box-body p {
    line-height: 30px;
    font-weight: 400;
    color: #666;
    letter-spacing: -.25px;
}

.gnr-box .gnr-box-body .form-table {
    margin-top: 0;
}

.gnr-box .gnr-box-body .form-table tr {
    margin-bottom: 1rem;
}

.gnr-box .gnr-box-body .form-table th,
.gnr-box .gnr-box-body .form-table td {
    height: 40px;
    padding-top: 0;
    padding-bottom: 1.rem;
}

.gnr-box .gnr-box-body .form-table td {
    width: 100%;
}

.gnr-box .gnr-box-body .form-table th {
    width: 230px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.gnr-box .gnr-box-body input[type=text],
.gnr-box .gnr-box-body input[type=password] {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border-color: #e6e6e6;
}

.gnr-box .gnr-box-body .col-6 input[type=text],
.gnr-box .gnr-box-body .col-6 input[type=password],
.gnr-box .gnr-box-body .col-6 textarea {
    width: 90%;
}

.gnr-box.gnr-box-christmas .gnr-box-body img {
    width: 200px;
    height: 120px;
    object-fit: cover;
}


.goes-roos_page_goes-en-roos-text .gnr-box.gnr-box-language .gnr-box-body tr th {
    padding-top: 10px;
    padding-bottom: 5px;
}

.goes-roos_page_goes-en-roos-text .gnr-box.gnr-box-language .gnr-box-body tr td {
    padding-top: 5px;
    padding-bottom: 10px;
    position: relative;
}

.goes-roos_page_goes-en-roos-text .gnr-box.gnr-box-language .gnr-box-body tr td:after {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    right: calc(10% + 13px);
    border-radius: 50%;
    content: '';
}

.goes-roos_page_goes-en-roos-text .gnr-box.gnr-box-language .gnr-box-body tr:nth-child(3n+1) td:after {
    background-image: url(../images/netherlands.svg);
}

.goes-roos_page_goes-en-roos-text .gnr-box.gnr-box-language .gnr-box-body tr:nth-child(3n+2) td:after {
    background-image: url(../images/united-kingdom.svg);
}

.goes-roos_page_goes-en-roos-text .gnr-box.gnr-box-language .gnr-box-body tr:nth-child(3n+3) td:after {
    background-image: url(../images/france.svg);
}

.goes-roos_page_goes-en-roos-website .gnr-box.gnr-box-language .gnr-box-body tr th {
    padding-top: 10px;
    padding-bottom: 5px;
}

.goes-roos_page_goes-en-roos-website .gnr-box.gnr-box-language .gnr-box-body tr td {
    padding-top: 5px;
    padding-bottom: 10px;
    position: relative;
}

.goes-roos_page_goes-en-roos-website .gnr-box.gnr-box-language .gnr-box-body tr td.gnr-privacy-page-nl:after,
.goes-roos_page_goes-en-roos-website .gnr-box.gnr-box-language .gnr-box-body tr td.gnr-privacy-page-en:after {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 50%;
    content: '';
}

.goes-roos_page_goes-en-roos-website .gnr-box.gnr-box-language .gnr-box-body tr td.gnr-privacy-page-nl:after {
    background-image: url(../images/netherlands.svg);
}

.goes-roos_page_goes-en-roos-website .gnr-box.gnr-box-language .gnr-box-body tr td.gnr-privacy-page-en:after {
    background-image: url(../images/united-kingdom.svg);
}

.gnr-box .gnr-box-body .form-checkbox {
    position: relative;
}

.gnr-box .gnr-box-body .form-checkbox input[type=checkbox] {
    width: 51px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 9px;
    z-index: 2;
    opacity: 0;
}

.gnr-box .gnr-box-body .form-checkbox label {
    width: 50px;
    height: 25px;
    position: relative;
    background: grey;
    border-radius: 50px;
    text-indent: -9999px;
    display: block;
    cursor: pointer;
}

.gnr-box .gnr-box-body .form-checkbox label:after {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #fff;
    border-radius: 50px;
    transition: 0.3s;
    content: '';
}

.gnr-box .gnr-box-body .form-checkbox input[type=checkbox]:checked + label {
    background-color: #780807;
}

.gnr-box .gnr-box-body .form-checkbox input[type=checkbox]:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}

.gnr-box .gnr-box-body .form-checkbox label:active:after {
    width: 130px;
}

.gnr-box .gnr-box-body textarea {
    width: 100%;
    min-height: 40px;
    border-radius: 4px;
    border-color: #e6e6e6;
}

.gnr-box .gnr-box-body select {
    width: 100%;
    max-width: 100%;
    min-height: 38px;
    line-height: 38px;
    border-radius: 4px;
    border-color: #e6e6e6;
}

.gnr-box .gnr-box-body .form-check {
    margin-right: 15px;
    position: relative;
    float: left;
}

.gnr-box .gnr-box-body .form-check [type=radio] {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 0;
    opacity: 0;
}

.gnr-box .gnr-box-body .form-check img {
    opacity: .3;
}

.gnr-box .gnr-box-body .form-check [type=radio] + img {
    cursor: pointer;
}

.gnr-box .gnr-box-body .form-check [type=radio]:checked + img {
    opacity: 1;
}

.gnr-box .gnr-box-body .list-gnr-property-title  {
    display: table;
}

.gnr-box .gnr-box-body .list-gnr-property-title li {
    margin-bottom: .5rem;
    margin-right: .5rem;
    padding: .25rem;
    font-size: .8rem;
    background-color: #e3e3e3;
    border-radius: .25rem;
    cursor: pointer;
    float: left;
}

.gnr-box-submit {
    position: fixed;
    bottom: 10px;
    right: 45px;
}

.gnr-box-submit p.submit {
    margin: 0;
    padding: 0;
    position: relative;
}

.gnr-box-submit p.submit .button {
    padding: .5rem 1rem;
    background-color: #780807;
    border-color: #780807;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
    font-size: .7rem;
    text-transform: uppercase;
    font-weight: 700;
}

.gnr-box-submit.gnr-box-submit-api {
    right: 226px;
    z-index: 2;
}

.gnr-box-submit.gnr-box-submit-api p.submit .button {
    background-color: #33d781;
    border-color: #33d781;
}

.gnr-box-submit.gnr-box-submit-api-delete {
    right: 347px;
}

.gnr-box-submit.gnr-box-submit-api-delete.gnr-box-submit-api-delete-fix {
    right: 526px;
}

.gnr-box-submit.gnr-box-submit-api-delete p.submit .button {
    background-color: #e21b1b;
    border-color: #e21b1b;
}

.gnr-box-submit.gnr-box-submit-api-places {
    right: 347px;
}

.gnr-box-submit.gnr-box-submit-api-places p.submit .button {
    background-color: #d78f33;
    border-color: #d78f33;
}

.goes-roos_page_goes-en-roos-forms .gnr-box-submit p.submit:after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #33d781;
    border-radius: 50%;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    text-align: center;
    content: '2X';
    display: none;
}


.gnr-plugin-check,
.gnr-value-check,
.gnr-api-check {
    position: absolute;
    top: 15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #d77833!important;
    border: 0!important;
    border-radius: 2px;
    z-index: 100;
}

.gnr-plugin-check p,
.gnr-value-check p {
    font-size: 9px!important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.gnr-value-check p a {
    color: #fff;
}


/* Dashboard */
.gnr-dashboard-items {
    padding-left: 30px;
    padding-right: 30px;
}

.gnr-dashboard-items .gnr-dashboard-item {
    padding: 20px;
    margin-bottom: 30px;
    margin-right: 30px;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 0 #e6e6e6;
    text-align: center;
}

.gnr-dashboard-items .gnr-dashboard-item-4,
.gnr-dashboard-items .gnr-dashboard-item-8 {
    margin-right: 0;
}

.gnr-dashboard-items .gnr-dashboard-item svg {
    width: 100%;
    max-height: 220px;
}

.gnr-dashboard-items .gnr-dashboard-item h2 {
    margin-top: 20px;
}

.gnr-dashboard-items .gnr-dashboard-item a {
    text-decoration: none;
    display: block;
}

.gnr-dashboard-items .gnr-dashboard-item p {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 15px;
    background-color: #780807;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    display: table;
}


/* Welcome Dashboard */
.gnr-welcome-panel {
    padding-top: 15px;
    min-height: 300px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.gnr-welcome-panel .gnr-welcome-panel-item {
    min-height: 20px;
    margin-right: 30px;
    padding: 15px 30px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 0 #e6e6e6;
}

.gnr-welcome-panel .gnr-welcome-panel-item-3 {
    margin-right: 0;
}


/* ACF fix */
.acf-field-checkbox-column .acf-input ul {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

/* Brands */
.gnr-box .gnr-box-body .gnr-box-brand {
    min-height: 50px;
    margin-bottom: 1rem;
    margin-right: 1rem;
    padding: 1rem;
    border: 1px solid #e6e6e6;
    display: block;
}

.gnr-box .gnr-box-body .gnr-box-brand a.d-block {
    height: 50px;
    position: relative;
    display: block;
}

.gnr-box .gnr-box-body svg {
    max-height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: table;
}


svg.svg-brand {
    max-height: 50px;
}

svg.svg-brand .svg-nvm-1,
svg.svg-brand .svg-nvm-business-1 {
    fill: #005ad2;
}

svg.svg-brand .svg-mva-1 {
    fill: #de1e33;
}

svg.svg-brand .svg-mva-expats-1 {
    fill: #de1e33;
}

svg.svg-brand .svg-funda-1,
svg.svg-brand .svg-funda-ib-1 {
    fill: #64c1ed;
}

svg.svg-brand .svg-funda-2,
svg.svg-brand .svg-funda-ib-2,
svg.svg-brand .svg-funda-ib-4 {
    fill: #6a281c;
}

svg.svg-brand .svg-funda-3,
svg.svg-brand .svg-funda-ib-3,
svg.svg-brand .svg-vbo-1 {
    fill: #fff;
}

svg.svg-brand .svg-pararius-1 {
    fill: #27325b;
}

svg.svg-brand .svg-pararius-2 {
    fill: #4a9ad4;
}

svg.svg-brand .svg-vbo-2 {
    fill: #f18204;
}

svg.svg-brand .svg-vastgoedcert-1 {
    fill: #b2b2b2;
}

svg.svg-brand .svg-vastgoedcert-2 {
    fill: #1d1d1b;
}

svg.svg-brand .svg-nwwi-1 {
    fill: #1e0f49;
}

svg.svg-brand .svg-nwwi-2 {
    fill: #fff;
}

svg.svg-brand .svg-nwwi-3 {
    fill: #cad400;
}

svg.svg-brand .svg-tmi-1 {
    fill: #1d1d1b;
}

svg.svg-brand .svg-tmi-2 {
    fill: #0079b1;
}

svg.svg-brand .svg-nrvt-1 {
    fill: #fff;
}

svg.svg-brand .svg-nrvt-2 {
    fill: #bb1e2a;
}

svg.svg-brand .svg-scvm-1 {
    fill: #221f20;
}

svg.svg-brand .svg-scvm-2 {
    fill: #b1191a;
}

svg.svg-brand .svg-scvm-3 {
    fill: #cd1720;
}

svg.svg-brand .svg-scvm-4 {
    fill: #000;
}

svg.svg-brand .svg-vastgoedpro-1 {
    fill: #88898b;
}

svg.svg-brand .svg-vastgoedpro-2 {
    fill: #f18204;
}

svg.svg-brand .svg-qualis-1 {
    fill: #131a1c;
}

svg.svg-brand .svg-qualis-2 {
    fill: #857d65;
}

svg.svg-brand .svg-qualis-3 {
    fill: #fff;
}

svg.svg-brand .svg-tophuis-1 {
    fill: #c69c68;
}

/* Social */
a.svg-rounded,
a.svg-square {
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #e6e6e6;
}

a.svg-rounded svg.svg-social,
a.svg-square svg.svg-social {
    max-height: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

svg.svg-social {
    max-width: 30px;
    max-height: 30px;
}

svg.svg-social .svg-facebook {
    fill: #1877f2;
}

svg.svg-social .svg-twitter {
    fill: #000;
}

svg.svg-social .svg-linkedin {
    fill: #0073b0;
}

svg.svg-social .svg-youtube {
    fill: #f00;
}

svg.svg-social .svg-instagram {
    fill: #bb3181;
}

svg.svg-social .svg-whatsapp {
    fill: #00e676;
}

svg.svg-social .svg-tiktok {
    fill: #010101;
}

svg.svg-social .svg-pinterest {
    fill: #e60023;
}

/* Default */
.d-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    box-sizing: border-box;
}

.col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
    box-sizing: border-box;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
}

.col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    box-sizing: border-box;
}

.col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
    box-sizing: border-box;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
}