/*FLOATING CONTACT TABS*/
.slide-tabs {height: 0;}
.slide-tabs h4 {
	margin-bottom: 0;
	padding: 2px 0 0;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.slide-tabs .req-alert {font-size: 14px;	margin-bottom: 2px;}
.slide-tabs .req-alert span {font-size: 18px;}
.slide-tabs .cnt-field {
	margin-bottom: 10px;
}
.slide-tabs input,
.slide-tabs textarea {font-family: 'PT Sans', Helvetica; font-size: 14px;}

/* - How Do I? slide-out - */
#hdislide,
#ctslide {
	position: fixed;
	width: 35px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#hdislide {
	top: 134px;
	right: 30px;
	z-index: 400;
}
#ctslide {
	top: 257px;
	right: 9px;
	z-index: 396;
}
#hdislide_tab,
#ctslide_tab {
	position: relative;
	max-width: inherit;
	padding: 5px 10px 3px 10px;
	text-align: center;
	background: #F4B700;
	font-family: 'NovaCut', Helvetica;
	color: #202020;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: .03em;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	transform: rotate(-90deg);
	float: left;
	white-space: nowrap;
}
#hdislide_tab {
	top: 25px;
	left: -13px;
}
#ctslide_tab {
	top: 36px;
	left: -37px;
}
label#hdislide_tab span,
label#ctslide_tab span {padding: 0 8px;}
#hdislide_inner,
#ctslide_inner {
	position: absolute;
	background: #DEDABB;
	width: 300px;
	padding: 15px;
	cursor:auto;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

#hdislide_inner {height: 304px; top: -25px; left: 65px;}
#ctslide_inner {height: 400px; top: -17px; left: 45px;}
#ctslide_inner .ctslide-alert {font-size: 18px; margin-bottom: 20px;}
#ctslide_inner a {background: #FFE401;
color: #202020;
padding: 6px 12px;
border: 1px solid #729D4B;
border-radius: 6px;
}
#ctslide_inner a:hover {background: #efefef;}

#showhdi:checked + #hdislide,
#showcontact:checked + #ctslide {right: 310px;}
#showhdi,
#showcontact {display:none;}

#hdislide .review-form label,
#ctslide .contact-form label {
	color: #000;
	font-size: 13px;
}


.slide-tabs input[type=text],
.slide-tabs input[type=phone],
.slide-tabs input[type=email],
.slide-tabs textarea {
	background: #fff;
	padding: 4px 12px!important;
	border-radius: 5px!important;
	width: 100%;
	border: 1px solid #9B744E;
}
#hdislide .review-form textarea,
#ctslide .contact-form textarea {height: 80px;}
#hdislide .review-form p,
#ctslide .contact-form p {line-height: 24px;}
#hdislide .review-form #wpcf-custom-btn-1,
#ctslide .contact-form #wpcf-custom-btn-1 {
	padding: 10px 18px;
	font-size: 13px;
	margin-top: 10px;
}

.tab-hdi ul {padding-left: 0;}
.tab-hdi ul li {
	list-style-type: none;
	margin: 0 12px 8px 0;
	padding: 6px 12px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 6px;
}
.tab-hdi ul li a {
	padding: 6px 0;
	font-size: 14px;
	color: #974C5C;
	line-height: 24px;
}
.tab-hdi ul li:hover,
.tab-hdi ul li a:hover {
	background: #ccc;
	font-size: 14px;
	color: #974C5C;
}

#sendcontact {
	background: #fff;
	margin-right: 4%;
	border: 1px solid #9B744E;
	border-radius: 4px;
	padding: 8px 20px;
	color: #202020;
	font-weight: normal;
	float: right;
}

.loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/media/layout/loader.gif);
	background-size: 100% 100%;
	z-index: 50;
}
.loading span {
	position: absolute;
	bottom: 18px;
	right: 0;
	left: 0;
	text-align: center;
}