@charset "utf-8";
/* CSS Document */

body {
    font-family: Roboto, sans-serif;
	font-weight: 300;
	letter-spacing: 0.015em;
display: flex;
flex-direction: column;
}
body > .container {
  padding: 60px 15px 0;
}
.navbar-lp{
	background-color: #0a283a;
	margin-bottom: 0px;
}
.navbar-vd{
	background-color: #0a283a;
	margin-bottom: 0px;
}
.navbar-vr{
	background-color: #0a283a;
	margin-bottom: 0px;
}
/*.navbar {
    min-height: 75px;
}*/

.jumbotron {
background-image: url(https://virtualval.s3.eu-west-2.amazonaws.com/company/8255/thumb/background_.png);
background-size: cover;
height: 100%;
}
.jumbotron {
    margin-bottom: 0px;
}

.alert-danger {
	background-color: #f0ad4e  !important;
}

.btn-agt-url {
    color: white;
    background-color: #ffd842;
    border-color: #ffd842;
}


.bg-lp-bh {
    background-color: #0a283a !important;
}
.bg-vp-bh {
    background-color: #0a283a !important;
}
.bg-vr-bh {
    background-color: #0a283a !important;
}

.btn-lp-n {
    color: white;
    background-color: #ffd842;
    border-color: #ffd842;
}
.btn-vp-n {
    color: white;
    background-color: #ffd842;
    border-color: #ffd842;
}
.btn-vr-bro {
color: white;
background-color: #72B873;
border-color: #72B873;
}
.btn-vr-bro-let {
color: white;
background-color: #72B873;
border-color: #72B873;
}
.btn-vr-cb {
color: white;
background-color: #72B873;
border-color: #72B873;
}
.btn-vr-cb-let {
color: white;
background-color: #72B873;
border-color: #72B873;
}
.agent {
	color: #ffd842;
}

.header-logo{
position:absolute;
}

.navbar-brand{
	height: 60px;
	padding-top:10px;
}

.jumbotron h1 {
    font-size: 45px;
}
.jumbotron p {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 200;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}

.text-grey{
	color: #909090;
}
.text-white{
	color: #FFFFFF;
}
.md-form .form-label {
    font-size: 14px;
}

.btn {
    font-size: 20px;
}

.hidden-label{
display: none !important;
}

@media (max-width: 575px){
    .mt-xs-0{
        margin-top: 1rem !important;
    }
}

#address_search_value {
	
	font: inherit;
	margin: 0;
	background-image: none;
	font-size: 14px;
	line-height: 1.71429;
	display: block;
	width: 100%;
	box-shadow: none;
	padding: 12px 0;
	background-color: transparent;
	height: auto;
	color: #212121;
	
	border: 0;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
	
	border: 1px solid #e5e5e5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(229, 229, 229);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
}

#address_search_button{
    font-size: 20px;
    color: white;
    background-color: #ffd842;
    border-color: #ffd842;
	display: block;
	width: 100%;
	padding: 11px 15px;
	line-height: 24px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	margin-top: 10px;
	margin-bottom: 10px;
}

#address-search-results{
	height: auto;
	border: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 12px 0;
	background-color: transparent;
	display: block;
	width: 100%;
}

/********************************************************************
Backgrounds
********************************************************************/

.bg-grey {
    background-color: #f5f5f5 !important;
}

/********************************************************************
Padding
********************************************************************/

.pdt-15 {
	padding-top: 15px;
}
.pdt-20 {
	padding-top: 20px;
}
.pdt-25 {
	padding-top: 25px;
}
.pdt-30 {
	padding-top: 30px;
}

.pdb-15 {
	padding-bottom: 15px;
}
.pdb-20 {
	padding-bottom: 20px;
}
.pdb-25 {
	padding-bottom: 25px;
}
.pdb-30 {
	padding-bottom: 30px;
}

/********************************************************************
margins
********************************************************************/

.mgt-15 {
	margin-top: 15px;
}
.mgt-20 {
	margin-top: 20px;
}
.mgt-25 {
	margin-top: 25px;
}
.mgt-30 {
	margin-top: 30px;
}

/***************************/
/****** 2. Typography ******/
/***************************/

h1, h2, h3, h4, h5, h6{
    color: #909090;
    font-weight: 300;
    margin-top: 0em;
    margin-bottom: 0.8em;
    line-height: 1.2em;
    text-transform: capitalize;
}

h1{font-size: 34px;}
h2{font-size: 30px;}
h3{font-size: 26px;}
h4{font-size: 22px;}
h5{font-size: 20px;}
h6{font-size: 18px;}

.h1 .small, .h1 small,
.h2 .small, .h2 small,
.h3 .small, .h3 small,
.h4 .small, .h4 small,
.h5 .small, .h5 small,
.h6 .small, .h6 small,
h1 .small, h1 small,
h2 .small, h2 small,
h3 .small, h3 small,
h4 .small, h4 small,
h5 .small, h5 small,
h6 .small, h6 small
{
    color: #aaa;
    font-weight: 300;
}

b, strong{
    font-weight: 500;
}

blockquote{
    border-left: 2px solid #007ee6;
    padding: 0px 0px 0px 20px;
    font-size: 19px;
    font-weight: 300 !important;
    color: #888;
    font-style: italic;
}

.checkbox-inline, .radio-inline {
position: relative !important;
display: inline-block !important;
padding-left: 20px !important;
margin-bottom: 0 !important;
font-size: 14px !important;
font-weight: 400 !important;
vertical-align: middle !important;
cursor: pointer !important;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}

input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-left: 0px;
margin-top: 1px \9;
line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

a {
color: #51a852;
text-decoration: none;
font-size: 14px;
}

a:hover {
color: #51a852;
text-decoration: none;
font-size: 14px;
}

.form-light.md-form .form-control {
color: #212121 !important;
}
.md-form .form-control {
height: auto !important;
border: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
padding: 12px 0 !important;
background-color: transparent !important;
}

.form-control{
border-radius: 0 !important;
}

select:focus{
border: 0 !important;
border-top-color: currentcolor !important;
border-top-style: none !important;
border-top-width: 0px !important;
border-right-color: currentcolor !important;
border-right-style: none !important;
border-right-width: 0px !important;
border-bottom-color: currentcolor !important;
border-bottom-style: none !important;
border-bottom-width: 0px !important;
border-left-color: currentcolor !important;
border-left-style: none !important;
border-left-width: 0px !important;
border-image-outset: 0 !important;
border-image-repeat: stretch !important;
border-image-slice: 100% !important;
border-image-source: none !important;
border-image-width: 1 !important;
box-shadow: 1px 1px white !important;
}

input:focus{
border: 1px solid white !important;
border-bottom: 1px solid #ced4da !important;
box-shadow: 1px 1px white !important;
}

button:focus{
box-shadow: 1px 1px white !important;
}

button{
font-family: var(--bs-font-sans-serif) !important;
}

#address_search_value:focus{
border: 1px solid #e5e5e5 !important;
border-bottom-color: rgb(229, 229, 229) !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
border-image-outset: 0 !important;
border-image-repeat: stretch !important;
border-image-slice: 100% !important;
border-image-source: none !important;
border-image-width: 1 !important;
}

.lead{
    font-weight: 300;
}

label{
    font-weight: 300;
}

.logo-box{
    text-align: center;
    padding: 20px 40px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.15);
    margin: 20px 0px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.logo-box:hover{
    box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.15);
}

.logo-box img{
    max-width: 100%;
}


.primary-text-light {
color: white !important;
}

.secondary-text-light{
color: rgba(255, 255, 255, 0.7) !important;
}
.subtitle {
font-size: 14px;
}

.card-title-text {
font-weight: 500;
line-height: 1.625;
margin-bottom: 0;
font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.form-select {
font-size: 14px;
font-weight: 300;
border: 0 !important;
border-top-color: currentcolor !important;
border-top-style: none !important;
border-top-width: 0px !important;
border-right-color: currentcolor !important;
border-right-style: none !important;
border-right-width: 0px !important;
border-bottom-color: currentcolor !important;
border-bottom-style: none !important;
border-bottom-width: 0px !important;
border-left-color: currentcolor !important;
border-left-style: none !important;
border-left-width: 0px !important;
border-image-outset: 0 !important;
border-image-repeat: stretch !important;
border-image-slice: 100% !important;
border-image-source: none !important;
border-image-width: 1 !important;
}

.form-control {
font-size: 14px;
font-weight: 300;
}

.btn{
font-weight: 500;
}

.btn:hover{
color: #fff;
}

.btn-text:hover{
    font-size: 20px !important;
}

.border-none{
border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;
}

.fade:not(.show) {
opacity: 1;
}

.modal{
margin-top: 4% !important;
}

.modal-title{
padding-top: 3%;
}

.modal-backdrop {
background-color: transparent;
}

button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}

.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
}

.btn-default {
color: #212121;
background-color: white;
border-color: #e5e5e5;
}

.btn-default:hover {
color: #212121;
}

.background-half-image{}

@media screen and (max-width: 767px) {
.background-half-image{display: none !important;}
.header-logo {position:relative;}
}
////////////////////////////////////////////////////////
/////////////////////    Custom Agent Colors //////////

.text-ginger {
color: #d9534f;
}

/*RESULTS PAGE*/

.page-titles {
color: #909090 !important;
font-weight: 300 !important;
margin-top: 0em !important;
margin-bottom: 0 !important;
line-height: 1.2em !important;
text-transform: capitalize !important;
}

.panel {
margin-bottom: 24px;
background-color: #fff;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}

.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}

.mb-gg {
/*margin-top: 15px !important;*/
margin-bottom: 30px !important;
}

.btn-toolbar {
margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table;
}

.btn-toolbar:after {
clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}

.price-m {
font-size: 22px;
}
.price-e {
font-size: 22px;
}
.price-p {
font-size: 22px;
}

.progress {
height: 40px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
padding: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
font-size: 22px;
line-height: 40px;
color: #fff;
text-align: center;
}


@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}

@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}

.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
background-color: #4dc755;
}

.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
background-color: #00bcd4;
}

.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
background-color: #ffa500;
}

.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
background-color: #ef494d;
}

.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.col-xs-4 {
width: 33.33333%;
}

.panel-body {
padding: 16px 16px 24px;
}

.panel-body:before, .panel-body:after {
content: " ";
display: table;
}

.panel-body:after {
clear: both;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #e5e5e5;
}

.panel-group .panel-footer {
border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #e5e5e5;
}

.panel-default {
border-color: #e5e5e5;
}

.panel-default > .panel-heading {
color: #212121;
background-color: #f5f5f5;
border-color: #e5e5e5;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #e5e5e5;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #e5e5e5;
}

.panel-primary {
border-color: #51a852;
}

.panel-primary > .panel-heading {
color: #fff;
background-color: #51a852;
border-color: #51a852;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #51a852;
}

.panel-primary > .panel-heading .badge {
color: #51a852;
background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #51a852;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d9ebdb;
}

.panel-info {
border-color: #cee9ed;
}

.panel-info > .panel-heading {
color: #00717f;
background-color: #d9f5f9;
border-color: #cee9ed;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #cee9ed;
}

.panel-info > .panel-heading .badge {
color: #d9f5f9;
background-color: #00717f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #cee9ed;
}


.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #f2e6ce;
}

.panel-warning > .panel-heading .badge {
color: #fff2d9;
background-color: #996300;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #f2e6ce;
}

.panel-danger {
border-color: #f0d9d9;
}

.panel-danger > .panel-heading {
color: #8f2c2e;
background-color: #fde4e4;
border-color: #f0d9d9;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #f0d9d9;
}

.panel-danger > .panel-heading .badge {
color: #fde4e4;
background-color: #8f2c2e;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #f0d9d9;
}

.jumbotron p {
margin-bottom: 15px;
font-size: 18px;
font-weight: 200;
}

.jumbotron h1 {
font-size: 45px;
}

.jumbotron h1, .jumbotron .h1 {
color: inherit;
}

@media screen and (min-width: 768px){
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
}

.map {
width: 100%;
height: 350px;
margin-bottom: 20px;
}

.page-header {
padding-bottom: 11px;
margin: 48px 0 24px;
border-bottom: 1px solid #eeeeee;
}

.img-circle {
-webkit-border-radius: 50%;
border-radius: 50%;
}

.staff-detials {
display: inline-block;
padding-top: 50px;
}

.staff-photo {
float: left;
margin-right: 20px;
}

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

.staff{
width: auto !important;
}

.rating-box{
margin: 20px 0px;
text-align: center;
}

.star-rating{
list-style: none;
padding: 0px;
overflow: hidden;
text-align: center;
}

.star-rating li{
display: inline-block;
margin: 0px 5px;
-webkit-transition: 350ms ease all;
transition: 350ms ease all;
}

.rating-box:hover li{
-webkit-transform: scale(1.15);
transform: scale(1.15);
}

.star-rating li i{
color: #ec971f;
font-size: 40px;
}

.rating-box .rating-count{
font-size: 20px;
margin-top: 20px;
}

/* CLASSES FOR MADLEY */
.madley-container{
max-width: 100% !important;
padding: 0 !important;
height: 100vh !important;
}
.madley-visual-height{
height: 100vh !important;
}
.madley-percent-height{
height: 100% !important;
}
.madley-backstretch{
display:none !important;
}

/* Signature Fonts */
@font-face {
font-family: "Montserrat-Black";
font-style: normal;
font-weight: normal;
src: url("https://virtualval.s3.eu-west-2.amazonaws.com/assets/fonts/Montserrat-Black.ttf") format("truetype");
}

@font-face {
font-family: "Acumin";
src: url("https://virtualval.s3.eu-west-2.amazonaws.com/assets/fonts/Acumin.ttf") format("truetype");
}

@font-face {
font-family: "Chunkfive";
src: url("https://virtualval.s3.eu-west-2.amazonaws.com/assets/fonts/Chunkfive.otf") format("opentype");
}

@font-face {
font-family: "Allison_Script";
src: url("https://virtualval.s3.eu-west-2.amazonaws.com/assets/fonts/Allison_Script.ttf") format("truetype");
}

@font-face {
font-family: "Raleway-Regular";
src: url("https://virtualval.s3.eu-west-2.amazonaws.com/assets/fonts/Raleway-Regular.ttf") format("truetype");
}

@font-face {
font-family: "Apple_Chancery";
src: url("https://virtualval.s3.eu-west-2.amazonaws.com/assets/fonts/Apple+Chancery.ttf") format("truetype");
}

@font-face {
font-family: "JosefinSans-Light";
src: url("https://virtualval.s3.eu-west-2.amazonaws.com/assets/fonts/JosefinSans-Light.ttf") format("truetype");
}

@font-face {
font-family: "Helvetica-Neue-Pro-Bold-75";
src: url("https://virtualval.s3.eu-west-2.amazonaws.com/assets/fonts/helvetica_neue_lt_pro_75_bold.ttf") format("truetype");
}

@media only screen and (max-width: 575px) {
    .col-xs-12 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .d-xs-none {
        display: none !important;
    }

    .mobile-padding{
        padding: 0 !important;
    }

}