/* ==========================================================================
   =Typography
   ========================================================================== */

	body {
		background-color: #f7f7f7;
		color: #666;
		font-family: 'Arimo', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 26px;
	}

	@media (max-width: 767px) {

		/**
		 * 1. Hide background on mobile devices
		 */

		body {
			background: none; 	/* 1 */
			background-color: #fff;
		}

	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Playfair Display', serif;
		font-weight: 400;
	}

	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a {}

	h1 a:visited,
	h2 a:visited,
	h3 a:visited,
	h4 a:visited,
	h5 a:visited,
	h6 a:visited {
		color: #3e3d3d;
		font-weight: inherit;
	}

	h1 a:hover,
	h2 a:hover,
	h3 a:hover,
	h4 a:hover,
	h5 a:hover,
	h6 a:hover{ color: #29857a; }

	h1 {
		margin-bottom: 14px;
		font-size: 30px;
		line-height: 45px;
	}

	h2 {
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 34px;
	}

	h3 {
		margin-bottom: 8px;
		font-size: 20px;
		line-height: 30px;
	}

	h4 {
		margin-bottom: 4px;
		font-size: 18px;
		line-height: 27px;
	}

	h5 {
		font-size: 16px;
		line-height: 24px;
	}

	h6 {
		font-size: 14px;
		line-height: 21px;
	}

	p { margin-bottom: 20px; }

	em { font-style: italic; }

	strong { font-weight: 700; }

	small { font-size: 90%; }

	big { font-size: 125%; }

	sub {
		vertical-align: sub;
		font-size: 75%;
	}

	sup {
		vertical-align: super;
		font-size: 75%;
	}

	abbr[title] {
		border-bottom: 1px dotted #999;
		cursor: help;
	}

	address {
		display: block;
		margin-bottom: 20px;
	}

	blockquote {}

	blockquote p {
		font-size: 13px;
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		line-height: 26px;
	}

	hr {
		height: 0;
		border: solid #e0e0e0;
		border-width: 1px 0 0 0;
		margin: 30px 0;
	}

	kbd,
	tt,
	var,
	samp,
	code,
	pre { font-family: Monaco, Meblo, Consolas, "Courier New", monospace; }

	code {
		padding: 1px 4px;
		border: 1px solid #e0e0e0;
		border-radius: 3px;
		background-color: #f3f3f3;
		color: #d50f25;
	}

	pre {
		overblow-x: auto;
		display: block;
		padding: 20px;
		border: 1px solid #e0e0e0;
		border-radius: 3px;
		margin-bottom: 20px;
		background-color: #f3f3f3;
		white-space: pre-wrap;
	}

	mark,
	ins {
		padding: 1px 4px;
		border: 1px solid #e0e0e0;
		border-radius: 3px;
		background-color: #f3f3f3;
		text-decoration: none;
	}

	s,
	del { text-decoration: line-through; }

	/* Typography Helper Classes */

	/**
	 * <div class="hr"></div> acts like an <hr>
	 */

	.hr {
		border-top: 1px solid #b0b0b0;
		margin: 30px 0;
	}

	.text-left { text-align: left; }
	.text-right { text-align: right; }
	.text-center { text-align: center; }
	.text-justify { text-align: justify; }

	.text-uppercase { text-transform: uppercase; }

	.text-highlight {
		padding: 1px 5px;
		border-radius: 2px;
		background-color: #29857a;
		color: #ffffff;
	}

	.text-primary { color: #29857a; }

	.mute{ color: #999; }

	.no-margin-bottom,
	.last { margin-bottom: 0 !important; }

	.pull-left { bloat: left; }

	.pull-right { bloat: right; }

	.display-1,
	.display-2,
	.display-3,
	.display-4 {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
	}

	.display-1 {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	.display-2 {
		font-size: 2rem;
		line-height: 2rem;
	}

	.display-3 {
		font-size: 4rem;
		line-height: 4rem;
	}

	.display-4 {
		font-size: 5rem;
		line-height: 5rem;
	}

	@media (max-width: 767px) {

		.no-margin-bottom,
		.last { margin-bottom: 20px !important; }

		.text-right { text-align: left; }

	}

/* ==========================================================================
   =Links
   ========================================================================== */

	a,
	a:visited {
		text-decoration: none;
		color: #3e3d3d;
		-webkit-transition: all .3s;
				transition: all .3s;
	}

   /**
	* 1. Remove the gray background color from active links in IE 10.
	*/

	a:active {
 		background: transparent; /* 1 */
	}

	a:active,
	a:hover,
	a:focus {
		outline: 0;
		color: #29857a;
		text-decoration: none;
	}

/* ==========================================================================
   =Lists
   ========================================================================== */

	ul,
	ol {
		margin-bottom: 30px;
		list-style-position: inside;
	}

	li > ul,
	li > ol {
		margin-bottom: 0;
		margin-left: 30px;
	}

	li { margin-bottom: 20px; }

	ul { list-style-type: disc; }
	ol { list-style-type: decimal; }

	dl { margin-bottom: 20px; }

	dt { font-weight: bold; }

	dd  { margin-bottom: 20px; }

	/* List Helper Classes */

	ul.last,
	ol.last,
	dl.last { margin-bottom: 0; }

	@media (max-width: 767px) {

		ul.last,
		ol.last { margin-bottom: 20px; }

	}

/* =Custom lists
   ========================================================================== */

	/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 * 2. list with squares for bullets
	 * 3. list with discs for bullets
	 *
	 */

	ul.unstyled { list-style-type: none; } /* 1 */
	ul.square { list-style-type: square; } /* 2 */
	ul.circle { list-style-type: circle; } /* 3 */

	/**
 	 * FontAwesome lists
 	 *
	 * 1. Check list
	 * 2. Plus list
	 * 3. Pin list
	 *
	 */

	ul.check,					/* 1 */
	ul.plus,						/* 2 */
	ul.pin { list-style: none; }	/* 3 */

	ul.check li:before,
	ul.plus li:before,
	ul.pin li:before {
		position: relative;
		top: -1px;
		width: auto;
		height: auto;
		margin-right: 8px;
		font-family: 'FontAwesome';
		font-size: 10px;
		font-style: normal;
	}

	ul.check li:before { content: "\f00c"; }
	ul.plus li:before { content: "\f067"; }
	ul.pin li:before { content: "\f08d"; }

	/**
 	 * Custom Icon Font lists
 	 *
	 * 1. Disc list
	 *
	 */

	ul.arrow { list-style: none; }	/* 1 */

	ul.arrow li:before {
		position: relative;
		top: 0;
		width: auto;
		height: auto;
		margin-right: 8px;
		font-family: 'iconfontcustom';
		font-size: 12px;
		font-weight: 400;
	}

	ul.arrow li:before { content: "\e7b0"; }

/* ==========================================================================
   =Images
   ========================================================================== */

	img {
		max-width: 100%;
		height: auto;
		border: none;
		vertical-align: middle;
	}

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

	table,
	th,
	td { border: 1px solid #e0e0e0; }

	/**
	 * 1. Prevents HTML tables from becoming too wide
	 */

	table {
		border-collapse: separate;
		border-spacing: 0;
		border-width: 1px 0 0 1px;
		margin-bottom: 20px;
		table-layout: fixed; 	/* 1 */
		width: 100%;
	}

	caption,
	th,
	td {
		font-weight: normal;
		text-align: left;
	}

	caption { margin-bottom: 20px; }

	th {
		border-width: 0 1px 1px 0;
		font-weight: 700;
	}

	td { border-width: 0 1px 1px 0; }

	th,
	td { padding: 8px; }