﻿@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&display=swap");

/* strapline on slider */
.dream-homes-strap {
  background-color: rgba(0, 0, 0, 0.8);
  width           : 20%;
  position        : fixed;
  bottom          : 0;
  left            : 0;
  padding-top     : 30px;
  z-index         : 9999;
}

.dream-homes-strap h2 {
  color      : #ffffff;
  font-weight: normal;
  font-size  : 1.4em;
}

.dream-homes-strap h2 span {
  color      : #e72f87;
  font-weight: 700;
}

.dream-homes-strap a {
  width : 100%;
  height: 100%;
}

/* homepage search panel */
.bg-search {
  background-color: #242424;
}

.pink_strap {
  font-style : italic;
  color      : #e72f87;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

#welcomePanel h2 {
  border-left : solid 2px #e72f87;
  font-weight : normal;
  padding-left: 10px;
  color       : #000000;
}

#welcomePanel span {
  color: #26255e;
}

.header-trims {
  color         : #000000;
  text-transform: uppercase;
  font-weight   : normal;
}

.header-trims span {
  color: #26255e;
}

.header-trims:after {
  background: none repeat scroll 0 0 #e72f87;
  bottom    : -10px;
  content   : "";
  display   : block;
  height    : 2px;
  position  : relative;
  width     : 100px;
}

.hero-search .less--options {
  background-color: transparent !important;
}

.header-trims2 {
  color         : #ffffff;
  text-transform: uppercase;
  font-weight   : normal;
}

.header-trims2 span {
  color: #e72f87;
}

.property-item .property--status {
  position             : absolute;
  bottom               : 0;
  right                : 0;
  background-color     : rgba(0, 0, 0, 0.7);
  color                : #ffffff;
  font-size            : 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  border-radius        : 2px;
  padding              : 5px 10px;
  display              : block;
}

.property-item .property--price {
  position             : absolute;
  top                  : 80px;
  left                 : 0;
  background-color     : rgba(0, 0, 0, 0.7);
  color                : #ffffff;
  font-size            : 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  border-radius        : 2px;
  padding              : 5px 10px;
  display              : block;
}

.property-item .property--guideprice {
  position             : absolute;
  top                  : 0px;
  left                 : 0;
  background-color     : rgba(0, 0, 0, 0.7);
  color                : #ffffff;
  font-size            : 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  border-radius        : 2px;
  padding              : 5px 10px;
  display              : block;
}

.property-item .property--features {
  position             : absolute;
  bottom               : 0;
  left                 : 0;
  background-color     : rgba(0, 0, 0, 0.7);
  color                : #ffffff;
  font-size            : 12px;
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  border-radius        : 2px;
  padding              : 5px 10px;
  display              : block;
}

.property-item .property--sold {
  position             : absolute;
  top                  : 0px;
  right                : 0;
  width                : 0;
  height               : 0;
  border-style         : solid;
  border-width         : 0 60px 60px 0;
  border-color         : transparent #e72f88 transparent transparent;
  line-height          : 0px;
  _border-color        : #000000 #e72f88 #000000 #000000;
  _filter              : progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  color                : #ffffff;
  font-size            : 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  border-radius        : 2px;
  padding              : 1px 1px;
  display              : block;
  -webkit-transform    : rotate(360deg);
  border-style         : inset;
}

.property-item .property--new {
  position             : absolute;
  top                  : 0px;
  right                : 0;
  width                : 0;
  height               : 0;
  border-style         : solid;
  border-width         : 0 60px 60px 0;
  border-color         : transparent #008015 transparent transparent;
  line-height          : 0px;
  _border-color        : #000000 #008015 #000000 #000000;
  _filter              : progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  color                : #ffffff;
  font-size            : 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  border-radius        : 2px;
  padding              : 1px 1px;
  display              : block;
  -webkit-transform    : rotate(360deg);
  border-style         : inset;
}

.property-item .property--reduced {
  position             : absolute;
  top                  : 0px;
  right                : 0;
  width                : 0;
  height               : 0;
  border-style         : solid;
  border-width         : 0 60px 60px 0;
  border-color         : transparent #800000 transparent transparent;
  line-height          : 0px;
  _border-color        : #000000 #800000 #000000 #000000;
  _filter              : progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  color                : #ffffff;
  font-size            : 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  border-radius        : 2px;
  padding              : 1px 1px;
  display              : block;
  -webkit-transform    : rotate(360deg);
  border-style         : inset;
}

.sold-text-pos {
  transform: rotate(45deg);
  position : absolute;
  top      : 21px;
  left     : 20px;
}

.bg-light-gray {
  background-color: #e7e6e7 !important;
}

#latestTestimonials p {
  color: #ffffff;
}

#latestTestimonials .person-name {
  color      : #e72f87;
  font-weight: bold;
}

.newsletter--form button {
  background-color  : #e72f87;
  line-height       : 42px;
  color             : #ffffff;
  font-size         : 12px;
  font-weight       : 600;
  position          : absolute;
  top               : 0px;
  right             : 0px;
  cursor            : pointer;
  border            : none;
  height            : auto;
  padding           : 0;
  -webkit-transition: all 0.4s ease;
  transition        : all 0.4s ease;
}

/* footer changes */
.footer-widget .widget--title h5 {
  font-family   : "Poppins", sans-serif;
  color         : #ffffff;
  font-size     : 22px;
  font-weight   : normal;
  line-height   : 1;
  text-transform: none;
  margin-bottom : 27px;
}

.footer-widget p {
  font-family: "Poppins", sans-serif;
  color      : #ffffff;
}

.footer-widget .widget--title h5:after {
  background: none repeat scroll 0 0 #fff;
  bottom    : -10px;
  content   : "";
  display   : block;
  height    : 1px;
  position  : relative;
  width     : 40px;
}

.footer-widget .widget--about p {
  font-size    : 14px;
  line-height  : 26px;
  margin-bottom: 30px;
  color        : #ffffff;
}

.footer-widget .widget--about ul li {
  font-size    : 14px;
  font-weight  : 400;
  line-height  : 24px;
  color        : #ffffff;
  margin-bottom: 4px;
  display      : block;
}

.footer-widget .widget--about ul li:last-of-type {
  margin-bottom: 0;
}

.footer-widget .widget--links ul li a {
  font-size    : 14px;
  font-weight  : 400;
  line-height  : 24px;
  color        : #ffffff;
  margin-bottom: 9px;
  display      : block;
}

.footer-widget .widget--links ul li a:hover {
  color: #e72f87;
}

.footer--copyright a {
  margin-left : 10px;
  margin-right: 10px;
}

.top-bar {
  background-color: #242424;
  color           : #e72f87;
  padding         : 5px;
}

.top-bar a {
  color: #e72f87;
}

.top-bar a:hover {
  color: #ffffff;
}

.pt-10 {
  padding-top: 10px !important;
}

.pink {
  color      : #e72f87;
  font-weight: 700;
}

.featOverlay {
  position        : absolute;
  top             : 0;
  bottom          : 0;
  left            : 0;
  right           : 0;
  height          : 100%;
  width           : 100%;
  opacity         : 0;
  transition      : 0.5s ease;
  background-color: #242424;
}

.featOverlay h4 {
  color: #ffffff !important;
}

.featOverlay h5 {
  color: #ffffff !important;
}

.featContainer:hover .featOverlay {
  opacity: 1;
}

.nav-margin {
  margin-left: 30px;
}

.mobileSearchBox {
  display: none;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  .dream-homes-strap {
    display: none !important;
  }

  .nav-margin {
    margin-left: 0px;
  }

  #page-title {
    height: 150px !important;
  }

  .mobileSearchBox {
    display: inline-block;
  }
}

.pagination .currentpage a {
  background-color: #e72f87;
  color           : #fff;
}

.pagination .currentpage a:hover {
  background-color: #518acb;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .dream-homes-strap {
    display: none !important;
  }

  .nav-margin {
    margin-left: 0px;
  }

  #page-title {
    height: 150px !important;
  }

  .mobileSearchBox {
    display: inline-block;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .dream-homes-strap {
    display: none !important;
  }

  .nav-margin {
    margin-left: 0px;
  }

  #page-title {
    height: 150px !important;
  }

  .mobileSearchBox {
    display: inline-block;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .dream-homes-strap {
    display: none !important;
  }

  .nav-margin {
    margin-left: 0px;
  }

  #page-title {
    height: 150px !important;
  }

  .mobileSearchBox {
    display: inline-block;
  }
}

/* multistep form */
#regForm {
  background-color: #ffffff;
  padding         : 40px;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height          : 15px;
  width           : 15px;
  margin          : 0 2px;
  background-color: #bbbbbb;
  border          : none;
  border-radius   : 50%;
  display         : inline-block;
  opacity         : 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4caf50;
}

.fb_iframe_widget {
  display    : inline-block;
  position   : relative;
  margin-left: 50% !important;
}

.bid-value {
  color      : #e72f87 !important;
  font-weight: bold;
}

.reveal-open {
  overflow: auto;
  height  : auto;
}

.reveal-closed {
  overflow: hidden;
  height  : 40px;
}

.show-more-hover {
  cursor: pointer;
}

#welcomePanel h1 {
  border-left : solid 2px #e72f87;
  font-weight : normal;
  padding-left: 10px;
  color       : #000000;
  font-size   : 40px;
}

.page-title .title--heading h2 {
  color         : #ffffff;
  font-size     : 50px;
  font-weight   : 500;
  line-height   : 1.2;
  margin-bottom : 0;
  text-transform: capitalize;
}

/* Landing Page */

.landing-main-bg {
  background-image: url("https://www.moovd.co.uk/assets/images/moovd-theme/lowes-slide-4.jpg");
  background-size : cover;
}

.landing-head {
  padding         : 10px;
  background-color: rgba(255, 255, 255, 0.7);
  text-align      : center;
}

.landing-head img {
  width: 6%;
}

.landing-title {
  width           : 85%;
  display         : inline-block;
  background-color: rgba(0, 0, 0, 0.7);
  margin          : 40px 10px 10px 10px;
  padding         : 10px;
  text-align      : center;
}

.landing-title h2 {
  color : white;
  margin: 0 0 0px;
}

.landing-title small {
  font-size : 12px;
  margin-top: -10px;
}

.landing-col {
  background-color: rgba(0, 0, 0, 0.7);
  padding         : 10px;
  border          : 10px solid rgba(255, 255, 255, 0);
}

.landing-col p {
  color: white;
}

.landing-contain {
  margin: 30px;
}

.form-box-landing {
  background-color     : rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
  padding              : 25px;
  margin-bottom        : 20px;
}

.form-group-landing {
  margin-bottom: 10px;
  position     : relative;
}

.form-title-landing {
  color: white;
}

.landing-condition-text {
  color: white;
}

.form-box-landing label {
  color: white;
}

.form-box-landing select,
.form-control,
textarea.form-control {
  font-family          : "Poppins", sans-serif;
  background-color     : #ffffff;
  border               : 1px solid #eeeeee;
  font-size            : 14px;
  color                : #aaaaaa;
  line-height          : 42px;
  height               : 32px;
  margin-bottom        : 0;
  box-shadow           : none;
  -moz-box-shadow      : none;
  -webkit-box-shadow   : none;
  padding              : 0 18px;
  -webkit-border-radius: 0px;
  -moz-border-radius   : 0px;
  border-radius        : 0px;
}

textarea.form-control {
  height: auto;
}

.landing-col ol {
  color: white;
}

.landing-col h4 {
  color: white;
}

select {
  background-color: #ffffff;
}

.landing-title h5 {
  color      : white;
  line-height: 0.6;
  margin-top : 20px;
}

@media screen and (max-width: 768px) {
  .landing-head img {
    width: 12% !important;
  }

  .landing-title h5 {
    color      : white;
    line-height: 1 !important;
    margin-top : 20px;
  }

  .landing-title h2 {
    color      : white;
    margin     : 0 0 0px;
    line-height: 1.5 !important;
  }

  .mobileSearchBox {
    display: inline-block;
  }
}

/* new valuation page*/
.valuation-container {
  width              : 100%;
  padding            : 0px;
  margin             : 0px;
  background-image   : url("https://www.moovd.co.uk/assets/images/moovd-theme/valuation-bg.jpg");
  background-size    : cover;
  background-position: center center;
}

.val-box {
  background-color: rgba(0, 0, 0, 0.84);
  border-radius   : 30px;
  margin-top      : 100px;
}

.val-box h3 {
  color     : #e72f87;
  margin-top: 30px;
}

.val-box h4 {
  color      : #ffffff;
  line-height: 1.3em;
  font-weight: 500;
}

.val-box p {
  color: #ffffff;
}

.val-box .form-control {
  padding: 21px 18px;
}

.val-box select {
  color    : #000000;
  font-size: 1.5em !important;
}

.val-box ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color    : black;
  opacity  : 1;
  /* Firefox */
  font-size: 1.5em !important;
}

.val-box :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color    : black;
  font-size: 1.5em !important;
}

.val-box ::-ms-input-placeholder {
  /* Microsoft Edge */
  color    : black;
  font-size: 1.5em !important;
}

.val-box2 select {
  color    : #000000;
  font-size: 1.5em !important;
}

.val-box2 ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color    : black;
  opacity  : 1;
  /* Firefox */
  font-size: 1.5em !important;
}

.val-box2 :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color    : black;
  font-size: 1.5em !important;
}

.val-box2 ::-ms-input-placeholder {
  /* Microsoft Edge */
  color    : black;
  font-size: 1.5em !important;
}

.val-box3 {
  background-color: rgba(0, 0, 0, 0.84);
  border-radius   : 30px;
  margin-top      : 100px;
}

.val-box3 h3 {
  color     : #e72f87;
  margin-top: 30px;
}

.val-box3 h4 {
  color      : #ffffff;
  line-height: 1.3em;
  font-weight: 500;
}

.val-box3 p {
  color: #ffffff;
}

.val-box3 .form-control {
  padding: 21px 18px;
}

.val-box3 select {
  color    : #000000;
  font-size: 1.5em !important;
  height   : auto !important;
  padding  : 0px 18px !important;
}

.val-box3 ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color    : black;
  opacity  : 1;
  /* Firefox */
  font-size: 1.5em !important;
}

.val-box3 :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color    : black;
  font-size: 1.5em !important;
}

.val-box3 ::-ms-input-placeholder {
  /* Microsoft Edge */
  color    : black;
  font-size: 1.5em !important;
}

#getaddress_input {
  padding   : 21px 18px !important;
  color     : #000000 !important;
  text-align: center;
  width     : 50%;
  float     : left;
}

@media screen and (max-width: 1440px) {
  #getaddress_input {
    padding      : 21px 18px !important;
    color        : #000000 !important;
    text-align   : center;
    width        : 100%;
    float        : left;
    margin-bottom: 10px;
  }

  .hero-search .btn {
    margin-bottom: 10px !important;
    z-index      : 99;
  }

  .form-group {
    margin-bottom: 5px !important;
    position     : relative;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
  #getaddress_input {
    padding      : 21px 18px !important;
    color        : #000000 !important;
    text-align   : center;
    width        : 100%;
    float        : left;
    margin-bottom: 10px;
  }

  .hero-search .btn {
    margin-bottom: 10px !important;
    z-index      : 99;
  }

  .form-group {
    margin-bottom: 5px !important;
    position     : relative;
  }
}

@media screen and (max-width: 768px) {
  .val-box h3 {
    color     : #e72f87;
    margin-top: 0px;
    text-align: center;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  .val-box {
    background-color: rgba(0, 0, 0, 0.84);
    border-radius   : 30px;
    margin-top      : 30px;
  }

  .val-box h3 {
    color     : #e72f87;
    margin-top: 0px;
    text-align: center;
    font-size : 2em;
  }

  .val-box h4 {
    color      : #ffffff;
    line-height: 1.3em;
    font-weight: 500;
    text-align : center;
    font-size  : 1.3em;
  }

  #getaddress_input {
    width: 100%;
  }
}

/* Location Pages */

.location-right-text {
  text-align: left;
}

.location-icon-block {
  border-radius     : 20px;
  margin            : 25px;
  padding           : 25px;
  -webkit-box-shadow: 0px 0px 42px -11px rgba(99, 94, 99, 0.3);
  -moz-box-shadow   : 0px 0px 42px -11px rgba(99, 94, 99, 0.3);
  box-shadow        : 0px 0px 42px -11px rgba(99, 94, 99, 0.3);
  text-align        : center;
  min-height        : 335px;
}

.location-icon-block img {
  width        : 20%;
  margin-top   : -60px;
  margin-bottom: 15px;
}

.location-icon-block h4 {
  color    : #e72f87;
  margin   : 0 0 15px;
  font-size: 26px;
}

.location-big-box {
  border-radius     : 20px;
  margin            : 25px;
  padding           : 25px;
  -webkit-box-shadow: 0px 0px 42px -11px rgba(99, 94, 99, 0.3);
  -moz-box-shadow   : 0px 0px 42px -11px rgba(99, 94, 99, 0.3);
  box-shadow        : 0px 0px 42px -11px rgba(99, 94, 99, 0.3);

  min-height: 320px;
}

.location-big-box h5 {
  text-align: center;
}

.location-big-box ul {
  color: #000;
}

@media screen and (max-width: 769px) {
  .location-icon-block img {
    width        : 20%;
    margin-top   : -40px;
    margin-bottom: 15px;
  }
}

footer .widget--about .widget--content {
  display: flex;
}

footer .widget--about .widget--content .awardImg {
  max-width : 90%;
  margin-top: -10px;
  width     : 40% !important;
}

@media screen and (max-width: 1600px) {
  footer .widget--about .widget--content .awardImg {
    width: 60%;
  }
}

@media screen and (max-width: 1024px) {
  footer .widget--about .widget--content {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  footer .widget--about .widget--content .awardImg {
    width: 40%;
  }

  footer .widget--about .widget--content {
    display        : flex;
    justify-content: start;
  }
}

footer .widget--about:last-of-type .widget--content {
  display: block;
}