/*  The Grid
	Author: Flo Web Design 
	Versin: 1.1 Relase on */

/* Reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
	time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
	table {border-collapse: collapse;border-spacing: 0;}

/* Global Elements */
	* {webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	body, html {line-height: 1;margin: 0;padding:0;width:100%;}
	a, .btn, :focus {outline:none;text-decoration:none;}

/* Grid */
	.container {margin: 0 auto;width:1280px;max-width: 100%;position:relative;}
	.col {float:left;}
	.row:after {content:'';display:block;clear:both}
	.lg-1 			{width:8.33333333333%;}
	.lg-2 			{width:16.6666666667%;}
	.lg-3 			{width:25.0%;}
	.lg-4 			{width:33.3333333333%;}
	.lg-5 			{width:41.6666666667%;}
	.lg-6 			{width:50.0%;}
	.lg-7 			{width:58.3333333333%;}
	.lg-8 			{width:66.6666666667%;}
	.lg-9 			{width:75.0%;}
	.lg-10 			{width:83.3333333333%;}
	.lg-11 			{width:91.6666666667%;}
	.lg-12 			{width:100%;margin-left:0;}
	
	.gap-1 	{margin:0 8.33333333333%;}
	.gap-2 	{margin:0 16.6666666667%;}
	.gap-3 	{margin:0 25.0%;}
	.gap-4 	{margin:0 33.3333333333%;}
	.gap-5 	{margin:0 41.6666666667%;}
	.gap-6 	{margin:0 50.0%;}
	.gap-7 	{margin:0 58.3333333333%;}
	.gap-8 	{margin:0 66.6666666667%;}
	.gap-9 	{margin:0 75.0%;}
	.gap-10 {margin:0 83.3333333333%;}
	.gap-11 {margin:0 91.6666666667%;}
	.gap-12 {margin:0 100%;}
	
	.gap-left-1 	{margin-left:8.33333333333%;}
	.gap-left-2 	{margin-left:16.6666666667%;}
	.gap-left-3 	{margin-left:25.0%;}
	.gap-left-4 	{margin-left:33.3333333333%;}
	.gap-left-5 	{margin-left:41.6666666667%;}
	.gap-left-6 	{margin-left:50.0%;}
	.gap-left-7 	{margin-left:58.3333333333%;}
	.gap-left-8 	{margin-left:66.6666666667%;}
	.gap-left-9 	{margin-left:75.0%;}
	.gap-left-10 	{margin-left:83.3333333333%;}
	.gap-left-11 	{margin-left:91.6666666667%;}
	.gap-left-12 	{margin-left:100%;}
	
	.gap-right-1 	{margin-right:8.33333333333%;}
	.gap-right-2 	{margin-right:16.6666666667%;}
	.gap-right-3 	{margin-right:25.0%;}
	.gap-right-4 	{margin-right:33.3333333333%;}
	.gap-right-5 	{margin-right:41.6666666667%;}
	.gap-right-6 	{margin-right:50.0%;}
	.gap-right-7 	{margin-right:58.3333333333%;}
	.gap-right-8 	{margin-right:66.6666666667%;}
	.gap-right-9 	{margin-right:75.0%;}
	.gap-right-10 	{margin-right:83.3333333333%;}
	.gap-right-11 	{margin-right:91.6666666667%;}
	.gap-right-12 	{margin-right:100%;}
	
	*[class*="push-"], *[class*="pull-"] {position:relative;}
	.push-1 		{left:8.33333333333%;}
	.push-2 		{left:16.6666666667%;}
	.push-3 		{left:25.0%;}
	.push-4 		{left:33.3333333333%;}
	.push-5 		{left:41.6666666667%;}
	.push-6 		{left:50.0%;}
	.push-7 		{left:58.3333333333%;}
	.push-8 		{left:66.6666666667%;}
	.push-9 		{left:75.0%;}
	.push-10 		{left:83.3333333333%;}
	.push-11 		{left:91.6666666667%;}
	.push-12 		{left:100%;}
	
	.pull-1 		{right:8.33333333333%;}
	.pull-2 		{right:16.6666666667%;}
	.pull-3 		{right:25.0%;}
	.pull-4 		{right:33.3333333333%;}
	.pull-5 		{right:41.6666666667%;}
	.pull-6 		{right:50.0%;}
	.pull-7 		{right:58.3333333333%;}
	.pull-8 		{right:66.6666666667%;}
	.pull-9 		{right:75.0%;}
	.pull-10 		{right:83.3333333333%;}
	.pull-11 		{right:91.6666666667%;}
	.pull-12 		{right:100%;}
	
	.device-visible {display:none;}
	.device-hidden {display:block;}
	
/*.no-margin > * {padding:0;margin:0;}
.table.row {display:table;width:100%;}
.table.row > .col {display:table-cell;float:none;vertical-align:top;}
.centered {text-align:center;}
.centered > * {margin: 0 auto;display:inline-block;}
.center {display:block;margin:0 auto;}
*/

	.gutters > .col {padding:0.5%;}
	.gutters > .col:first-of-type {padding-left:0;}
	.gutters > .col:last-of-type {padding-right:0;}
	.gutters > .row > .col {padding:0.5%;}
	.gutters > .row > .col:first-of-type {padding-left:0;}
	.gutters > .row > .col:last-of-type {padding-right:0;}
	
	.flex {display:flex;align-items:stretch;}

/* GRID ELEMENTS */

	/* Typography */
		.text-left {text-align:left} 
		.text-center {text-align:center;}
		.text-right {text-align:right;}
		
		
		.img-responsive {width:100%;}
		.img-rounded {border-radius:50%;} 
		
		.clear:after {display:block;content:"";clear:both;}
		.right {float:right}
		.left {float:left;}
	/* Animations */
.animation {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.animation:after {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}

.sweep-r:after {-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transform: scaleX(0);transform: scaleX(0);}
.sweep-l:after {-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scaleX(0);transform: scaleX(0);}
.sweep-r:hover:after, .sweep-r:focus:after, .sweep-r:active:after, 
.sweep-l:hover:after, .sweep-l:focus:after, .sweep-l:active:after {-webkit-transform: scaleX(1);transform: scaleX(1);}

.sweep-t:after {-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform: scaleY(0);transform: scaleY(0);}
.sweep-b:after {-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;-webkit-transform: scaleY(0);transform: scaleY(0);}
.sweep-t:hover:after, .sweep-t:focus:after, .sweep-t:active:after, 
.sweep-b:hover:after, .sweep-b:focus:after, .sweep-b:active:after {-webkit-transform: scaleX(1);transform: scaleX(1);}

	/* Buttons & Links*/
		.btn {display:inline-block;font-size:100%;line-height:1;cursor:pointer;padding:5px 10px;background:rgba(0,0,0,0.1);color:#222;}
		.btn:hover {background:rgba(0,0,0,0.2)}
		
		.icon:before {font-family:FontAwesome;margin:0 5px;width:1.28571em;text-align:center;display:inline-block;}
		.btn.icon:before {margin-left:0;}
		
		.btn.sm {font-size:0.7em}
		.btn.md {font-size:1.3em;padding:10px 15px;}
		.btn.lg {font-size:1.6em;padding:15px 20px;}

		.icon.error:before {content:'\f12a';}
		.icon.success:before {content:'\f00c';}
		.icon.warning:before {content:'\f071';}
		.icon.add:before {content:'\f067';}
		.icon.update:before {content:'\f040';}
		.icon.delete:before {content:'\f00d';}
		.icon.login:before {content:'\f007';}
		.icon.search:before {content:'\f002';}
		.icon.cart:before {content:'\f07a';}
		.icon.refresh:before {content:'\f021';}
		.icon.info:before  {content:'\f129'}
		
		.icon {color:#222;}
		.info, .blue  {color:#006793;}
		.success, .green {color:#62B600;}
		.error, .red {color:#B90000}
		.warning, .yellow {color:#E0BD28;}
		
		.btn.error, .btn.red {background:#c73333;color:#fff}
		.btn.error:hover, .btn.red:hover, .btn.error:after, .btn.red:after {background:#B90000;}
		
		.btn.success, .btn.green {background:rgba(98,182,0,0.8);color:#264600;} 
		.btn.success:hover, .btn.green:hover, .success:after, .green:after {background:#62b600;}
		
		.btn.warning, .btn.yellow {background:#E0BD28;color:#493C10;}
		.btn.warning:hover, .btn.yellow:hover, .btn.warning:after, .btn.yellow:after {background:#CEAB21;}
		
		.btn.info, .btn.blue {background:rgba(0,103,147,0.8);color:#fff}
		.btn.info:hover, .btn.blue:hover, .btn.info:after, .btn.blue:after {background:rgba(0,103,147,1);}	
		

		.default {color:#222;}
		
		.btn.default {background:rgba(0,0,0,0.1);color:#222;}
		.btn.default:hover, .btn.default:after {background:rgba(0,0,0,0.2)}
/* Colours */


		
	/* Messages */
		.message {padding:5px 10px;margin:10px 0;}
		.message.icon {padding:5px;}
	
	/* MESSAGES COLOURS */
	
	
		.message.success, .message.green {background:#EEFFDB;border:solid 1px #62B600;color:#264600;}
		.message.success:before, .message.green:before {color:#62B600}
		
		.message.error, .message.red {background:#FFEDED;border:solid 1px #c73333;color:#c73333;}
		.message.error:before, .message.red:before {color:#B90000}

		
		.message.info, .message.blue {background:#DBEAF0;border:solid 1px #3385a9;color:#043346}
		.message.info:before, .message.blue:before {color:#3385a9}
		
		.message.warning, .message.yellow {background:#FFF1BC;border:solid 1px #e0bd28;color:#493c10;}
		.message.warning:before, .message.yellow:before {color:#e0bd28}
		
		.message.default, .message.gray {background:rgba(0,0,0,0.1);border:solid 1px #222;color:#222;}
		.message.default:before, .message.gray:before {color:#222}
		
		label.tooltip {padding-right:15px;position:relative;}
		label.tooltip:after {display: block;font-family: "FontAwesome";font-size: 1.1em;position: absolute;right:0px;top:0;content:'\f05a';}
		
		.ui-tooltip.message {padding-left:50px;}
		.ui-tooltip.message.error {background:rgba(185,0,0,0.8);color:#fff}
	
/* MENU 
	.inline ul {display: table;width:100%;}
	.inline > ul > li {display: table-cell;}
	#mobile_nav {display:none;}
	#closeM {display:none;}
*/
/* FORMS */
	form {width:100%;}
	.form_element, .cms_form, .form-group, .form-group .form-element, .group, .element {width:100%;}
	.form_element, .form-group, .group, .element {margin-bottom:10px;}
	.form_element .cms_form, .form-group .form-element, .group .element {resize:none;font-family:inherit;padding:10px;}
	.form_element .cms_form:disbabled, .form-group .form-element:disabled, .group .element:disabled {border:solid 1px rgba(0,0,0,0.2);cursor:not-allowed;}
	.form_element input[type=radio], .form-group.radio input[type="radio"] {display:inline;width:auto;}
	.form-group.message:before {left: auto;right: 10px;top: 5px;}
	.form-group.message {padding: 10px;}

	form fieldset legend, .form-group label {display:inline-block;text-transform:uppercase;font-weight:bolder;}
	
	.inline-form {display:table;width:100%;}
	.inline-form .form-group {display:inline-table;width:auto;}
	
/* TABLES */
	table {width:100%;font-size:0.9em;}
	table td {padding:10px;}
	table.striped tr:nth-child(even) {background:rgba(0,0,0,0.1);}
	table.striped tr:first-child {background:rgba(0,0,0,0.2);}
	
	.responsive {border: 1px solid #ddd;margin-bottom: 15px;overflow-y: hidden;width: 100%;min-height: 0.01%;overflow-x: auto;}
	.responsive {overflow:hidden;overflow-x:auto;max-width:100%;}
	.responsive table > tr > td, 
	.responsive table > tr > th, 
	.responsive table > tbody > tr > td, 
	.responsive table > tbody > tr > th, 
	.responsive table > tfoot > tr > td, 
	.responsive table > tfoot > tr > th, 
	.responsive table > thead > tr > td, 
	.responsive table > thead > tr > th {white-space: nowrap;font-size:1em;padding:10px;}

@media only screen and (max-width: 1180px) {
*[class*="push-"], *[class*="pull-"] {position:relative;left:0;right:0;}
	.md-1 			{width:8.33333333333%;}
	.md-2 			{width:16.6666666667%;}
	.md-3 			{width:25.0%;}
	.md-4 			{width:33.3333333333%;}
	.md-5 			{width:41.6666666667%;}
	.md-6 			{width:50.0%;}
	.md-7 			{width:58.3333333333%;}
	.md-8 			{width:66.6666666667%;}
	.md-9 			{width:75.0%;}
	.md-10 			{width:83.3333333333%;}
	.md-11 			{width:91.6666666667%;}
	.md-12 			{width:100%;margin-left:0;}
}


@media only screen and (max-width: 767px ){
	
	.container {padding:2%;text-align:center;}
	.col {width:100%;}
	.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 		
	{margin-left:0;}
	.flex {display:block;}
	*[class*="gap-"] {margin:0;}
	*[class*="push-"], *[class*="pull-"] {left:0;right:0;}
	#mobile_nav {display:block;}
	#nav {display:none;}
	.inline li {float:none;width:100%;display:block;}
	.inline ul ul {position:relative;}
	.inline ul li:hover ul {display:none;}
	.inline a {text-align: left;display: inline;margin: 0;list-style: none;width:100%;}
	#closeM {display:block;}
	
	.device-visible {display:block;}
	.device-hidden {display:none;}
	
	.md-1 			{width:8.33333333333%;}
	.md-2 			{width:16.6666666667%;}
	.md-3 			{width:25.0%;}
	.md-4 			{width:33.3333333333%;}
	.md-5 			{width:41.6666666667%;}
	.md-6 			{width:50.0%;}
	.md-7 			{width:58.3333333333%;}
	.md-8 			{width:66.6666666667%;}
	.md-9 			{width:75.0%;}
	.md-10 			{width:83.3333333333%;}
	.md-11 			{width:91.6666666667%;}
	.md-12 			{width:100%;margin-left:0;}
	
	.device-visible {display:none;}
	.device-hidden {display:block;}
}
@media only screen and (max-width: 767px) {
	.col {width:100%;}
	.sm-1 			{width:8.33333333333%;}
	.sm-2 			{width:16.6666666667%;}
	.sm-3 			{width:25.0%;}
	.sm-4 			{width:33.3333333333%;}
	.sm-5 			{width:41.6666666667%;}
	.sm-6 			{width:50.0%;}
	.sm-7 			{width:58.3333333333%;}
	.sm-8 			{width:66.6666666667%;}
	.sm-9 			{width:75.0%;}
	.sm-10 			{width:83.3333333333%;}
	.sm-11 			{width:91.6666666667%;}
	.sm-12 			{width:100%;margin-left:0;}
}