* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.025em;
	line-height: 1.5em;
	color: #222222;
	}

@font-face {
	font-family: FontAwesome;
	src: url('fontawesome.woff');
	}


/*** RESET ***/
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
img { border: 0; }
input, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	}
select { text-transform: none; }
textarea { overflow: auto; }


h2 {
	font-family: Heebo, sans-serif;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.5em;
	color: #000000;
	margin-bottom: 16px;
	}

.text-block {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.025em;
	line-height: 1.5em;
	color: #222222;
	overflow: hidden;
	}

.page-title-bar-1 {
	background-color: #e4513e;
	color: #ffffff;
	padding: 30px;
	text-align: center;
	font-family: Roboto, Heebo, sans-serif;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.25em;
	}

.page-title-bar-2 {
	background-color: #db1fb7;
	color: #ffffff;
	padding: 30px;
	text-align: center;
	font-family: Roboto, Heebo, sans-serif;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.25em;
	}

.page-title-bar-3 {
	background-color: #608cc8;
	color: #ffffff;
	padding: 30px;
	text-align: center;
	font-family: Roboto, Heebo, sans-serif;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.25em;
	}

.page-title-bar-4 {
	background-color: #41a834;
	color: #ffffff;
	padding: 30px;
	text-align: center;
	font-family: Roboto, Heebo, sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.25em;
	}

.page-title-bar-5 {
	background-color: #e4513e;
	color: #ffffff;
	padding: 30px;
	text-align: center;
	font-family: Roboto, Heebo, sans-serif;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.25em;
	}


/*** ROWS AND COLUMNS ***/

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	overflow: hidden;
	}

@media (min-width: 1200px) {
	.container { width: 1170px; }
	}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	}

.row {
	margin-right: -15px;
	margin-left: -15px;
	overflow: hidden;
	}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, 
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }


@media (min-width: 658px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
	.col-sm-12 { width: 100%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 { width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%; }
	#xs-menu {display:none;}
	ul.bl > li { float: left; width: auto; }
	ul.bl > li a:link, ul.bl > li a:visited { line-height: normal; margin-right: 36px; }
	}

@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
	.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.66666667%; }
	.col-md-10 { width: 83.33333333%; }
	.col-md-9 { width: 75%; }
	.col-md-8 { width: 66.66666667%; }
	.col-md-7 { width: 58.33333333%; }
	.col-md-6 { width: 50%; }
	.col-md-5 { width: 41.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-3 { width: 25%; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-1 { width: 8.33333333%; }
	}

@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, 
	.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.66666667%; }
	.col-lg-10 { width: 83.33333333%; }
	.col-lg-9 { width: 75%; }
	.col-lg-8 { width: 66.66666667%; }
	.col-lg-7 { width: 58.33333333%; }
	.col-lg-6 { width: 50%; }
	.col-lg-5 { width: 41.66666667%; }
	.col-lg-4 { width: 33.33333333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-2 { width: 16.66666667%; }
	.col-lg-1 { width: 8.33333333%; }
	}



.mt-2 { margin-top: 2px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }

.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-26 { margin-right: 26px; }

.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }

.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }


.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.block { display: block; }
.bg-28 { background-color: #282828; }
.bg-white { background-color: #ffffff; }
.row-full { position: relative; width: 100%; overflow: hidden; }
.ta-center { text-align: center; }
.italic { font-style: italic; }
.bold { font-weight: 700; }
.abs { position: absolute; text-align: left; }
.normal { font-weight: normal; }
.underline { text-decoration: underline; }
.faw { font-family: 'FontAwesome'; }
.red { color: #ff0000; }
.green { color: #00b400; }
.gold { color: #ffc900; }
.grayblue { color: #7c889d; }
.blue { color: #0000ff; }
.chat-blue { color: #3982f7; }
.gray-28 { color: #282828; }
.gray-66 { color: #666666; }
.gray-88 { color: #888888; }
.hidden { display: none !important; }

.t11 { font-size: 11px; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t16 { font-size: 16px; }
.t18 { font-size: 18px; }
.t20 { font-size: 20px; }
.t21 { font-size: 21px; }
.t22 { font-size: 22px; }
.t24 { font-size: 24px; }

.lh-17 { line-height: 17px; }
.lh-21 { line-height: 21px; }
.lh-23 { line-height: 23px; }
.lh-26 { line-height: 26px; }
.lh-32 { line-height: 32px; }
.lh-40 { line-height: 40px; }


#top-margin { height: 70px; }

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
	}

#header-control { transition: height 0.2s; }

.header-tall { height: 70px; }
.header-short { height: 70px; }

.footer {
	height: 160px;
	text-align: center;
	}
.footer-copy {
	font-size: 12px;
	color: #999999;
	margin-top: 40px;
	display: block;
	}
.footer-contact {
	display: block;
	color: #eeeeee;
	line-height: 30px;
	text-align: center;
	margin-top: 20px;
	}

.footer-contact > .email {
	}

.footer-contact > .phone {
	font-family: Heebo, sans-serif;
	font-size: 32px;
	}

.header-tall > a > .logo {
	float: left;
	border: 0;
	width: 62px;
	height: 62px;
	transition: all 0.2s;
	}

.header-short > a > .logo {
	float: left;
	border: 0;
	width: 62px;
	height: 62px;
	transition: all 0.2s;
	}

.header-tall > #top-menu {
	margin-top: 10px;
	transition: margin-top 0.2s;
	}

.header-short > #top-menu {
	margin-top: 10px;
	transition: margin-top 0.2s;
	}

a:link#dots, a:visited#dots {
	display: inline-block;
	float: right;
	width: 32px;
	height: 32px;
	margin: 20px 0 0 0;
	font-family: FontAwesome;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	}

#mobile-menu {
	display: none;
	position: fixed;
	right: 15px;
	top: 70px;
	width: calc(100% - 30px);
	overflow: hidden;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	}

a:link.mobile-menu-item, a:visited.mobile-menu-item {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 39px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #777777;
	text-align: center;
	text-decoration: none;
	padding: 0 30px;
	}

#top-menu {
	display: none;
	float: right;
	font-size: 15px;
	}

#top-menu ul {
	list-style-type: none;
	}

#top-menu ul li {
	display: inline;
	margin-left: 19px;
	}

#top-menu ul li a:link.off, #top-menu ul li a:visited.off {
	color: #464646;
	font-size: 15px;
	text-decoration: none;
	line-height: 50px;
	}
#top-menu ul li a:hover.off {
	color: #b9d2ee;
	text-decoration: none;
	}

#top-menu ul li a:link.on, #top-menu ul li a:visited.on {
	color: #3268c2;
	font-size: 15px;
	text-decoration: none;
	line-height: 50px;
	}
#top-menu ul li a:hover.on {
	color: #b9d2ee;
	text-decoration: none;
	}

.sc {
	position: relative;
	font-family: 'FontAwesome';
	}

.sc-count {
	position: absolute;
	right: -10px;
	top: -15px;
	font-family: 'Open Sans';
	font-size: 9px;
	font-weight: bold;
	line-height: 16px;
	background-color: #98bf8c;
	color: #ffffff;
	text-align: center;
	border-radius: 8px;
	min-width: 16px;
	padding: 0 4px;
	display: inline-block;
	}

.header-tall > .dr-debbie {
	float: left;
	text-align: center;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	height: 70px;
	padding: 16px 30px;
	margin-left: 40px;
	transition: padding 0.2s;
	}

.header-short > .dr-debbie {
	float: left;
	text-align: center;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	height: 70px;
	padding: 16px 30px;
	margin-left: 40px;
	transition: padding 0.2s;
	}

.header-tall > .dr-debbie > .dd-name {
	float: left;
	color: #808080;
	font-family: Heebo, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	transition: all 0.2s;
	}

.header-short > .dr-debbie > .dd-name {
	float: left;
	color: #808080;
	font-family: Heebo, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	transition: all 0.2s;
	}

.header-tall > .dr-debbie > .dd-desc {
	font-family: 'Open Sans Condensed';
	clear: both;
	float: left;
	font-size: 14px;
	line-height: 17px;
	color: #999999;
	transition: all 0.2s;
	}

.header-short > .dr-debbie > .dd-desc {
	font-family: 'Open Sans Condensed';
	clear: both;
	float: left;
	font-size: 14px;
	line-height: 17px;
	color: #888888;
	transition: all 0.2s;
	}

.cinput {
	display: inline-block;
	width: 100%;
	height: 40px;
	background-color: #f0f0f0;
	border: 1px solid #dedede;
	font-size: 18px;
	float: left;
	clear: both;
	margin-top: 10px;
	padding: 0 14px;
	outline: none;
	}

.processing {
	position: relative;
	display: none;
	float: left;
	height: 54px;
	border-radius: 3px;
	text-align: center;
	border: 2px solid #bbbbbb;
	background-color: #efefef;
	padding: 0 40px;
	margin-top: 10px;
	}

.processing > span {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	animation: spinner 1s infinite steps(8);
	margin-top: 5px;
	}

.processing > span > a {
	color: #aaaaaa;
	font-size: 20px;
	font-family: FontAwesome;
	line-height: 40px;
	}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}


.sent-success {
	display: none;
	float: left;
	color: #777777;
	text-decoration: none;
	font-size: 20px;
	line-height: 50px;
	border-radius: 3px;
	text-align: center;
	border: 2px solid #91ec86;
	background-color: #bafcb7;
	padding: 0 20px;
	margin-top: 10px;
	}

@media (max-width: 424px) {

	.header-tall > .dr-debbie, .header-short > .dr-debbie {
		display: none;
		}

	}

@media (max-width: 530px) {


	.header-tall > .dr-debbie, .header-short > .dr-debbie {
		float: left;
		text-align: center;
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
		height: 70px;
		padding: 16px 20px;
		margin-left: 20px;
		transition: padding 0.2s;
		}

	.header-tall > .dr-debbie > .dd-name, .header-short > .dr-debbie > .dd-name {
		float: left;
		color: #808080;
		font-family: Heebo, sans-serif;
		font-size: 18px;
		font-weight: 400;
		line-height: 21px;
		transition: all 0.2s;
		}

	.header-tall > .dr-debbie > .dd-desc, .header-short > .dr-debbie > .dd-desc {
		font-family: 'Open Sans Condensed';
		clear: both;
		float: left;
		font-size: 11px;
		line-height: 17px;
		color: #888888;
		transition: all 0.2s;
		}


		

	}


@media (max-width: 640px) {

	.page-title-bar-1, .page-title-bar-2, .page-title-bar-3, .page-title-bar-5 { font-size: 20px; }
	.page-title-bar-4 { font-size: 18px; }
	.processing, .sent-success { width: 100%; }

	}

@media (min-width: 1100px) {

	#top-menu {
		display: inline-block;
		float: right;
		}

	a:link#dots, a:visited#dots { display: none; }
	#mobile-menu { display: none; }

	}

@media (min-width: 1200px) {

	#top-margin { height: 140px; }


	.header-tall { height: 140px; }

	.header-tall > a > .logo {
		float: left;
		border: 0;
		width: 124px;
		height: 124px;
		transition: all 0.2s;
		}

	.header-tall > #top-menu {
		margin-top: 66px;
		transition: margin-top 0.2s;
		}

	.header-tall > .dr-debbie {
		float: left;
		text-align: center;
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
		height: 140px;
		padding: 48px 26px;
		margin-left: 40px;
		transition: padding 0.2s;
		}

	.header-tall > .dr-debbie > .dd-name {
		float: left;
		color: #808080;
		font-family: Heebo, sans-serif;
		font-size: 26px;
		font-weight: 400;
		line-height: 25px;
		transition: all 0.2s;
		}

	.header-tall > .dr-debbie > .dd-desc {
		font-family: 'Open Sans Condensed';
		clear: both;
		float: left;
		font-size: 16px;
		line-height: 19px;
		color: #888888;
		transition: all 0.2s;
		}

	}
