body{
	padding-bottom: 3em;
}

body, h1, h2, h3, h4, h5, h6{
    font-family: 'Montserrat', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1{
	font-size: 2em;
	margin:1em 0;
}

.button{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button.primary{
	padding: 0.4em 0.75em 0.3em;
	font-weight: bold;
	background:#4FC5D7;
}







.page-head{
	background:#BECDD1;
	padding:2em 0;
}

.page-head img{
	max-height:50px;
	width:auto;
}


.page-head img + img{
	margin-left:40px;
}


/* form styles */


.input-group{
	margin-bottom: .5em;
}

.input-group :last-child{

	-moz-border-radius-topright: 13px;
-webkit-border-top-right-radius: 13px;
border-top-right-radius: 13px;
-moz-border-radius-bottomright: 13px;
-webkit-border-bottom-right-radius: 13px;
border-bottom-right-radius: 13px;
}

.input-group-label{
	background: #E5E5E5;
	font-size: .75em;
}

.inner-label{
    color:#6B6A6B;
    border-right:0;
}

.input-group-field + .inner-label{
	border-left:0;
}

.input-group-label:first-child{
	width: 105px;
	font-weight: bold;
}

.input-group .input-group-label:last-child,
.counter {
	background: #4fc5d7;
	color: #fff;
	width:50px;
}

.counter.over{
	background: red !important;
}

.input-group-field{
	height: auto;
	font-size: .75em;
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea{
	padding: .75em 1.5em;
}

textarea{
	border-radius: 0;
	margin-bottom: 0;
    resize: none;
	font-size: .75em;
}

[type="checkbox"], select, label.middle{
	margin-bottom: 0;
}

.check{
	padding:.5em 1em;
}

.check label, label.middle{
	font-weight: bold;
	font-size: .75em;
}


.check label .fa{
	margin-left:.5em;
}


.check label .fa {
    transform: rotate(-90deg);
}
.check label.open .fa {
    transform: rotate(0);
}

.options-secondary{
	background: #e2f3f7;
	padding: .75em 2em; 
	display: none;
}

label.middle{
	padding: .5em 0;
}

select{ 
	font-size: .75em;
	height: auto;
}





/* preview-holder */

.preview-holder{
	position: relative;
	overflow: hidden;
	margin-bottom: 2em;
}

.preview-holder .iphone-holder{
	width:30%;
	position: absolute;
	bottom:0;
	right:0;
}

.preview-holder p{
	font-style: italic;
}




.reveal{
	border:3px solid #c6c6c6;
	overflow: visible;
	/*width: 80%;*/

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

}

.close-button, .close-button.medium{
	background:#fff;
	border:3px solid #c6c6c6;
	right:-.5em;
	top:-.5em;
	width: 2rem;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}



.text-desktop{
	font-family: arial,sans-serif;
	color:#545454;
	font-size: 0.813em;
	line-height: 1.5em;
}


.text-phone{
	font-family: arial,sans-serif;
	color:#545454;
	font-size: 0.33em;
	padding-top: 1em;
}

.text-phone .fa-info-circle{
	position: absolute;
	top:.75em;
	right:.75em;
}

.text-phone div{
	padding: 0 1em;
}

.text-phone hr{
	margin: 1em 0;
}

.text-desktop a, .text-phone a{
	color: #1a0dab;
}

.link-headline{
	font-size: 1.2em;
}

.ad-square{
background-color: #59946b;
border-radius: 0.125em;
color: #fff;
display: inline-block;
font-size: 0.750em;
padding:0.25em;
line-height: 0.95em;
vertical-align: baseline;
margin-right: 0.875em;
}

.main-path{
	color: #006621;
font-style: normal;
}

.advertiser-rating{
	display: none;
}

.gold{
	color: #f58422;
}

.gold .rate{
margin-right: 0.25em;
font-size: 1.1em;
}

.location-address .fa, .text-phone .fa-comment,  .text-phone .fa-phone{
margin-right: 0.875em;
}

.text-phone .location-phone{
	margin-left: 0;
}

.text-phone .fa-map-marker{
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}

.site-links{
	font-size: .85em;
	margin-top: .25em;
	width: 80%;
}

.site-links a{
	margin-top: .35em;
	display: inline-block;
	text-align: center;
	width: 50%;
	line-height: 1;
}

.location-phone{
	color: #545454;
    margin-left: 1em;
    white-space: nowrap;
    vertical-align: bottom;
}


.preview-desktop{
	position: relative;
	display: block;
}

.text-desktop{
	position: absolute;
	/*background: rgba(0,0,0,.5);*/
	top:24%;
	left:14.5%;
	width:33%;
	font-size: .4em;
}

.text-phone{
	position: absolute;
	/*background: rgba(0,0,0,.15);*/
	width:84%;
	height: 54%;
	top:31%;
	left:8%;
	overflow: hidden;
}

.text-phone hr{
	border-color:#f2f3f4;

}



#modal-desktop .text-desktop{
	font-size: .6em;
}

#modal-phone .text-phone{
	font-size: 1.14em;
	left: 10%;
	width: 80%;
}



#modal-phone .text-phone div{
	padding-left:1em;
	padding-right: 1em;
}