.side-panel * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}

/*------------------------------------*\
    $ICONS
\*------------------------------------*/

.spsp-icon {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(../images/sprite.png) 0 0 no-repeat;   
}

.icon-side-email { background-position: 0 0; }
.icon-side-phone { background-position: -100px 0; }
.icon-side-more { background-position: -200px 0; }
.icon-side-close { background-position: -300px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	
	.spsp-icon { background-size: 400px 200px; }
	
	.icon-side-email { background-position: 0 -50px; }
	.icon-side-phone { background-position: -100px -50px; }
	.icon-side-more { background-position: -200px -50px; }
	.icon-side-close { background-position: -300px -50px; }
		
}





/*------------------------------------*\
    $SLIDE OUT PANEL
\*------------------------------------*/

@media all and (max-width: 66.250em) {

	.side-panel { display: none; }
	
}

.side-panel-nav {
    position: fixed;
    left: 0;
    bottom: 25%;
    width: 30px;
    background-color: #008ec8;
	margin-bottom: 0;
}

.side-panel-nav li { border-bottom: 1px solid #fff; }

.side-panel-nav li:last-child { border-bottom: none; }

.side-panel-nav a {
    display: block;
    width: 30px;
    text-indent: -99em;
}

.side-panel-nav .spsp-icon {
	display: block;
	width: 30px;
	height: 30px;
}

.side-panel-nav .is-text a, .side-panel-nav .is-text .spsp-icon { 
	height: 138px; 
	padding-top: 19px;
}

.side-panel-nav .is-text .spsp-icon { height: 100px; }

.side-panel-nav .is-text a.close {
	width: 30px;
	height: 30px;
	padding: 0;
}

.side-panel-nav a:hover { background-color: #36719a; }

.side-panel-nav .close { display: none; }

.side-panel-nav .close.close-visible { display: block; }

.side-panel {
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: -390px;
    background: #f6f8f9;
    width: 390px;
	box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

.side-panel ul { 
	list-style: none; 
	margin: 0;
}

.side-panel-body { 
	padding: 1.25em 2em; 
	height: 100%;
	overflow: auto;
}

.side-panel-content { 
	display: none; 
	opacity: 0;
}

.panel-visible { display: block; }

.side-panel-heading { 
	font-size: 1.625em;
	line-height: 1.077em;
	margin-bottom: 0.846em;
	text-transform: uppercase;
	font-weight: 200;
}

.side-panel-heading .subtitle {
	font-size: 0.692em;
	line-height: 1em;
	margin-bottom: 0.577em;
	font-weight: 100;
	text-transform: none;
}

.side-panel-body::-webkit-scrollbar { 
	width: 18px;
	padding: 0 4px; 
}

.side-panel-body::-webkit-scrollbar-track {
    border: solid #cfd0d0;
	border-width: 0 1px;
}
 
.side-panel-body::-webkit-scrollbar-thumb {
    width: 10px;
	background-color: #c7c7c7;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}





/*------------------------------------*\
    $FORMS
\*------------------------------------*/

.side-panel label, .side-panel .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	font-size: 1em;
	color: #111;
	font-weight: normal;
}

.side-panel .gfield_required { color: #E10000 !important; }

.side-panel-form input, .side-panel-form .gform_wrapper input, .side-panel-form .gform_wrapper select, .side-panel-form .gform_wrapper textarea, body .side-panel-form .gform_wrapper .gform_body .gform_fields .gfield textarea {
	width: 100% !important;
	margin: 0 0 0.75em 0 !important;
	padding: 0.5em !important;
}

.side-panel-form input[type="submit"] { 
	width: auto !important; 
	padding: 1em 1.618em !important;
}






/*------------------------------------*\
    $TOOLTIPS
\*------------------------------------*/





.tooltipster-default {
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
	background: #36719a;
	color: #fff;
}

.tooltipster-default .tooltipster-content {
	font-size: 14px;
	line-height: 14px;
	padding: 7px 10px;
	overflow: hidden;
	font-weight: 300;
}

.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}

.tooltipster-base .tooltipster-content { overflow: hidden; }

.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	   -moz-transition-property: opacity;
	     -o-transition-property: opacity;
	    -ms-transition-property: opacity;
	        transition-property: opacity;
}

.tooltipster-fade-show { opacity: 1; }





/*------------------------------------*\
    $OVERLAY
\*------------------------------------*/

.spsp-overlay {
    display: none;
    position: fixed;
    z-index: 998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
    background-color: rgba(255,255,255,0.8);
}