/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Sean Sullivan
email:     ssullivan@practisinc.com

Description: Main CSS for website design and architecture
Copyright Practis Inc
-----------------------------------------------------------------------------*/


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #fefdf7;
}

body {
    font-size: 14px;
    line-height: 1.4;
	font-family: 'Open Sans', sans-serif;
}

	body#home { background: url(../images/homepage-bg.jpg) repeat-x #fdfcf7; }
	body#interior { background: url(../images/interior-bg.jpg) repeat-x #fdfcf7; }
	
	@media (max-width: 980px) {
		body#home {background-position: 0 -120px; }
		body#interior { background-position: 0 -50px; }
		}
	
	@media (max-width: 767px) {
		body#home { background-position: 0 -180px; }
		body#interior { background-position: 0 -30px; }
		}
	
	@media (max-width: 320px) {
		body#home { background-position: 0 -220px; }
		body#interior { background-position: 0 -60px; }
		}
	
#content {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

	@media (max-width: 767px) {
		#content { padding: 0 20px; }
		}

::selection {
	color:#fff;
    background: #0a246a;
    text-shadow: none;
}

/* ==========================================================================
   Link Styles
   ========================================================================== */

a, a:visited {
	color:#0776a0;
	text-decoration:underline;
	}

a:hover, a:visited:hover { text-decoration: none; }

a.pdf {
	display:inline;
	padding-right:28px;
	background-image:url(../images/icons/icon-pdf.png);
	background-repeat:no-repeat;
	background-position: right center;
	}

/* ==========================================================================
   Heading Styles
   ========================================================================== */
   
h1, h2, h3, h4, h5, h6 {
	line-height: 100%;
	font-weight: normal;
	color: #87a63c
	}
	
h1, h2, h6 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	}
	
h1 { font-size: 30px; margin-top: 0;}
h2 { font-size: 25px; margin: 20px 0 10px; color: #666159;}
h3 { font-size: 22px; margin: 20px 0 10px; }
h4 { font-size: 20px; color: #666159;}
h5 { font-size: 18px; }
h6 { font-size: 27px; }

/* ==========================================================================
   General Styles
   ========================================================================== */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.editable img {
	margin: 0;
    vertical-align: middle;
	max-width: 100%;
	box-shadow: 0 0 2px #5C5C5C;
	}

.left { float: left; }
.right { float: right; }

.main-content ul li { margin-bottom: 7px; }

/* ==========================================================================
   Tables
   ========================================================================== */

table {
	table-layout:fixed;
	border-collapse:collapse; 
	max-width:100% !important; 
}

table th,
table td { 
	vertical-align: top; 
}

table.striped tr:nth-of-type(odd) { 
	background-color: #f1f1f1; 
}

@media (max-width:768px) {
	
	table,
	table tbody,
	table thead,
	table tfoot,
	table tr,
	table th,
	table td,
	table img {
		clear: both !important;
		float:none !important;
		display:block !important;
		width:auto !important;
		max-width:100% !important;
		height:auto !important;
	}
	
	table td,
	table th {
		padding:10px !important;
	}	
	
	table img {
		margin:0 auto !important;
	}
	
}

/* ==========================================================================
   Form Styles
   ========================================================================== */

form, fieldset { 
	border: 0;
    margin: 0 0 10px 0;
    padding: 0;
}

form span.required { 
	color:#FF0000; 
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
	box-sizing:border-box;
	border: 1px solid #ccc;
	padding: 4px;
	outline: none;
	border-radius: 2px;
	color: #777;
	margin: 0;
	width: 300px;
	max-width: 100%;
	display: block;
	margin-bottom: 10px;
	background: #fff;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	box-shadow:  0 0 3px rgba(0, 0, 0, .2);
}

input.phone {
	width:30px;
	float:left;
	margin-right:10px;
}

textarea {
	min-height: 60px;
	resize: vertical;
}

input[type="text"].full-width, input[type="password"].full-width, input[type="email"].full-width, textarea.full-width, select.full-width { 
	width: 100%;
}

input[type="checkbox"] {
	display: inline;
}

label, legend {
	display: block;
	font-size: 13px;
	margin:0 0 5px 0;
	width: 100% !important;
}

label span, legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;
}

/* ==========================================================================
   Button Styles
   ========================================================================== */

a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	background: #3181af;
	padding: 7px 17px;
	color: #FFF;
	display: inline-block;
	text-decoration: none;
	text-shadow: 0 -1px #065E7F;
	cursor: pointer;
	line-height: 100%;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	border: 0;
}
a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #87a63c; }

a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: #87a63c; }

a.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

.formerror {
	background-color: #FFCCCC;
	border: 1px solid red;
	margin-bottom: 5px;
	padding: 5px;
	width: auto;
}


/* ==========================================================================
   Header
   ========================================================================== */

header {
	margin: 0 auto;
	color: #FFF;
	}
	
	.header-top {
		width: 100%;
		height: 30px;
		font-size: 16px;
		text-align: right;
		}
		
		.header-top a {
			display: inline-block; /* Remove if no social links */
			/*display: none;   Make active if no social links */
			width: 24px;
			height: 24px;
			margin: 2px 0 0 4px;
			vertical-align: top;
			}
			
			.header-top a.facebook {background: url(../images/social-icons.png) 0 0 no-repeat; margin-left: 15px;}
			.header-top a.twitter {background: url(../images/social-icons.png) -28px 0 no-repeat;}
			.header-top a.youtube {background: url(../images/social-icons.png) -56px 0 no-repeat;}
			
				.header-top a.facebook:hover,
				.header-top a.twitter:hover,
				.header-top a.youtube:hover { opacity: 0.6; }
					
				.lt-ie8 .header-top a.facebook:hover,
				.lt-ie8 .header-top a.twitter:hover,
				.lt-ie8 .header-top a.youtube:hover {
					zoom: 1;
					filter: alpha(opacity=60);
					}
					
		.header-top a.appt {
			width: auto;
			height: 30px;
			color: #FFF;
			text-decoration: none;
			padding: 2px 0 0 28px;
			background: url(../images/appointment-icon.png) 0 0 no-repeat;
			}
			
			.header-top a.appt:hover {
				background-position: 0 -30px;
				text-decoration: underline;
				}
				
@media (max-width: 980px) {
	.header-top a.appt { 
		font-size: 14px;
		padding-top: 5px;
		}
	}
	
@media (max-width: 767px) {
	.header-top { text-align: center; }
	}
	
@media (max-width: 320px) {
	.header-top a.appt { font-size: 12px; }
	}	
		
/* ==============
   Logo
   ============ */
#logo,
#logo h1,
#logo h2,
#logo h3,
#logo h4,
#logo h5,
#logo h6 {
	margin: 0; 
	padding: 0;
	}

#logo a { 
	display: block;
	margin: 0;
	padding: 0;
	}
	
@media (max-width: 767px) {
	#logo a { text-align: center; }
	}

/* ==============
   Phone
   ============ */

.phone {
	text-align: right;
	margin-top: 25px;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #fffded;
	text-shadow: 0 -1px #0776A0;
	text-transform: uppercase;
	}
	
	.phone span {
		font-size: 30px;
		color: #FFF;
		display: block;
		}

@media (max-width: 1200px) {
	.phone { margin-top: 15px; }	
	}		
		
@media (max-width: 1024px) {
	.phone { margin-top: 12px; }	
	}
		
@media (max-width: 980px) {
	.phone { 
		margin-top: 5px;
		font-size: 14px;
		}
		
		.phone span { font-size: 25px; }
	}
		
@media (max-width: 767px) {
	.phone {
		text-align: center;
		margin-bottom: 5px;
		}
		
	.phone a { 
		color: #FFF;
		text-decoration: none;
		}
	}

/* ==============
   Nav Main
   ============ */
   
nav {
	clear: both;
	height: 50px;
	background: url(../images/nav-bg.jpg) repeat-x;
	padding: 10px 0;
	text-align: center;
	}
   
	nav ul {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none outside none;
		}
		
	nav select { 
		display: none;
		width: 100%;
		}

		nav ul > li { 
			float: none;
			display: table-cell;
			width: 1%;
			margin:0;
			padding:0;
			border-right: 1px #EFEFEF solid;
			border-left: 1px #CCC solid;
			height: 30px;
			}
			
		nav ul > li:first-child { border-left: 0; }
		nav ul > li:last-child { border-right: 0; }
		
			nav ul > li > a,
			nav ul > li > a:visited {
				overflow: hidden;
				display: block;
				outline: none;
				margin: 0 10px;
				padding: 7px 0; /* Just change the 2nd number until it fits, if nav changes */
				height: 30px;
				line-height: 100%;
				font-family: 'Oswald', sans-serif;
				font-size: 18px;
				color: #87a63c;
				text-transform: uppercase;
				text-decoration: none;
				}
				
				nav ul > li > a > em { margin-right: 5px; }
				
				nav ul li a:hover,
				nav ul li a:visited:hover,
				body.home a.home,
				body.about-us a.about-us,
				body.our-office a.our-office,
				body.services a.services,
				body.da-vinci-surgery a.da-vinci-surgery,
				body.patient-education a.patient-education,
				body.contact-us a.contact-us {
					text-shadow: 0 -1px #06526F;
					background: #0776A0;
					color: #FFF;
					}
					
@media (max-width: 980px) {
		nav { padding: 10px; }
	
		nav ul { display: none; }
		
		nav select { display: block; }
		}

@media (max-width: 1200px) {
	nav ul li a { font-size: 14px; }
	}

/* ==========================================================================
   Homepage
   ========================================================================== */					

/* ==============
   Slider
   ============ */
   
ul.bxslider,
ul.bxslider li {
	margin:0;
	padding:0;
	list-style:none outside none;
}
   
.slide-text {
	position: absolute;
	top: 40px;
	right: 0;
	width: 480px;
	max-height: 190px;
	padding-right: 50px;
}

.slide-text p {
	margin: 10px 0;
	color: #666159;
	font-size: 20px;
	line-height: 120%;
}

.slide-text h1,
.slide-text h2,
.slide-text h3,
.slide-text h4,
.slide-text h5,
.slide-text h6 {
	margin: 0 0 7px;
	color: #87a63c;
	font-size: 34px;
	font-family: 'Oswald', sans-serif;
}

.slide-text a.button,
.slide-text a.button:visited { margin-top: 20px; }

/* RESET AND LAYOUT */

.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/* THEME */

.bx-wrapper .bx-viewport {
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 5px;
	right: 20px;
	z-index: 999;
}

/* LOADER */

.bx-wrapper .bx-loading {
	display:none;
}

/* PAGER */

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

a.bx-pager-link {
	display: block;
	overflow: hidden;
	float: left;
	height: 15px;
	width: 15px;
	text-indent: -9999px;
	margin-left: 5px;
	background: #cccccc;
}

.bx-pager a.active { background: #3181af; }
		
		
		
.shadow {
	width: 100%;
	height: 17px;
	background: url(../images/shadow.png) no-repeat;
	background-size: contain;
	}
	
@media (max-width: 1200px) {
	.slide-text {
		padding-right: 40px;
		width: 430px;
		top: 30px;
		}
		
		.slide-text h1, .slide-text h2, .slide-text h3, .slide-text h4, .slide-text h5, .slide-text h6 { font-size: 28px; }
		
		.slide-text p { font-size: 18px; }
		
		.slide-text a.button, .slide-text a.button:visited {
			margin-top: 10px;
			font-size: 18px;
			}
	}

@media (max-width: 1024px) {
	.slide-text {
		padding-right: 30px;
		width: 380px;
		}
		
		.slide-text h1, .slide-text h2, .slide-text h3, .slide-text h4, .slide-text h5, .slide-text h6 { font-size: 25px; }
		
		.slide-text p { font-size: 16px; }
		
		.slide-text a.button, .slide-text a.button:visited {
			margin-top: 10px;
			font-size: 16px;
			}
	}
	
@media (max-width: 980px) {
	.slide-text {
		padding-right: 20px;
		width: 300px;
		top: 20px;
		}
		
		.slide-text h1, .slide-text h2, .slide-text h3, .slide-text h4, .slide-text h5, .slide-text h6 { font-size: 20px; }
		
		.slide-text p { font-size: 14px; }
		
		.slide-text a.button, .slide-text a.button:visited {
			margin-top: 5px;
			font-size: 14px;
			}

	.shadow { height: 5px !important; }
	}
	
/* ==============
   Homepage Callouts
   ============ */ 	
   
body.home .callouts {
	margin-bottom: 15px;
	background-color: #dededf;
	}
	
	body.home .callouts a { float: left; }
	
	.callouts a {
		display: block;
		min-height: 105px;
		color: #3181af;
		font-size: 24px;
		font-family: 'Oswald', sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		position: relative;
		}
		
	a.callout1 {background: url(../images/callouts/callout1.png) 0 0 no-repeat;}
	a.callout2 {background: url(../images/callouts/callout2.png) 0 0 no-repeat;}
	a.callout3 {background: url(../images/callouts/callout3.png) 0 0 no-repeat;}
	
		body#home .callouts a img.callout-shadow {
			position: absolute;
			top: 0;
			right: 0;
			}
			
		body#home .callouts img.callout-shadow-bottom { display: none; }
		
		body#home .callouts a p { padding: 15px 20px 0 75px; }
		
		.callouts a p { 
			margin: 0;
			width: 100%;
			background-size: 44px 41px;
			}
			
			.callouts a p span {
				display: block;
				font-family: 'Open Sans', sans-serif;
				color: #424032;
				font-size: 14px;
				text-transform: lowercase;
				}
	
		.callouts a:hover {
			background-color: #0776A0 !important;
			background-position: 0 -105px;
			color: #FFF;
			}
			
			.callouts a:hover span {color: #FFF;}

@media (min-width: 1200px) {
	body#home .callout2:hover,
	body#home .callout3:hover {
		background-position: 30px -105px;
		margin-left: -30px;
		padding-left: 30px;
		}
	}
	
@media (max-width: 1200px) {
	body#home .callout2:hover,
	body#home .callout3:hover {
		background-position: 20px -105px;
		margin-left: -20px;
		padding-left: 20px;
		}
	}
	
@media (max-width: 980px) {
	.callouts a p span { display: none; }
	
	body#home .callout2:hover,
	body#home .callout3:hover {
		background-position: 20px -105px;
		margin-left: -20px;
		padding-left: 20px;
		}
	}

@media (max-width: 767px) {
	body.home .callouts {
		background: none;
		}
		
	body.home .callouts a { float: none; }
	
	body#home .callouts a img { display: none; }
	
	.callouts a p span { display: block; }
	
	body#home .callout2:hover,
	body#home .callout3:hover {
		background-position: 0 -105px;
		margin-left: 0;
		padding-left: 0;
		}
	}
		
/* ==============
   Welcome/News
   ============ */  	
   
#welcome,
#quick-find,
#news {
	padding-top: 15px;
	border-top: 1px #CCC solid;
	}
	
#welcome { line-height: 150%; }
	
	#welcome img {
		float: right;
		margin-left: 20px;
		}
	
	#quick-find h2,
	#news h2 {
		color: #87a63c;
		margin: 5px 0 15px;
		}
		
	#news ul {
		margin: 0 0 10px;
		padding: 0;
		}
		
		#news ul li {
			list-style-type: none;
			border-top: 1px #333 dotted;
			margin-top: 7px;
			padding-top: 7px;
			}
			
		#news ul li:first-child {
			border: 0;
			margin: 0;
			padding: 0;
			}
			#news ul li a,
			#news ul li strong {
				display: block;
				color: #0776A0;
				}
			
	#news a.button {float: right;}
	
@media (max-width: 350px) {
	#welcome img {
		float: none;
		display: block;
		margin: 0 auto 10px auto;
		}
	}
	
/* ==========================================================================
   Internal Styles
   ========================================================================== */
   
.title { position: relative; }
   
.title img { width: 100%; }
	
.title p {
	margin: 0;
	position: absolute;
	top: 25%;
	left: 3%;
	color: #0776A0;
	font-family: 'Oswald', serif;
	font-size: 48px;
	text-transform: uppercase;
	line-height: 100%;
	z-index: 6;
	}
	
body#interior .shadow { margin-bottom: 20px; }	
	
.main-content {
	padding-left: 20px;
	position: relative;
	}
	
@media (max-width: 980px) {
	.title p { font-size: 40px; }
	}
	
@media (max-width: 767px) {
	.title img { display: none; }
	
	.title p { 
		position: static;
		margin-bottom: 25px;
		padding: 25px 0;
		border-bottom: 1px #CCC solid;
		}
	
	body#interior .shadow { display: none; }
	
	.main-content { padding-left: 0; }
	}	
	
/* ==============
   In This Section
   ============ */

.in-this-section h6  { 
	margin: 0 0 10px;
	color: #87a63c;
	}

.in-this-section ul { 
	margin: 0 0 30px;
	padding: 0;
	display: block;
	}
	
.in-this-section select { 
	width: 100%;
	display: none;
	}

	.in-this-section ul li { list-style-type: none; }
	
		.in-this-section ul li a {	
			display: block;
			font-size: 16px;
			color: #3181af;
			text-decoration: none;
			padding: 5px 5px 5px 10px;
			}
			
			.in-this-section ul li ul {margin: 0;}
			
			.in-this-section ul li ul li a {padding: 5px 5px 5px 20px;}
			
				.in-this-section ul li ul li a:before {
					content: "\00BB";
					position: relative;
					left: -5px;
					margin-left: -8px;
					}
			
			.in-this-section ul li a:hover,
			.selected {
				background: #3181af;
				color: #EFEFEF !important;
				}

@media (max-width: 980px) {
	.in-this-section h6 { font-size: 22px; }
	
	.in-this-section ul li a { font-size: 14px; }
	}
				
@media (max-width: 767px) {
	.in-this-section {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px #CCC solid;
		}
	
	.in-this-section ul { display: none; }

	.in-this-section select { display: block; }
	}		
				
/* ==============
   Interior Callouts
   ============ */  

body#interior .callouts { height: 0 auto; }
	
	body#interior .callouts a { 
		padding: 10px 20px 10px 10px;
		font-size: 22px;
		}
	
		body#interior .callouts a p { padding: 15px 0 0 75px; }
			
			body#interior .callouts a p span { 
				color: #0776A0;
				display: none; 
				}
			
	body#interior .callouts img.callout-shadow { display: none; }		
	
	body#interior .callouts img.callout-shadow-bottom { 
		position: absolute;
		top: 0;
		left: 0;
		}
		
		body#interior .callouts a:hover,
		body#interior .callouts a:hover p span { color: #FFF; }
		
@media (max-width: 1200px) {
	body#interior .callouts a { font-size: 18px; }
	}
	
@media (max-width: 980px) {
	body#interior .callouts a { padding-top: 25px }
	
	body#interior .callouts a p { padding-left: 55px; }
	}
	
@media (max-width: 767px) {
	body#interior .callouts a { 
		font-size: 22px;
		padding-top: 20px;
		}
	
	body#interior .callouts a p { padding: 7px 0 0 70px; }
		
		body#interior .callouts a p span { display: block; }

	body#interior .callouts img.callout-shadow-bottom { display: none; }
	}
	
@media (max-width: 320px) {
	body#interior .callouts a p span { display: none; }
	}

/* ==============
   Practis Driving Directions Widget
   ============ */   
#driving_directions {
	width: 100%;
	padding:0 10px 10px 10px;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-top: 50px;
}

#driving_directions h1,
#driving_directions h2,
#driving_directions h3,
#driving_directions h4,
#driving_directions h5,
#driving_directions h6 {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
}
#driving_directions p { margin:0; }

#driving_directions form { margin:0; }
#driving_directions input[type="text"],
#driving_directions select { width: 100%; }

#driving_directions input[type="submit"] { 
	border: 0;
	font-size: 16px;
	padding: 7px;
	}
	
/* ==============
   404 Error Page
   ============ */	
   
#goog-wm .content ul { padding-left: 0; }
#goog-wm .content ul li { list-style-type: none }

/* ==========================================================================
   Footer
   ========================================================================== */

footer {
	width: 100%;
	background: #6e6f71;
	box-shadow: 0 0 5px #555;
	border-top: 1px #FFF solid;
	margin-top: 50px;
	padding: 30px 0 20px;
	color: #FFF;
	font-size: 13px;
	}
	
	footer h3 {
		color: #FFF;
		font-size: 20px;
		margin: 0 0 15px;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		}
		
	footer ul {
		margin: 0;
		padding: 0;
		}
		
		footer ul li {
			list-style-type: none;
			margin-bottom: 5px;
			}
		
	footer a:link,
	footer a:visited {
		color: #EFEFEF;
		text-decoration: none;
		}
		
		footer a:hover { text-decoration: underline; }
		
	section.social {
		/* display: none;   Make active if client has no Social links */
		}

		section.social a {
			display: block;
			margin-bottom: 7px;
			}
			
			section.social a span {
				display: inline-block;
				width: 24px;
				height: 24px;
				margin-right: 7px;
				vertical-align: middle;
				}
				
				section.social a.facebook span {background: url(../images/social-icons.png) 0 0 no-repeat;}
				section.social a.twitter span {background: url(../images/social-icons.png) -28px 0 no-repeat;}
				section.social a.youtube span {background: url(../images/social-icons.png) -56px 0 no-repeat;}
				
					section.social a:hover span { opacity: 0.6; }
						
					.lt-ie8 section.social a:hover span {
						zoom: 1;
						filter: alpha(opacity=60);
						}
					
	section.site-map ul {
		-moz-column-count: 2;
		-moz-column-gap: 0;
		}
		
	section.contact-us {
		line-height: 150%;
		/* float: right;   Make active if client has no Social links */
		}
		
		section.contact-us a { text-decoration: underline; }
		section.contact-us a:hover { text-decoration: none; }
		
	.footer-bottom {
		clear: both;
		padding-top: 30px;
		font-size: 11px;
		}
	
		.footer-bottom 	.text-right {
			text-align: right;
		}
			
@media (max-width: 980px) {
	footer { font-size: 12px; }
	
	footer h3 { font-size: 18px; }


	.footer-bottom 	.text-right {
		text-align: center;
	}
	
	}
	
@media (max-width: 767px) {
	footer { text-align: center; }
	
	section.social,
	section.site-map,
	section.quick-find { display: none; }
	
	.footer-phone-links { 
		padding-top: 30px;
		font-size: 15px;
		}
	
	}

/* ==========================================================================
   Encounter Health Content Regions - responsive
   ========================================================================== */
.eh-html2,.eh-html3{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin:10px 0;*zoom:1}.eh-html2:before,.eh-html2:after,.eh-html3:before,.eh-html3:after{display:table;content:"";line-height:0}.eh-html2:after,.eh-html3:after{clear:both}.eh-html2{display:block;padding:10px 20px;border:1px solid #aaa;background:#eee}@media(min-width:768px){.eh-html2{float:right;margin:0 0 20px 20px;width:30%;min-width:200px}}.eh-html3{clear:both}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:100%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.clear{clear:both}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/* ==========================================================================
   Font Kit
   ========================================================================== */
   
   @font-face {
    font-family: 'Open Sans';
    src: url('../fontkit/OpenSans-Regular-webfont.eot');
    src: url('../fontkit/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontkit/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'),
         url('../fontkit/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fontkit/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('../fontkit/OpenSans-Italic-webfont.eot');
    src: url('../fontkit/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontkit/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'),
         url('../fontkit/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fontkit/OpenSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Open Sans';
    src: url('../fontkit/OpenSans-Bold-webfont.eot');
    src: url('../fontkit/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontkit/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'),
         url('../fontkit/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fontkit/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('../fontkit/OpenSans-BoldItalic-webfont.eot');
    src: url('../fontkit/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontkit/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'),
         url('../fontkit/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fontkit/OpenSans-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Oswald';
    src: url('../fontkit/Oswald-Regular-webfont.eot');
    src: url('../fontkit/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontkit/Oswald-Regular-webfont.svg#OswaldBook') format('svg'),
         url('../fontkit/Oswald-Regular-webfont.woff') format('woff'),
         url('../fontkit/Oswald-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Oswald';
    src: url('../fontkit/Oswald-Bold-webfont.eot');
    src: url('../fontkit/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontkit/Oswald-Bold-webfont.svg#OswaldBold') format('svg'),
         url('../fontkit/Oswald-Bold-webfont.woff') format('woff'),
         url('../fontkit/Oswald-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}