/* req est card */

.reqEstParent {
	margin-top: -20px;
	width:100% !important;
	border-radius:25px !important;
	/* box-shadow: 0px 0px 5px 5px rgba(0,0,0,.2); */
	border:1px solid rgba(0, 0, 0, 0.5);
}

.reqEstParent * {
/*
	font-family: Oswald !important;
*/
    font-size: 22px;
    font-weight: 300;
}

.reqEstParent .card-title {
        border-top-left-radius:10px !important;
        border-top-right-radius:10px !important;
        text-align:center;
	margin-top:0;
}
.card-title {
/*        font-family:Oswald; */
	font-family:"futo-sans";
        font-size:26px;
        font-weight:700;
	font-style:italic;
        padding:15px;
        color:#fff !important;
/*
	background-color:#f75b57;
       background-color:#054866;
	background-color:rgba(5,72,102,.15);
*/
	background-color:#333333;
}

.card-body {
        padding:0 !important;
        min-height:575px !important;
        overflow:hidden !important;
	border-radius:25px;
	background-color:rgba(0,0,0,0.1);
	
}

.card-body-inner {
        padding:25px 10px;
}
.card-body-inner h1{
	margin-top:20px !important;
	font-family:"Golos Text", sans-serif;
	font-weight:600 !important;
	font-size:1.8rem !important;
}

.modal {
        font-family:Roboto, sans-serif;
        padding-right:0px !important;
        z-index:2000000;
}

.modal-dialog {
/*      max-width:90% !important; */
        width:555px;

        margin-left:auto;
        margin-right:auto;

}

.modal-dialog,
.modal-content {
        min-height:625px !important;
}
.modal-content .row div {
        padding:0 !important;
}
.modal {

        margin-left:auto;
        margin-right:auto;
}

.card .pane {
        display:none;
}

.modal .pane button span {
        display:none;
}
.modal .paneInner {
        max-width:370px;
        margin-left:auto;
        margin-right:auto;
}

.modal .disclaimer {
    font-size: .85em;
    line-height: 1.1em;
        padding-top:10px;
        margin-bottom:0;
        text-align:justify;
        font-weight:200;
        color:#000000;
}

.card {
	background-color:rgba(255,255,255,.75) !important;
}

.card * {
/*
	font-family:Roboto !important;
*/
}

.card h1 {
        font-weight:600 !important;
        font-size:24px;
}
.card input {
        font-family:Roboto, sans-serif;
        color:#000000;
        width:100%;
        max-width:350px;
        margin-left:auto;
        margin-right:auto;
        clear:left;
        display:block;
        text-align:center;
        padding:10px 0px !important;
        font-size:20px;
        font-weight:400;
        border-radius:5px;
        outline:0;
        border:1px solid #000000;
}

.card input[type=text] {
	font-family:"Golos Text", sans-serif;
	font-size:1.2em;
	/* font-style:italic; */
	height:2em;
	margin-top:5px;
	margin-bottom:5px;
}

.card input[readonly] {
	cursor:pointer;
	background-color:#ffffff !important;
}

.card input::placeholder {
	color:#ccc;
}

.card .buttonContainer {
        width:100%;
        min-width:300px;
        margin-left:auto;
        margin-right:auto;
}

.modal-body {
        padding:25px;
        padding-bottom:5px;
        min-height:580px;
        border-bottom: 20px solid #054866;
}

.modal-header {
        border:0 !important;
}

.card .paneInner button:after {
    content:' >';
}

.card .paneInner .no_arrow:after {
	content:'' !important;
}

.card .paneInner .btnBack:after {
        content: '';
}
.card .btnBack:before {
        content: '< ';
}

.card button span {
        float:right;
        padding-right:10px;
}


.card .btnBack {
        clear:left;
        display:block;
        margin-top:10px;
        max-width:120px;
        width:35%;

        background-color:#192b41;
        color:#FFFFFF;
	    padding:10px 15px;
        font-size:16px;
		font-family:"Bakbak One", display;
        font-size:1.25rem;
	opacity:.7;
}
.modal .btnBack:hover {
	opacity:1;
	background-color:#192b41;
}

.card  .stepTxt {
        font-weight:600;
        text-transform:uppercase;
        font-size:11px;
}
.card .errorTxt {
        display:none;
        color:red;
	font-weight:400;
        font-size:.9em;
       
}

/* Progress Bar */


.pBar {
        border-radius:10px;
}

.pBarValue {
        background:#192b41;
}






.inputGroup {
  background-color: #fff;
  display: block;
  margin: 5px 0;
  position: relative;
}
.inputGroup label {
  padding: 2px 0px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  color: #000000;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: color 100ms ease-in;
  transition: color 100ms ease-in;
  overflow: hidden;
  background-color:#FFFFFF;
  border:1px solid #000000;
  border-radius:5px;
  font-size:18px;
  font-weight:400;
  text-align:center;
  margin-bottom:0 !important;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:hover {
        background-color:#192b41;
        color:#FFFFFF;
}
.inputGroup input[type="radio"]:checked + label {
        background-color:#192b41;
        color:#FFFFFF;
}
.inputGroup input:checked ~ label {
  color: #fff;
  background-color: #192b41;
}
.inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}


.inputGroup input {
  width: 32px;
  height: 32px;
  -webkit-box-ordinal-group: 2;
          order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

#propertyTypeForm {
  margin: auto;
  font-size: 12px;
  font-weight: 600;
  line-height: 36px;
}

*,
*::before,
*::after {
 /* box-sizing: inherit; */
}
[class^=progress]>svg, [class*="progress"]>svg {
    width: 800px;
        height: 120px !important;
    margin-left:auto;
    margin-right:auto;
}


.progress,
.progress::before,
.progress::after {
        box-sizing:inherit;
}

.progress{
        width:120px;
        height: 120px !important;
    margin-left:auto;
    margin-right:auto;
        background:none !important;
        box-shadow:none;
	margin-bottom:15px;
}
.circle-progress-value {
        stroke-width: 12px;
        /* stroke: #ba6222; */
	stroke:rgb(140,195,65);
}
.circle-progress-circle {
        stroke: #000;
        stroke-width: 11px;
        fill: #444;
}
.circle-progress-text {
        /* font-family:"Golos Text", sans-serif; */
	font-family:"Calistoga",display;
        font-size: 20px;
	font-weight:300;
        /* fill: black; */
	fill:rgb(140,195,65);
	    letter-spacing: 1.2px;
}

/* dialog */

.ui-widget-header {
    border: 0;
    background: none;
}
.ui-dialog .ui-dialog-content {
        background-color:#FFFFFF !important;
}

.card button {
        clear:left;
        display:inline;
        width:100%;
        max-width:350px;
        margin-left:auto;
        margin-right:auto;
	margin-top:5px;
        /* background-color:#EA2139; */
	/* background-color:#054866; */
	/* background-color:rgb(255, 134, 45); */
	/* background-color:rgb(248, 159, 0); */
	/* background-color:#f8d300; */
	background-color:#000;
        color:#BBB;
        text-align:center;
        /* font-weight:bold; */
        padding-top:15px;
        padding-bottom:15px;
        border-radius: 5px;
	border-radius:100em;
        border:0;
        outline:0;
        cursor:pointer;
		font-family:"Bakbak One", display;
        font-size:1.5rem;
/*        transition: 0.3s; */
	line-height:1.2;
	    transition-duration: .3s;
	text-transform:uppercase;
}

.card button:hover {
        color:#FFF;
	/* background-color:#333333; */
	background-color:#000;
	border:0;
}
.card button span {
    position: absolute;
    right: 0;
}

#btn_1,
#btn_2 {
	min-width:120px;
	width:40%;
	display:inline-block;
}

.container-fluid {
        padding-left:0;
        padding-right:0;
}
.modal-header {
        background-color:#054866;
}
.modal-header,
.modal-header .close,
.modal-header span
.modal-header h4,
.modal-header h5 {
        font-size:22px !important;
        color:#FFFFFF !important;
}

.modal-header .close {
        opacity:.75;
        outline:none;
        padding:.6rem;
}
.modal-header .close:hover {
        opacity:1 !important;
}

.modal-header button:hover {
        background-color:transparent !important;
}
.card .callInstead {
        text-align:center !important;
        margin-top:15px !important; 
	margin-bottom:5px !important;
        font-size:20px !important;
        padding-bottom:0 !important;
        font-weight:400 !important;
	font-family:"Golos Text", sans-serif;
	line-height:36px;
	display:block;
	clear:both;
}

.card .callNow,
.card .clickBelow {
	padding:0px 15px;
	margin-top:25px;
	line-height:34px !important;
	font-size:28px !important;
	text-align:center;
	font-family:"Golos Text", sans-serif;
	display:block;
	clear:both;
}

.card .callNow a {
	font-size:28px !important;
	line-height:34px !important;
    font-weight:bold;
    color:#000;
}

.card .callInstead a {
        font-size:32px;
        font-weight:bold;
        color:#000;
	display:block;
	clear:left;
	line-height:32px;
}

.card .clickBelow {
	font-size:20px !important;
}

.card .popupPhoneNumber,
.card .popupPhoneNumber a {
        font-size:20px !important;
        font-weight:bold;
        margin-bottom:0;
        text-decoration:none;
}


@media only screen and (max-width: 960px) {

        .reqEstParent {
                margin-top:0;
        }
}