/*-----------------------------------------------------------------------------------------------*/
/*
/* 	FONTFACE
/*
/*-----------------------------------------------------------------------------------------------*/
	@font-face {
		font-family: 'Beans';
		font-style: normal;
		font-weight: normal;
		src: local('Beans'), url('../fontface/beansfont.woff') format('woff');
	}

/*-----------------------------------------------------------------------------------------------*/
/*
/* 	ICONS
/*
/*-----------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------*/
	/* =GLYPHS
	/*-------------------------------------------------------------------------------------------*/
	@font-face {
	  font-family: 'fontello';
	  src: url('../fontface/fontello.eot?703314');
	  src: url('../fontface/fontello.eot?703314#iefix') format('embedded-opentype'),
		   url('../fontface/fontello.woff?703314') format('woff'),
		   url('../fontface/fontello.ttf?703314') format('truetype'),
		   url('../fontface/fontello.svg?703314#fontello') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		  @font-face {
			font-family: 'fontello';
			src: url('../fontface/fontello.svg?703314#fontello') format('svg');
		  }
		}

	[class^="icon-"]:before, [class*=" icon-"]:before {
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;

		text-decoration: inherit;
		text-align: center;

		font-variant: normal;
		text-transform: none;

		display:inline-block;

		-webkit-transition: color .1s ease-in;
		-moz-transition: color .1s ease-in;
		-o-transition: color .1s ease-in;
		transition: color .1s ease-in;
	}
		.icon:hover {
			text-decoration:none;
		}

		.icon-arrow-left:before { content: '\e800'; } /* '' */
		.icon-checkbox:before { content: '\e801'; } /* '' */
		.icon-arrow-right:before { content: '\e802'; } /* '' */
		.icon-arrow-bottom:before { content: '\e803'; } /* '' */
		.icon-delete:before { content: '\e804'; } /* '' */

/*-----------------------------------------------------------------------------------------------*/
/*
/* 	UI ELEMENTS
/*
/*-----------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------*/
	/* =BUTTONS
	/*-------------------------------------------------------------------------------------------*/
	.btnold {
		font-family:'Beans',sans-serif;
		display:inline-block;

		-webkit-transition: background .1s ease-in;
		-moz-transition: background .1s ease-in;
		-o-transition: background .1s ease-in;
		transition: background .1s ease-in;
	}
		.btnold:hover {
			text-decoration:none;

			-webkit-transition: background .1s ease-in;
			-moz-transition: background .1s ease-in;
			-o-transition: background .1s ease-in;
			transition: background .1s ease-in;
		}

		/* =SIZE : MINI
		/*---------------------------------------------------------------------------------------*/
		.btnold.btnold-mini {
			font-size:20px;
			line-height:20px;
			padding:15px 20px 15px 19px;

			border:3px solid transparent;
		}
			.btnold.btnold-mini span {
				line-height:50px;
				vertical-align:middle;
			}
			.btnold.btnold-mini img {
				line-height:50px;
				vertical-align:middle;
			}

		/* =SIZE : FLUID
		/*---------------------------------------------------------------------------------------*/
		.btnold.btnold-fluid {
			font-size:20px;
			line-height:20px;
			padding:25px 35px;

			border:5px solid transparent;
		}

		/* =COLOR : BLUE
		/*---------------------------------------------------------------------------------------*/
		.btnold.blue {
			color:#fff;
			background-color:#0b5eaa;
		}
			.btnold.blue:hover {
				background:#fff;
				color:#0b5eaa;
				border-color:#0b5eaa;
			}

		/* =VARIATION SPEC
		/*---------------------------------------------------------------------------------------*/
		.btnold.spec {
			border:4px solid #0b5eaa;
			background:#fff;
			color:#0b5eaa;
			top:70px;
			left:-80px;
			position:absolute;
		}
			.btnold.spec:hover {
				border:4px solid #fff !important;
				background:#0b5eaa !important;
				color:#fff !important;
			}

	/*-------------------------------------------------------------------------------------------*/
	/* =TABS
	/*-------------------------------------------------------------------------------------------*/
	ul.tabs {
		border-bottom:1px solid #cecece;
		margin-bottom:25px;
	}
		ul.tabs li {
			list-style-type:none;
			display:inline-block;
		}
		ul.tabs li a {
			display:block;
			padding:10px 15px;
			margin-right:15px;
		}

		ul.tabs li.active a {
			text-decoration:none;

			border:1px solid #cecece;
			border-bottom:0;

			border-top-left-radius:3px;
			border-top-right-radius:3px;
			-webkit-border-top-left-radius:3px;
			-webkit-border-top-right-radius:3px;
			-moz-border-top-left-radius:3px;
			-moz-border-top-right-radius:3px;
		}

	/*-------------------------------------------------------------------------------------------*/
	/* =BASIC TABLES
	/*-------------------------------------------------------------------------------------------*/
	table.basic {
		width:100%;

		border-collapse:collapse;

		color:#333;
		font-size:14px;
	}
		table.basic thead td {
			font-weight:bold;
			color:#0b5eaa;
			border-bottom:2px solid #0b5eaa;
		}
		table.basic td {
			padding:10px;
			vertical-align:middle;
			border-bottom:1px solid #cecece;
		}

/*-----------------------------------------------------------------------------------------------*/
/*
/* 	UI COLORS &  GRADIANTS
/*
/*-----------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------*/
	/* =TEXT COLORS
	/*-------------------------------------------------------------------------------------------*/
	.clr-white {
		color:#ffffff !important;
	}
	.clr-blue {
		color:#0b5eaa !important;
	}

/*-----------------------------------------------------------------------------------------------*/
/*
/* 	STYLING ELEMENTS
/*
/*-----------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------*/
	/* =TITLE
	/*-------------------------------------------------------------------------------------------*/
	.title {
		font-family:'Beans',sans-serif;
		color:#363636;
	}
		.title.deco {
			font-size:36px;
			text-align:center;
		}
			.title.deco:after {
				content:"";
				display:block;
				margin:0 auto;

				width:50px;
				height:2px;
				background:#363636;

				margin-top:10px;
				margin-bottom:20px;
			}
				.title.deco.clr-blue:after {
					background:#0b5eaa;
				}

	/*-------------------------------------------------------------------------------------------*/
	/* =TOOLTIP
	/*-------------------------------------------------------------------------------------------*/
	.tooltip {
		margin-bottom:50px;
		border-bottom:2px solid #0b5eaa;

		padding-bottom:20px;
	}
		.tooltip.error {
			border-color:#CD1B1E;
		}

		.tooltip .title {
			font-size:26px;
			color:#0b5eaa;
		}
			.tooltip.error .title {
				color:#CD1B1E;
			}

		.tooltip p {
			font-size:13px;
			margin-top:5px;
		}
			.tooltip.error p {
				margin-bottom:15px;
			}

		.tooltip ul {
			margin-left:25px;
			font-size:14px;
		}

	/*-------------------------------------------------------------------------------------------*/
	/* =PARAGRAPH
	/*-------------------------------------------------------------------------------------------*/
	.sandbox p {
		margin-bottom:15px;
	}

	/*-------------------------------------------------------------------------------------------*/
	/* =TEXTBLOCK
	/*-------------------------------------------------------------------------------------------*/
	.sandbox .textblock {
		margin-bottom:70px;
	}

/*-----------------------------------------------------------------------------------------------*/
/*
/* 	FORM ELEMENTS
/*
/*-----------------------------------------------------------------------------------------------*/
input{border: 2px inset;}

@media screen and (min-width: 496px) {
input {
	font-family: 'Droid Sans', sans-serif;
	color:#333;
	margin-top :10px;
	padding:3px 0px 3px 7px;
	height: 38px;
}
}

	input.inverted {
		background:#fff;
		color:#333;
	}

select {
	font-family: 'Droid Sans', sans-serif;
	color:#333;

	padding:10px;

	width:100%;
}

/*-------------------------------------------------------------------------------------------*/
/* =FORM CTRL
/*-------------------------------------------------------------------------------------------*/
.form-space {
	margin-bottom:20px;
}

.form-ctrl label {
	color:#757575;
	font-weight:200;
	font-size:14px;
	display:block;
	margin-bottom:10px;
}

.form-ctrl input[type=text],
.form-ctrl input[type=email],
.form-ctrl input[type=password],
.form-ctrl input[type=search] {
	border:1px solid #c9c9c9;
	padding:10px;

	font-family: 'Droid Sans', sans-serif;
	font-weight:300;
	font-size:14px;

	width:100%;
}

.form-ctrl textarea {
	border:1px solid #c9c9c9;
	padding:10px;

	font-family: 'Droid Sans', sans-serif;
	font-weight:300;
	font-size:14px;

	height:140px;
	width:100%;
}

	.form-ctrl input:focus,
	.form-ctrl textarea:focus {
		border-color:#0b5eaa;
	}

.form-ctrl button {
	font-family:'Beans',sans-serif;
	text-transform:uppercase;

	padding:12px 25px !important;
}