@charset "utf-8";

/*----------------------------
	RESET ALL ELEMENTS
----------------------------*/

*, *:before, *:after
{
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:border-box;
}

*:focus {outline:none;}

html, body, div, p, span, hr, a, img,
h1, h2, h3, h4, h5, h6,
select, option, optgroup,
ul, ol, li, dl, dt, dd,
abbr, iframe, code, pre, cite,
q, i, em, b, strong, u, ins, del, dfn, mark, var, sub, sup, small,
table, caption, colgroup, col, thead, tbody, tfoot, tr, th, td,
form, fieldset, legend, label, button, input, textarea,
header, main, footer, section, article, blockquote, aside, address, nav, figure, figcaption,
video, audio, embed, source, track, canvas, object, param
{
	margin:0;
	padding:0;
	outline:0;
	border:0;
	background:none;
	
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;	
	
	color:inherit;	
	line-height:inherit;
	text-transform:inherit;
	vertical-align:baseline;
}

html, body 
{
	display:block;
	height:100%;
}

html {min-height:101%;}
body {height: auto; line-height:1;}

/*----------------------------
	TYPICAL STYLING
----------------------------*/

div, img, dl, dt, dd, fieldset, form, legend, iframe,
header, main, footer, section, article, blockquote, aside, address, nav, figure, figcaption {display:block;}

q, i, strong, em, del, dfn, mark, u, ins, span, var 
{
	display:inline-block;
	vertical-align:baseline;
}

i, em, var, address, .italic {font-style:italic;}

b, strong, .bold {font-weight:bold;}

del, .strike {text-decoration:line-through;}

u, ins .underline {text-decoration:underline;}

small {font-size:80%;}

mark
{
	background-color:#ff0;
	color:#000;
}

code, pre, cite, .pre
{
	font-family: "Lucida Console", Monaco, monospace;
	display:inline-block;
}

.pre {white-space:pre;}

iframe:focus, object:focus {outline:none;}

audio, canvas, progress, video
{
	display: inline-block; /* 1. Correct `inline-block` display not defined in IE 8/9. */
	vertical-align: baseline; /* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) 
{
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden], template {display: none;}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup
{
	font-size: 85%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { top: -0.5em;}

sub { bottom: -0.25em;}

/*----------------------------
	TYPICAL STYLING - HEADING
----------------------------*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{
	clear:both;
	display:block;
	font-weight:700;
}

h1:first-of-type, h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type,
.h1:first-of-type, .h2:first-of-type, .h3:first-of-type, .h4:first-of-type, .h5:first-of-type, .h6:first-of-type {margin-top:0;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span
{
	text-decoration: inherit;
}

/***** Font Sizing and margins *****/

h1, .h1 {font-size: 32px; margin: 10px 0;}
h2, .h2 {font-size: 24px; margin: 13px 0;}
h3, .h3 {font-size: 18px; margin: 16px 0;}
h4, .h4 {font-size: 16px; margin: 21px 0;}
h5, .h5 {font-size: 13px; margin: 26px 0;}
h6, .h6 {font-size: 10px; margin: 37px 0;}

/*----------------------------
	TYPICAL STYLING - PARAGRAPH
----------------------------*/

p
{
	clear:both;
	display:block;
	margin:1em 0;
}

p:first-of-type,
p:first-child,
p.first-child 
{
	margin-top: 0;
}

p:last-of-type,
p:last-child,
p.last-child 
{
	margin-bottom: 0;
}

p:only-of-type, 
p:only-child,
p.only-child 
{
	margin: 0;
}

/*----------------------------
	TYPICAL STYLING - LINKS
----------------------------*/

a
{
	display:inline-block;
	text-decoration:none;
	vertical-align:baseline;
	
	transition: border 0.3s ease, background 0.3s ease, color 0.3s ease;
	-moz-transition: border 0.3s ease, background 0.3s ease, color 0.3s ease;
	-webkit-transition: border 0.3s ease, background 0.3s ease, color 0.3s ease;
}

a[href], a[id] {cursor:pointer;}

a.img-link,
a[data-filetype="image"]
{
	border:none;
	display:block;	
	outline:none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a
{
	font-size:inherit;
	font-weight:inherit;	
}

a.anchor {cursor:default;}

/*----------------------------
	TYPICAL STYLING - LISTS
----------------------------*/

ul, ol, nav ul
{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

li {display:list-item; text-transform:inherit;}

.ul-default,
.ol-default
{
	display:block;
	margin:1em 0;
	padding-left:2.5em;
}

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

.ul-default ul,
.ul-default ol,
.ol-default ol
.ol-default ul {margin:.5em 0;}

.ul-default .ul-default,
.ol-default .ul-default
{
	list-style-type:circle;
}

/***** List Behaviour Patterns *****/

.list-none, .list-inline
{
	list-style:none;
	padding:0;
}

.list-inline {margin-left:-4px;}

.list-inline li 
{
	display:inline; 
	padding:0 5px;
}

nav li, nav a
{
	display:block;
	position:relative;
}

/*----------------------------
	TYPICAL STYLING - hr
----------------------------*/

hr
{
	clear:both;
	display:block;
	margin:.63em 0;
	padding:.6px;
}

.hr-default { border-top: 1px solid #ccc; }

.hr-dashed { border-top: 1px dashed #000; }

.hr-thick { background-color: #ebebeb; }

.hr-shade
{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/*----------------------------
	TYPICAL STYLING - BLOCKQUOTE
----------------------------*/

blockquote, .blockquote
{
	display:block;
	margin-bottom:10px;
	position:relative;
	text-align:left;
}

.blockquote:before,
.blockquote:after { content: none; }

.blockquote-reverse { text-align: right; }

blockquote p:last-child,
.blockquote p:last-child { margin: 0; }

blockquote footer, 
.blockquote footer,
blockquote .bquote-footer, 
.blockquote .bquote-footer
{
	color:#999;
	display: block;
}

/*----------------------------
	TYPICAL STYLING - IMAGE	
----------------------------*/

img
{
	max-width:100%; 
	vertical-align:middle;
}

img.img-rounded,
.img-rounded img
{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

img.img-circle,
.img-circle img
{
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}

img.img-thumbnail
.img-thumbnail img
{
	display:block;
	margin:0 auto;
}

.img-full 
{
	height:100%; 
	width:100%;
}

a img
{
	border:none;
	outline:none;
}

/*----------------------------
	TYPICAL STYLING - other types
	- abbr tag
	- dl, dt, dd
----------------------------*/

abbr[title],
abbr[data-original-title]
{
	cursor: help;
	border-bottom: 1px dotted #777;
}

abbr.initialism
{
    font-size: 90%;
    text-transform: uppercase;
}

dl, dt, dd {display:block;}

.dl-horizontal dt {float:left;}

/*----------------------------
	TYPICAL STYLING - TABLE
----------------------------*/

table, .table
{
	border-collapse:collapse;
	border-spacing:0;
	clear:both;
	display:table;
	margin:1em 0;
	max-width:100%;
	width:100%;
}

thead, .thead {display: table-header-group; vertical-align:middle;}
tbody, .tbody {display: table-row-group; vertical-align:middle;}
tfoot, .foot {display: table-footer-group; vertical-align:middle;}

col, .col {display:table-column;}
colgroup, .colgroup {display:table-column-group;}

caption, .caption
{
	display:table-caption;
	font-weight:normal;
	padding:8px 0;
}

tr, .tr, .tbl-row {display:table-row;}

th, td, .th, .td
{
	display:table-cell;
	padding:5px;
	text-align:left;
	vertical-align:inherit;
}

th, .th {font-weight:700;}

/*==========================================================================
    FORM STYLING
		---------------------
		- TYPICAL FORMAT
		- STYLING - INPUT FIELDS
		- INPUT BUTTON AND CURSOR TYPES
		- INPUT NUMBER AND SEARCH APPEARANCE
==========================================================================*/

/*----------------------------
	TYPICAL FORMAT
----------------------------*/

form, fieldset, legend, form label
{
	display:block;
	clear:both;
}

button, input, optgroup, select, textarea {color: inherit;}

input::-moz-placeholder,
textarea::-moz-placeholder { color: inherit; line-height:inherit; }

input:-moz-placeholder,
textarea:-moz-placeholder { color: inherit; line-height:inherit; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: inherit; line-height:inherit; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: inherit; line-height:inherit; }

/*----------------------------
	STYLING - INPUT FIELDS
----------------------------*/

input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="number"], 
input[type="password"], 
input[type="address"], 
select, 
textarea
{
	display:block;
	max-width:100%;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .15s;
}

textarea
{
	height:auto;
	resize:vertical;
}

select
{
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	
	cursor:pointer;
}

/*----------------------------
	INPUT - Button/Cursor Types
----------------------------*/

input[type="submit"], 
input[type="reset"], 
input[type="button"],
input[type="radio"], 
input[type="checkbox"], 
input[type="image"],
button, 
label[for] 
{
	cursor:pointer;
}

/*----------------------------
	INPUT - Number and Search Appearance
----------------------------*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button 
{
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration 
{
	-webkit-appearance: none;
	-moz-appearance:none;
}

/*----------------------------
	INPUT - Disabled
----------------------------*/

input:disabled, textarea:disabled
{
	color:#545454;
	cursor:default;
	-webkit-user-select:none;
}

/*==========================================================================
    COMMAND CLASSES
		---------------------
		- CARETS
		- CLEAR COMMANDS
		- FLOAT COMMANDS
		- TEXT ALIGNMENT, DECORATION, TRANSFORMATION
		- OVERFLOW
==========================================================================*/

/*----------------------------
	CARETS
----------------------------*/

.caret, .caret-down, .caret-up, .caret-left, .caret-right
{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
}

.caret, .caret-down
{
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.caret-up
{
	border-bottom: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.caret-left
{
	border-top: 4px solid transparent;
	border-right: 4px solid;
	border-bottom: 4px solid transparent;
}

.caret-right
{
	border-top: 4px solid transparent;
	border-left: 4px solid;
	border-bottom: 4px solid transparent;
}

/*----------------------------
	CLEAR
----------------------------*/

.clear {clear:both;}
.clear-lft {clear:left;}
.clear-rgt {clear:right;}

.clear:empty
{
	display:block;
	height:1px;
	width:100%;
}

.empty-clear
{
	clear:both;
	display:block;
	height:1px;
}

/*----------------------------
	FLOATING COMMANDS
----------------------------*/

.columns
{
	display:block;
	float:left;
	position:relative;
}

.float-left, pull-left {float:left;}
.float-right, pull-right {float:right;}

.float-none {float:none;}

/*----------------------------
	FONT WEIGHTS
----------------------------*/

.fw-300 {font-weight:300;} /* Light */
.fw-400 {font-weight:400;} /* Regular */
.fw-600 {font-weight:600;} /* Semi Bold*/
.fw-700 {font-weight:700;} /* Bold */
.fw-900 {font-weight:900;} /* Heavy*/

.fw-lighter {font-weight: lighter;}
.fw-normal {font-weight: normal;}
.fw-bold {font-weight: bold;}
.fw-bolder{font-weight: bolder;}

/*----------------------------
	TEXT ALIGNMENT, DECORATION, TRANSFORMATION
----------------------------*/

.text-Left { text-align: left !important; }
.text-Center { text-align: center !important; }
.text-Right { text-align: right !important; }
.text-Justify { text-align: justify !important; }

.text-nowrap {white-space:nowrap;}

.decor-underline { text-decoration: underline; }
.decor-through { text-decoration: line-through; }
.decor-blink { text-decoration: blink; }
.decor-overline { text-decoration: overline; }
.decor-none { text-decoration: none; }

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

.truncate 
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.em-bold
{
	font-style:italic;
	font-weight:700;
}

/*----------------------------
	OVERFLOW
----------------------------*/

.overflow-auto { overflow: auto; }
.overflow-hide { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-scroll {overflow:scroll;}

/*----------------------------
	OTHER COMMANDS
----------------------------*/

.center-block
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.invisible-reference,
.invisible-comment,
.empty-hide
{
    display: none;
    visibility: hidden;
}

/*====================================================================================================================================================
* -> END OF RESET ELEMENTS AND STYLING
* -> START OF STANDARDS AND FRAMEWORK
====================================================================================================================================================*/


/*==========================================================================
    WIDTH FRAMEWORK
		---------------------
		- WIDTH CONTAINERS
==========================================================================*/

.width05,.width10,.width15,
.width20,.width25,.width30,
.width33,.width35,.width40,
.width45,.width50,.width55,
.width60,.width65,.width70,
.width75,.width80,.width85,
.width90,.width95,.width100
{
	display:block;
	float:left;
	position:relative;
}

.width05 { width: 5% }
.width10 { width: 10% }
.width15 { width: 15% }
.width20 { width: 20% }
.width25 { width: 25% }
.width30 { width: 30% }
.width33 { width: 33.33% }
.width35 { width: 35% }
.width40 { width: 40% }
.width45 { width: 45% }
.width50 { width: 50% }
.width55 { width: 55% }
.width60 { width: 60% }
.width65 { width: 65% }
.width70 { width: 70% }
.width75 { width: 75% }
.width80 { width: 80% }
.width85 { width: 85% }
.width90 { width: 90% }
.width95 { width: 95% }
.width100 { width: 100% }

[class*="width"]:before,
[class*="width"]:after
{
	content:'';
	clear:both;
	display:block;
}

[class*="width"].pull-right {float:right;}

[class*="width"].center-block {float:none;}

/*==========================================================================
    GRID FRAMEWORK
		---------------------
		- GRID CONTAINERS
		- GRID PUSH
		- GRID PULL
		- GRID GUTTER
==========================================================================*/

.grid-pad {padding:0 15px;}
.grid-row {clear:both; margin:0 -15px;}

.container, .container-fluid 
{
	display:block;
	margin:0 auto;
	padding:0 15px;
}

/* ----------------------------
    GRID CONTAINERS
----------------------------*/

.grid-lg-01, .grid-lg-02, .grid-lg-03, .grid-lg-04, .grid-lg-05, .grid-lg-06, .grid-lg-07, .grid-lg-08, .grid-lg-09, .grid-lg-10, .grid-lg-11, .grid-lg-12,
.grid-md-01, .grid-md-02, .grid-md-03, .grid-md-04, .grid-md-05, .grid-md-06, .grid-md-07, .grid-md-08, .grid-md-09, .grid-md-10, .grid-md-11, .grid-md-12,
.grid-sm-01, .grid-sm-02, .grid-sm-03, .grid-sm-04, .grid-sm-05, .grid-sm-06, .grid-sm-07, .grid-sm-08, .grid-sm-09, .grid-sm-10, .grid-sm-11, .grid-sm-12,
.grid-thumbs, .grid-box
{
	display:block;
	float:left;
	min-height:1px;
	position:relative;
	margin-bottom:.6em;
	padding:0 15px;
}

.grid-lg-01 {width: 8.33333333%;}
.grid-lg-02 {width: 16.66666667%;}
.grid-lg-03 {width: 25%;}
.grid-lg-04 {width: 33.33333333%;}
.grid-lg-05 {width: 41.66666667%;}
.grid-lg-06 {width: 50%;}
.grid-lg-07 {width: 58.33333333%}
.grid-lg-08 {width: 66.66666667%}
.grid-lg-09 {width: 75%;}
.grid-lg-10 {width: 83.33333333%}
.grid-lg-11 {width: 91.66666667%}
.grid-lg-12 {width: 100%;}

.grid-center
{
	float:none;
	margin:0 auto .6em;
}

/* ----------------------------
    GRID PUSH
----------------------------*/

.grid-lg-push-01, .grid-lg-push-02, .grid-lg-push-03, .grid-lg-push-04, 
.grid-lg-push-05, .grid-lg-push-06, .grid-lg-push-07, .grid-lg-push-08, 
.grid-lg-push-09, .grid-lg-push-10, .grid-lg-push-11, .grid-lg-push-12
{
	position:relative;
	right:auto;
}

.grid-lg-push-01 {left: 8.33333333%;}
.grid-lg-push-02 {left: 16.66666667%;}
.grid-lg-push-03 {left: 25%;}
.grid-lg-push-04 {left: 33.33333333%;}
.grid-lg-push-05 {left: 41.66666667%;}
.grid-lg-push-06 {left: 50%;}
.grid-lg-push-07 {left: 58.33333333%}
.grid-lg-push-08 {left: 66.66666667%}
.grid-lg-push-09 {left: 75%;}
.grid-lg-push-10 {left: 83.33333333%}
.grid-lg-push-11 {left: 91.66666667%}
.grid-lg-push-12 {left: 100%;}

/* ----------------------------
    GRID PULL
----------------------------*/

.grid-lg-pull-01, .grid-lg-pull-02, .grid-lg-pull-03, .grid-lg-pull-04, 
.grid-lg-pull-05, .grid-lg-pull-06, .grid-lg-pull-07, .grid-lg-pull-08, 
.grid-lg-pull-09, .grid-lg-pull-10, .grid-lg-pull-11, .grid-lg-pull-12
{
	position:relative;
	left:auto;
}

.grid-lg-pull-01 {left: 8.33333333%;}
.grid-lg-pull-02 {left: 16.66666667%;}
.grid-lg-pull-03 {left: 25%;}
.grid-lg-pull-04 {left: 33.33333333%;}
.grid-lg-pull-05 {left: 41.66666667%;}
.grid-lg-pull-06 {left: 50%;}
.grid-lg-pull-07 {left: 58.33333333%}
.grid-lg-pull-08 {left: 66.66666667%}
.grid-lg-pull-09 {left: 75%;}
.grid-lg-pull-10 {left: 83.33333333%}
.grid-lg-pull-11 {left: 91.66666667%}
.grid-lg-pull-12 {left: 100%;}

/* ----------------------------
    GRID GUTTER
----------------------------*/

.grid-gutter {margin:0;}

.grid-gutter > [class^="grid-lg-"],
.grid-gutter > [class^="grid-md-"],
.grid-gutter > [class^="grid-sm-"] {padding:0;}

/*==========================================================================
    WRAPPERS / CONTAINERS
		----------------------
		- HEADER CONTAINERS
		- CONTACT CONTAINERS
		- FOOTER CONTAINERS
		- FLOATING CONTAINERS
		- SECTION, SUB-SECTION, ROWS
		- CONTACT CONTAINERS
		- BEHAVIOUR
==========================================================================*/

#wrapper, 
#box-wrapper, 
#header-body, 
#content-body, 
#main-body, 
#footer-body,
.header-wrapper,
.content-wrapper,
.footer-wrapper
{
	clear:both;
	display:block;
	position:relative;
}

/* ----------------------------
    HEADER CONTAINERS
----------------------------*/

.header-top,
.header-middle,
.header-bottom,
.header-company,
.header-slogan,
.header-login,
.header-social,
.header-navigation
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.header-top,
.header-middle,
.header-bottom {clear:both;}

/* ----------------------------
    CONTENT CONTAINERS
----------------------------*/

.banner-container,
.carousel-container,
.nav-container,
.content-frame,
.content-sub,
.content-global,
.page-breadcrumb,
.page-pagination
{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    clear: both;
}

/* ----------------------------
    FOOTER CONTAINERS
----------------------------*/

.footer-top,
.footer-middle,
.footer-bottom,
.footer-top-wrapper,
.footer-middle-wrapper,
.footer-bottom-wrapper,
.footer-sub,
.footer-global,
.footer-navigation,
.footer-copyright,
.footer-social,
.footer-address,
.footer-sitemap
{
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    clear: both;
}

/* ----------------------------
    FLOATING CONTAINERS
----------------------------*/

.header-left, 
.header-right,
.content-left, 
.content-right,
.footer-left, 
.footer-right, 
.footer-sitemap-cols
{
	display:block;
	position:relative;
	float:left;
}

/* ----------------------------
    SECTION, SUB-SECTION, ROW
----------------------------*/

.section, 
.section-wrapper, 
.sub-section, 
.row 
{
	display:block; 
	clear:both;
}

.section, .section-wrapper, .sub-section {position:relative;}

.sub-section {padding:5px 0;}

.section .sub-section:last-of-type {padding-bottom:0;}

.row {margin-bottom:5px;}

.row .row {margin:5px 0;}

/* ----------------------------
    CONTACT CONTAINERS
----------------------------*/

.addressDetails, .contact-map
{
	display:block;
	position:relative;
}

.contact-map iframe
{
	width:100%;
	border:none;
}

/* ----------------------------
    BEHAVIOUR
----------------------------*/

.header-navigation ul,
.nav-container ul,
.footer-navigation ul,
.footer-sitemap ul,
.page-breadcrumb ul,
.page-pagination ul
{
	list-style: none;
	margin:0;
	padding: 0;
}

/*--------(Header, Content, Footer)--------*/

.header-navigation li,
.nav-container li,
.footer-navigation li,
.footer-sitemap li
{
	display: block;
	float: left;
	position: relative;
}

.header-navigation li a,
.nav-container li a,
.footer-navigation li a,
.footer-sitemap li a
{
	display: block;
	position: relative;
}

/*--------(Breadcrumb, Pagination)--------*/

.page-breadcrumb li,
.page-pagination li
{
	display: inline-block;
	position: relative;
}

.page-breadcrumb li:nth-child(n+2):before
{
	display: inline-block;
	padding: 0 5px;
	vertical-align: baseline;
}

.page-breadcrumb li a
{
	display: inline-block;
	vertical-align: baseline;
}

.page-breadcrumb li:hover a,
.page-breadcrumb li.active a { color: #999}

.page-pagination li > a,
.page-pagination li > span
{
	display: block;
	position: relative;
	padding: 5px;    
}

.page-pagination .disabled > a,
.page-pagination .disabled > a:hover,
.page-pagination .disabled > a:focus,
.page-pagination .disabled > span,
.page-pagination .disabled > span:hover,
.page-pagination .disabled > span:focus
{
	background-color: #ffffff;
	color: #999999;
	cursor: not-allowed;
}

/*==========================================================================
    BUTTONS
		--------------
		- BUTTON APPEARANCE
		- BUTTON CONTAINERS
==========================================================================*/

.btn
{
	background:none;
	cursor:pointer;
	display:inline-block;
	padding:5px;
	position:relative;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	
	transition: border 0.3s ease, background 0.3s ease, color 0.3s ease;
	-moz-transition: border 0.3s ease, background 0.3s ease, color 0.3s ease;
	-webkit-transition: border 0.3s ease, background 0.3s ease, color 0.3s ease;
}

/* ----------------------------
    BUTTON APPEARANCE
----------------------------*/

.btn-default
{
	color:#333;
	background:#fff;
	border:1px solid #ccc;
	border-radius:5px;
}

.btn-default:hover,
.btn-default:focus
{
	background:#ebebeb;
	border-color:#adadad;
}

.btn-link
{
	border:none;
	border-radius:none;
	padding:0;
}

.btn-block
{
	display:block;
	width:100%;
}

/* ----------------------------
    BUTTON CONTAINERS
		- BTN GROUP
		- BTN TOOLBAR
		- BTN VERTICAL
----------------------------*/

.btn-group,
.btn-toolbar,
.btn-group-vertical
{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

/*--------(Btn Group)--------*/

.btn-group .btn
{
    position: relative;
    float: left;
}

.btn-group .btn-group
{
    float: left;
    margin-left: 5px;
}

.btn-group > .btn-group:first-child
{
    margin-left: 0
}

/*--------(Btn Toolbar)--------*/

.btn-toolbar .btn-group
{
    float: left;
    margin-left: 5px;
}

.btn-toolbar .btn-group:first-child
{
    margin-left: 0
}

/*--------(Btn Vertical)--------*/

.btn-group-vertical .btn
{
    display: block;
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.btn-group-vertical .btn:first-child
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.btn-group-vertical .btn:last-child
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*==========================================================================
    FORM STYLING
		--------------
		- FORM CONTAINERS
		- FORM CONTROL
		- RADIO CHECKBOX STYLING
		- SELECT DROPDOWN
		- FORM BEHAVIOUR
		
		NOTE:
		- IE has issue with height percentage, so use px/em for button inside input group 
==========================================================================*/

.help-block {margin:0;}

.form-control-static
{
    padding: 5px 0;
    margin-bottom: 0px;
}

/* ----------------------------
    FORM CONTAINERS
----------------------------*/

.form-row, .form-group
{
	clear:both;
	display:block;
	margin-bottom:5px;
	position:relative;
}

.form-offset 
{
	position:relative; 
	width:auto;
}

.contact-name, .contact-input
{
	clear:both;
	display:block;
	padding:5px 0;
	position:relative;
}

label.contact-name, .contact-name label {cursor:pointer;}

.hidden-label
{
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0;
    cursor: none;
}

.fieldset-default
{
    border-width: 2px;
    border-style: groove;
    border-color: #cccccc;
    padding: 0.75em;
}

.input-group
{
    position: relative;
    display: table;
    border-collapse: collapse;
}

/* ----------------------------
    FORM CONTROL
----------------------------*/

input.form-control,
textarea.form-control,
.form-control input[type="text"],
.form-control input[type="email"],
.form-control input[type="address"],
.form-control input[type="password"],
.form-control input[type="number"],
.form-control input[type="search"],
.form-control textarea
{
    display: block;
    border: 1px solid #ccc;
    background-color: #ffffff;
    padding: 5px;
    width: 100%;
    min-height: 34px;
}

input.form-control:focus,
textarea.form-control:focus,
.form-control input[type="text"]:focus,
.form-control input[type="email"]:focus,
.form-control input[type="address"]:focus,
.form-control input[type="password"]:focus,
.form-control input[type="number"]:focus,
.form-control input[type="search"]:focus,
.form-control textarea:focus
{
    border-color: #66afe9;
    outline: 0;
    
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
		-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

textarea.form-control,
.form-control textarea
{
    height: auto;
    min-height: 55px;
}

/* ----------------------------
    RADIO - CHECKBOX STYLING
----------------------------*/

.radio,
.checkbox
{
    display: block;
    margin: 5px 0;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"]
{    
		display: inline-block;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
}

.radio label,
.checkbox label,
label.radio, 
label.checkbox 
{
    cursor: pointer;
    display: block;
		position:relative;
}

.radio-inline .radio,
.checkbox-inline .checkbox
{
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.radio-float .radio,
.checkbox-float .checkbox
{
    float: left;
    margin: 0;
}

/* ----------------------------
    SELECT DROPDOWN
----------------------------*/

.select-default
{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    width: 100%;
}

.select-default:focus
{
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);    
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.select-container
{
    display: block;
    position: relative;
}

.select-container > .select-default
{
    background: none;
    border: none;
    border-radius: 0;
    position: relative;
}

/* ----------------------------
    FORM BEHAVIOUR
----------------------------*/

.form-horizontal .contact-name,
.form-horizontal .contact-input
{
    clear:none;
		float:left;
}

.form-inline .form-group
{
    display: inline-block;
    vertical-align: middle;
}

.form-float .form-group
{
    clear:none;
		float:left;
}

.input-group > .input-group-btn,
.input-group > .input-group-addon,
.input-group > .form-control
{
    display: table-cell;
		height: 30px;
    position: relative;    
}

.input-group > .input-group-btn,
.input-group > .input-group-addon
{
    white-space: nowrap;
    vertical-align: middle;
}

.input-group .btn
{
    display: block;
		min-height:30px;
}

.input-group[class*="col-"]
{
    float: none;
    padding: 0;
}

/*==========================================================================
    NAVIGATION TYPES
		-------------------
		- PAGER STYLING
		- NAV STYLING
		
		NOTE: Meant for situations where container versions may not be appropriate
==========================================================================*/

ul.breadcrumb,
ul.nav,
ul.pagination,
ul.pager
{
	clear:both;
	list-style:none;	
	margin:0;
	padding:0;
	position:relative;
}

.nav li, .pager li {position:relative;}

.nav a, .pagination a, .pager a
{
	display:block;
	position:relative;
}

/* ----------------------------
    BREADCRUMB STYLING
----------------------------*/

.breadcrumb li {display:inline-block;}

.breadcrumb li:nth-child(n+2):before
{
	display: inline-block;
	padding: 0 5px;
	vertical-align: baseline;
}

.breadcrumb a {}

/* ----------------------------
    NAV STYLING
----------------------------*/

.nav li {display:block;}

.nav a {padding: 5px;}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
	background-color: #eeeeee;
	border-color: #428bca;
}

/*--------(Nav-Pills)--------*/

.nav-pills li
{
	float: left;
	margin-right: 2px;
}

.nav-pills a { border-radius: 5px}

.nav-pills li:hover a,
.nav-pills li.active a 
{
	color: #fff;
	background-color: #428bca;
}

/*--------(Nav-Stack)--------*/

.nav-stack li
{
	float: none;
	clear:both;
}

/* ----------------------------
    PAGER STYLING
----------------------------*/

.pager {text-align:center;}

.pager li { display: inline-block;}

.pager .previous { float: left}

.pager .next { float: right}

/* ----------------------------
    PAGINATION STYLING
----------------------------*/

.pagination li,
.pagination a,
.pagination span
{
	display:block;
	position:relative;
}

.pagination li {float:left;}

.pagination a,
.pagination span {padding:5px;}

/*==========================================================================
    CLEAR ELEMENTS/CONTAINERS/CLASSES
==========================================================================*/

header:after, main:after, footer:after, section:after, article:after,
blockquote:after, aside:after, address:after, nav:after,
form:after, fieldset:after, ul:after, ol:after, li:after, dl:after
{
	content:'';
	display:table;
	border-collapse:collapse;
	clear:both;
}

.clearfix:before,
.clearfix:after,
.container:before, 
.container:after,
.container-fluid:before, 
.container-fluid:after,
.grid-row:before, 
.grid-row:after,
.row:before,
.row:after,
.form-row:before,
.form-row:after,
.form-group:before,
.form-group:after,
.form-offset:before,
.form-offset:after,
.btn-group:before,
.btn-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.pager:before,
.pager:after,
[id^="header"]:before,
[id^="header"]:after,
[id^="content"]:before,
[id^="content"]:after,
[id^="footer"]:before,
[id^="footer"]:after,
[class^="grid-lg-"]:before,
[class^="grid-lg-"]:after,
[class^="grid-md-"]:before,
[class^="grid-md-"]:after,
[class^="grid-sm-"]:before,
[class^="grid-sm-"]:after,
[class^="header"]:before,
[class^="header"]:after,
[class^="content"]:before,
[class^="content"]:after,
[class^="footer"]:before,
[class^="footer"]:after,
[class*="section"]:before,
[class*="section"]:after,
[class*="contact"]:before,
[class*="contact"]:after
{
	content:'';
	display:table;
	border-collapse:collapse;
	clear:both;
}