@import url('https://fonts.googleapis.com/css?family=Asap');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Catamaran|Gudea|Jura|Quicksand|Roboto+Condensed');
@import 'bgfade.css';

/* Color Reference 

Logo 
	blue = #19a6e0
	green = #8dbd4f

*/
 
html,body {
  font-family:Quicksand, sans-serif;
}
h1 {
  font-family: Asap, sans-serif;
  font-size:5em;
  font-style:italic;
  color:#aaa;
}

#panorama{background:#000;}
#HVEback{background:url(../images/FreeHomeEst_defaultbackground.jpg);
position: relative;
background-size:cover;
}
/* Nav Bar */
.navbar-header{padding:1em;height:4em;}
.navbar-header img{height:2em;}
.navbar-inverse{background:#022B3A;border-bottom:2px solid #19a6e0;}
/* Custom container */
.container-full {
  margin: 0 auto;
  width: 100vmin;
  min-height:30%;
/*  b!ackground:url(../images/temp_bg.jpg) no-repeat;*/
  color:#000;
  overflow:hidden;
  font-size:3em;
}
.input-group .form-control {

    width: 100%;

}
.home {
  min-height:100%;
/*  ba!ckground:url(../images/temp_bg.jpg) no-repeat;*/
  background-size: cover;
  color:#000;
  overflow:hidden;
  font-size:3em;
  width:100hw;
}
.container-full a {
  color:#000;
  text-decoration:none;
}
.container-lg {
  width: 1200px;  
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.col-md-4 {
    padding-right: 10px!important;
    padding-left: 10px!important;
}
.col-md-6 {
    padding-right: 10px!important;
    padding-left: 10px!important;
}

#Mee-modal {
  top:40%;
  left:47%;
  outline: none;
}
#EM-modal {
  top:45%;
  left:47%; 
  outline: none;
}
.popover{
    width:350px;
    height:230px;    
}
.v-center {
  margin-top:0;
}
#cta{
	margin:10vmin 0 8vmin 0;
	background: -moz-linear-gradient(top,  rgba(2,43,58,0.7) 0%, rgba(2,43,58,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(2,43,58,0.7) 0%,rgba(2,43,58,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(2,43,58,0.7) 0%,rgba(2,43,58,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80022b3a', endColorstr='#80022b3a',GradientType=0 ); /* IE6-9 */
	text-shadow: -1px 1px 3px rgba(0, 0, 0, 1);
	border-radius: 0;	
	padding:1vmin;
}
.cta_greeting{
	font-size:7vmin;opacity:2;color:#8dbd4f;
}

.cta_greeting2 {
	font-size: 4vmin;opacity: 2;color: #8dbd4f;
}

.cta_headline {
	font-size:4vmin;
	color:#19a6e0;
	padding:1vmin;
}
.cta_headline_mbl {
	font-size:5vmin;
	color:#19a6e0;
	padding:1vmin;
}
.lead {
	font-size:2.5vmin;
	color:#fff;
	padding: 1vmin 6vmin;
	margin:0 1vmin;	
}
.lead_mbl {
	font-size:3.5vmin;
	color:#fff;
	padding: 1vmin 10vmin;
	margin:0 1vmin;	
}
#mapheader{height: 8em;
	width: 100%;
	padding:0;
	position:absolute;
	top:0em;
	z-index:1;
	}
#mapheaderNP{height: 10.25em;
	min-height:10.25em !important;
	width: 100%;
	padding:0;
	position:absolute;
	top:0em;
	z-index:1;
	background-image:url("../images/header_bg.jpg");
	}
#greetingbox{
	background-color: rgba(100, 100, 100, 0.7);
	margin:0 1em;
}
#hvcontent {
	position:relative;
	z-index: 2; 
	top:15vmin;	
    
}
#hvcontent_rpt {
	position:none;
}
#hvwelcome{
	position:relative;
	z-index:2; 	
	font-size:8vmin;
	top:1.5em;
	color:#fff;
	text-shadow: -2px 2px 5px rgba(0, 0, 0, 1);
}

#hvdata {
	position:relative;
	z-index:2; 	
	top:2vmin;
	padding-bottom:5em;
	}
#hvdata_rpt {
	padding-bottom:10em;
} 

#propaddress{font-size:2em;padding:.2em;color:#fff;position:fixed;z-index:1500;width:100%;}
#propaddress.mbl{font-size:.6em;padding:.2em;color:#fff;position:relative;z-index:1500;width:100%;margin-top:2em}

#hvestimate{font-size:1em;padding:0;}
#hvestimate .panel,#hvestimate .panel-heading{font-size:1.85em !important;}
#hvestimate .panel-body{font-size:1.7em;padding:.28em;}
#hvestimate .estnote{color:#022B3A;font-size:.45em;display:flex;}

#hvestimate_mbl{font-size:2em;padding:0;}
#hvestimate_mbl .panel,#hvestimate .panel-heading{font-size:1em !important;}
#hvestimate_mbl .panel-body{font-size:.8em;padding:.28em;}
#hvestimate_mbl .estnote{color:#022B3A;font-size:.45em;}

#estimates{
	margin-top:2vmin;position:relative;
	z-index: 5; 	
	}
#estimates .panel,#estimates .panel-heading{font-size:1em;}
#estimates .epp,#estimates .zill{font-size:1.25em;margin-top:0vmin;}
#estimates .panel{min-height:27rem;}
#estimates .zill img{height:30px !important;margin-top:.75em;}
#estimates .epp img{margin-top:.75em;}
#estimates.rpt{
	margin-top:0;position:relative;
	z-index: 5; 
	padding-top:1em;
	}
#comps{padding:1em;font-size:1em;}
#other_stuff{padding:1em;font-size:1em;}
.solidbg{background:#6C6F7D;}
.bg1{background:#CAD2C5;padding:1em 0;}
.bg2{background:#E4DFDA;}
.bg3{background:#FFF;}
.bg4{background:#022B3A;}
.footer{background: #1A1D1A;height:5em;font-size:.75em !important;padding:1em;color:#fff;width:100%;z-index:5;line-height:130%;position:fixed;bottom:0;z-index:20;}
.footer a{color:#8dbd4f;}
#HomeValueEstimate .input-lg {font-size:.9em !important;height:1.2em !important;text-align:center;}
#pac-input .input-plac{
  font-size: .6em!important;
}
#StartHVE .input-lg {font-size:.5em !important;text-align:center;}
#GoGo{height:2.6em;}
hr{width:40%;}
#entercode{width:11em;
	margin-left: auto;
    margin-right: auto;
	}
#entercode_mbl{
	width:80%;
	margin-left: auto;
    margin-right: auto;
	}
#login{}
.topinfo {
	padding: 3vmin;
}

.agentphoto {
	width: 10em;
	margin: 0.4em 1em !important;
	height: 100%;
}

.agentphoto_team {
	width: 15em;
	padding-top: .5em !important;
}

.agentphoto2 {
	width: 12em;
	padding-top: .5em !important;
}

.agentphoto img {
	-webkit-box-shadow: -2px 2px 5px 2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -2px 2px 5px 2px rgba(0, 0, 0, 0.75);
	box-shadow: -2px 2px 5px 2px rgba(0, 0, 0, 0.75);
}

.agentphoto_team img{
	width:50%;float:left;
	}

#agentinfo,#agent2info {float:left;margin-bottom:2rem !important;}
#agentinfo div,
#agent2info div {
   float: left;
   font-size: 1em;
   margin: 0;
   padding: 0;
}
#agent2info .contactinfo div {
   float: none;
}
#agentPCText {
	min-width:250px;
}
#agentPCText p {
	margin: 0;
}
#agentPCText p span {
	word-wrap:break-word;
}
#agentinfo .rpt{margin-top:1em !important;}
#agentinfo div span,#agent2info div span{display:inline-block;width: 100%}
#agentinfo .btn {margin-top: 1px;margin-bottom: 5px;}
#agent2info .btn {margin-top: 1px;margin-bottom: 5px;}
#requestinfo{padding:1em;background:#fff;margin-top:.35em;float:left;}
#requestinfo div h3{margin:0 0 .35em 0;text-align:center;}
#requestinfo div p{margin:0 0 .5em 0;font-size:1.25em;}
#requestinfo .ctabuttons{width:100% !important;padding:.5rem 2rem;}
#requestinfo .ctabuttons .btn:nth-child(1){margin-bottom:1rem !important;width:100%;}
#requestinfo .ctabuttons .btn.btn-success{margin:0 .1rem !important; width: 49%;}

#requestinfo .ctabuttons .btn:hover{
	-webkit-box-shadow: -2px 2px 5px 0px rgba(100, 100, 100, 0.65);
	-moz-box-shadow:    -2px 2px 5px 0px rgba(100, 100, 100, 0.65);
	box-shadow:         -2px 2px 5px 0px rgba(100, 100, 100, 0.65);	
	background:#8dbd4f;
	border:none;
	color:#fff;
	}
#requestinfo .ctabuttons_mbl{width:100% !important;}
#requestinfo .ctabuttons_mbl .btn{width:95% !important;margin:0 .5em .5em .5em;}
#requestinfo .ctabuttons_mbl .btn:hover{
	-webkit-box-shadow: -2px 2px 5px 0px rgba(100, 100, 100, 0.65);
	-moz-box-shadow:    -2px 2px 5px 0px rgba(100, 100, 100, 0.65);
	box-shadow:         -2px 2px 5px 0px rgba(100, 100, 100, 0.65);	
	background:#8dbd4f;
	border:none;
	color:#fff;
	}

.agentname{text-align:left;font-weight:normal;font-size:1.2em;display:block}
.agentdata{text-align:left;display:block}
.contactinfo{margin:.5em 0 0 .5em !important;float:left;padding:.25em 1em !important;line-height:140% !important;}
.contactinfo button{margin-top:1.25rem !important;}
.specs{width:32%;display: inline-table;vertical-align: middle;border-collapse: separate;}
.specs2{width:100%;}
#propinfo h3{margin:0;}
#CMAform{padding:1em 2em;}
div.solds{padding:0;padding-bottom:1em;font-size:1.25em;float: none;}
.solds{border-radius:1em;}
.solds td{text-align:center;}
.solds td:nth-child(2){text-align:left;}
.solds td:nth-child(6),.solds td:nth-child(7),.solds td:nth-child(8){text-align:right;}
.solds th{text-align:center;}
.solds th:nth-child(2){text-align:left;}
.solds th:nth-child(6), .solds th:nth-child(7), .solds th:nth-child(8){text-align:right;}
#mapsliders .sliderwrap{font-size:1.5em; margin:1em !important;padding:0 1em;}
#mapsliders .sliderwrapNoHVE{font-size:1.5em; margin:1em !important;padding:1em 1em 0 1em;}
#mapsliders .row div{font-size:.85em;padding-top:.35em;}
#mapsliders p{font-size:1.1em;margin-top:1em;}
#map_canvas {
	width:100%;
    height: 5em;
 	height:calc(100% - 0px);
	border:1px solid #000000;
	margin-left:1em;
}
.map { 
	height: 18em; 
	}
/*#map_canvas{width:550px; height:250px; border:1px solid #000000; margin-left:18px;}*/
#map_canvas img{ 
	max-width: none !important; 
    height: auto !important; 
    background: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
	}
.modal-backdrop{display:none;}
.more-details{
		background:#D0D6B3 !important;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
.more-details h4{
	font-size:1.65em !important;
	}
.ownerinfo{
		color:#fff;
		font-size: 1.75em;
		font-weight:bold;
		padding-top:.5em;
		}		

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
	height:100%;
	margin: auto 0;
	}
.vcenter button{margin-top:1em !important;}
label.chk{font-size:.75em;}
#loading{font-size:1em;font-weight:bold;color:#8dbd4f;position:absolute;top:30%;z-index:2000;}
#login_mbl{width:80%}
.mbl .panel-heading {height:70px;padding-left:0;}
div.panel-heading{padding-left:0 !important;margin:0 0 0 0px !important;font-size:.8em;}
div.panel-heading a,div.panel-title a{font-size:.7em;line-height:120% !important;}
div.panel-heading div input[type="checkbox"]{width:5vmin  !important;height:5vmin  !important;}
.compare{padding:0 !important;background:#F7EFB7;border:1px solid #444;border-radius:6px;}
.solds h3{font-size:5vmin;}
.panel-body{padding-left:1vmin !important;padding-right:1vmin !important;}
#accordion{font-size:.75em !important;}
#BestEstimate{font-size:1.0em;}
.caveat h2{font-size:.7em !important;font-weight:bold;color:#333 !important;padding:.2em 0 !important;margin:0 !important;}
.caveat p{font-size:.6em !important;font-weight:bold;color:#000 !important;padding:.1em 0 !important;margin:0 !important;text-align:center;}
.caveat p button{font-size:1em !important;font-weight:normal;padding:.3em 1em !important;margin:.25em 0em !important;text-align:center;}
.caveat p button.mob{font-size:.85em !important;font-weight:normal;padding:.3em !important;margin:.25em 0em .2em .25em !important;text-align:center;}
.cma {font-size: 13px; margin-left: 16px;}
/*#r!equestinfo{height:16rem;}*/

@media screen and (max-width: 800px) {
	#requestinfo{height:20rem;}
	.cma {
    font-size: 10px;
    }
    
}

.twoagent{padding:.5rem 12rem !important;}

/* For mobile phones: */
@media only screen and (max-width: 800px) {
   #Mee-modal, #EM-modal {
       width: 100%;
       top:15%;
       left:0;
       outline: none;
  }
    .img-responsive{
        
    }
	#pac-input{
		width: 63%;
	}
	.btn-left{
		float: left!important;
	}
}
@media screen and (max-width: 1198px) {
	.cma {
    font-size: 10px;
    }
    
}