
/* ## Slide-out Widget
--------------------------------------------- */

#pb-slide-out-response-box {
	border-radius: 0 4px 4px 0;
	left: -360px;
	top: 12vh;
	position: fixed;
	padding: 10px 20px;
	transition: left 0.5s;
	width: 360px;
	max-width: 100%;
	z-index: 100;
}
#pb-slide-out-response-box.open {
	left: 0;
}
#pb-slide-out-response-box h2, #pb-slide-out-response-box h3, #pb-slide-out-response-box h4 {
	color: #68523d;
}
#pb-slide-out-response-box .widgettitle, #pb-slide-out-response-box .widget-title {
	background: #a2b0b9;
	border-radius: 0 0 8px 8px;
	cursor: pointer;
	margin-bottom: 0;
	padding: 10px;
	position: absolute;
	right: -145px;
	width: 145px;
	transform: rotate(-90deg) translateX(-280px);
	transform-origin: left top;
	transition: all 0.3s;
	text-align: center;
	z-index: 101;
}
#pb-slide-out-response-box .widgettitle::before, #pb-slide-out-response-box .widget-title::before {
	content: "\f107";
	display: inline-block;
	font-family: "FontAwesome";
	margin-right: 5px;
}
#pb-slide-out-response-box.open .widgettitle::before, #pb-slide-out-response-box.open .widget-title::before {
	content: "\f106";
}
#pb-slide-out-response-box .widgettitle:hover, #pb-slide-out-response-box .widget-title:hover {
	background-color: #b6c4cd;
	padding: 13px 10px;
}
#pb-slide-out-response-box .gform_wrapper form .gform_body .gform_fields .gfield {
	margin: 10px 0;
}
#pb-slide-out-response-box .inv-recaptcha-holder {
  position: absolute;
  top: 485px;
}

@media only screen and (max-width: 800px) {

	/* ## Slide-out Widget - 800px
	--------------------------------------------- */

	#pb-slide-out-response-box {
		display: none;

		border-radius: 0;
		left: 0px;
		top: auto;
		position: relative;
		width: 100%;
  }
  #pb-slide-out-response-box .widget-title {
			display: none;
	}
}
