@font-face {
font-family: roboto;
src: url('/includes/css/roboto.ttf');
}

body{
font-family:roboto, arial;
background:#263741;
padding:0;
margin:0;
}
form{margin:0;}
textarea, input, button { outline: none; }

a:link, a:active, a:visited{
color:#7c8b94;
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a[href^="tel"]{
color:inherit;
text-decoration:none;
}

#top_bar{
background:#3e4e58;
height:60px;
width:100%;
position:absolute;
top:0px;
z-index:-1000;
}
#bg_static{
background: #fff url('/includes/img/homeskyline.jpg') repeat-x;
background-position:bottom;
height: 300px;
width: 100%;
left: 0;
margin-left: 0;
top: 60px;
position: absolute;
z-index: -1001;
}
#bg_static_2{
background-color:#273a45;
height:300px;
width: 100%;
left: 0;
margin-left: 0;
top:60px;
position: absolute;
z-index: -1000;
opacity:0.9;
}
#homequestion{
font-size:25px;
color:#fff;
text-shadow:2px 2px 4px #222;
margin-top:50px;
text-align:center;
}
#homesubquestion{
font-size:16px;
color:#fff;
text-shadow:1px 1px 4px #222;
margin-top:10px;
margin-bottom:30px;
text-align:center;
}
#logo{
width:180px;
margin:auto;
margin-top:38px
}
.cont{
overflow:hidden;
background:#f9f9f9;
width:500px;
border:1px solid #ddd;
border-bottom:2px solid #ddd;
margin:auto;
margin-bottom:50px;
border-radius:8px;
}
.cont_in{
padding:25px;
overflow:hidden;
border-bottom:1px solid #ddd
}
.cont_title{
font-size:13px;
margin-bottom:5px;
}
.title{
margin:20px;
margin-bottom:0;
font-size:18px;
color:#58ae7e;
}
.input {
background: #fff;
border: 1px Solid #ddd;
padding: 8px;
font-size: 14px;
border-radius: 2px;
height: 40px;
}
.input_price{
background: #fff url('/includes/img/icons/dollar_input.png') no-repeat scroll 5px 13px;
background-size: 12px;
padding-left: 20px;
}
.button {
background: #58ae7e;
border:0;
padding: 15px 0 15px 0;
color: #fff;
font-weight:bold;
font-size: 14px;
border-radius: 4px;
-webkit-appearance: none;
cursor: pointer;
}
.cont_box{
float: left;
padding: 15px;
border: 2px solid #ddd;
background: #fff;
margin-right: 20px;
text-align: center;
cursor: pointer;
}
.cont_box > img{
width:100px;
margin-bottom:10px;
}
.cont_box > span{
font-size:13px;
color:#666;
font-weight: bold;
display: block;
}
.cont_box:hover{
background:#f0f0f0;
}

.cont_box_2{
float: left;
padding: 15px;
border: 2px solid #ddd;
background: #fff;
margin-right: 20px;
text-align: center;
cursor: pointer;
width:calc(50% - 44px);
}
.cont_box_2 > img{
width:32px;
margin-right:10px;
float:left;
}
.cont_box_2 > span{
font-size:15px;
color:#666;
font-weight: bold;
line-height: 32px;
}
.cont_box_2:hover{
background:#f0f0f0;
}

.cont_box_3{
padding: 15px;
border: 2px solid #ddd;
background: #fff;
margin-right: 20px;
text-align: center;
cursor: pointer;
display:inline-block;
}
.cont_box_3 > span{
font-size:18px;
color:#666;
font-weight: bold;
display: block;
}
.cont_box_3:hover{
background:#f0f0f0;
}

.popbox{
display:none;
position:fixed;
top:75px;
left:50%;
margin-left:-200px;
width:400px;
height:auto;
z-index:10001;
overflow:auto;
background:#fff;
text-align:left;
box-shadow: #000 0px 0px 6px;
border-radius:4px;
}
.popbox_fade{
z-index:10000;
position:fixed;
top:0%;
left:0%;
width:100%;
height:100%;
background-color: #000;
opacity:.80;
}
.popbox_header{
overflow:hidden;
background:#F5F5F5;
border-bottom:1px solid #e9e9e9;
padding:15px;
color:#777;
font-size:15px;
border-radius:4px 4px 0 0;
}
.popbox_header img{
float:right;
cursor:pointer;
}
.popbox_content{
padding:20px;
}

.noUi-pips-horizontal {
  padding: 4px 0;
}
.noUi-value-horizontal {
  font-size:13px;
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 5px;
}