@charset "utf-8";
/* CSS Document */


/*------------------------------------------------------------------
	1. Reset
------------------------------------------------------------------*/

*:focus { outline: 0; }

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

html
{
	font-size: 101%;
	min-height: 101%;
	outline: 0 none;
}

body
{
	border: none;
	margin: 0;
	outline: 0 none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

/* Display Settings
------------------------------------------------------*/

header, main, footer, section, article, aside, address, nav, figure, figcaption, canvas, details, summary { display: block; }

a, span, p, q, i, em, b, strong, u, ins, del, dfn, mark, var, sub, sup, small { font-size: 100%; }


/* Flow Elements
------------------------------------------------------*/

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, .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 }

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. */
}

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

[hidden], template { display: none }

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

sup { top: -0.5em }

sub { bottom: -0.25em }

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

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

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

q:before, q:after { content: none; }

/*------------------------------------------------------------------
	2. Styling (Main Elements)
------------------------------------------------------------------*/

a, .link
{
	color: #0c699e;
	text-decoration: none;
}

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

hr
{
	border-top: 1px solid #ddd;
	clear: both;
	margin: 1em 0;
}

blockquote cite { font-family: inherit; }

/* Headings
------------------------------------------------------*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{
	color: inherit;
	display: block;
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
}

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; }

/* Lists
------------------------------------------------------*/

ul, ol
{
	margin: 1em 0;
	padding-left: 24px;
}

ul ul, ol ol,
ul ol, ol ul
{
	margin: 10px 0;
	padding-left: 16px;
}

.ul-default, .ol-default
{
	margin: 1em 0;
	padding-left: 24px;
}

.ul-default > li { list-style: disc outside none; }
.ol-default > li { list-style: decimal outside none; }

dl { margin: 0 0 20px; }
dt { font-weight: 700; }

.dl-horizontal { position: relative; }

.dl-horizontal dt
{
	float: left;
	overflow: hidden;
}

/* Images
------------------------------------------------------*/

img
{
	height: auto;
	max-width: 100%;
}

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

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

.img-thumbnail
{
	border: 1px solid #dddddd;
	display: inline-block;
	padding: 4px;
}

.img-inline { display: inline-block; }


/* Tables
------------------------------------------------------*/

table
{
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
	table-layout: fixed;
}

table table
{
	background-color: #fff;
	margin: 0;
}

th, td 
{
	font-size: 100%;
	text-align: left;
}

th { font-weight: 700; }

/* Form Elements
------------------------------------------------------*/

form, fieldset, legend { display: block; }

label, input { display: inline-block; }

button, input, textarea, select, optgroup, option
{
	color: inherit;
	font-family: inherit;
	font-size: 100%;
}

optgroup { font-weight: 700; }

input, textarea, select
{
	background-color: #fff;
	border: 1px solid #dddddd;
	padding: 5px;
}

/*~~~~~~~~~~[ Specific ]~~~~~~~~~~*/

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

input[type="color"],
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"], 
input[type="url"],
input[type="week"]
{
	
}

textarea
{
	height: auto;
	max-width: 100%;
	min-height: 80px;
	resize: vertical;
}

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

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

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

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

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

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, 
textarea:disabled
{
	color: #545454;
	cursor: default;
	-webkit-user-select: none;
}

/*------------------------------------------------------------------
	3. Styling (HTML5)
------------------------------------------------------------------*/

nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

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

figure img,
.figure img
{
	display: block;
}

address 
{
	line-height: inherit;
	margin-bottom: 1em;
}

/*------------------------------------------------------------------
	4. Styling - Debug / Useful Shortcode Classes
------------------------------------------------------------------*/

/*~~~~~~~~~~[ Clear ]~~~~~~~~~~*/

.clearfix, .cr { display: block; }

.clearfix:before, .clearfix:after
{
	clear: both;
	content: '';
	display: table;
}

.cr:before, .cr:after
{
	clear: both;
	content: '';
	display: table;
}

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

/*~~~~~~~~~~[ List Classes ]~~~~~~~~~~*/

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

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

.nav > li, .nav a { display: block; }

.cr-list:before, .cr-list:after
{
	content: '';
	display: table;
}

.cr-list:after { clear: both; }

/*~~~~~~~~~~[ Float ]~~~~~~~~~~*/

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

.float-none { float: none; }

.center-block
{
	display: block;
	float: none;
	margin: 0 auto;
}

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

/*~~~~~~~~~~[ Font Styling ]~~~~~~~~~~*/

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

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

/*~~~~~~~~~~[ Others ]~~~~~~~~~~*/

.map iframe, 
.video video, 
.video iframe 
{
	display: block;
	width: 100%;
}

.hide { display: none !important; }


/*-------------------------------------------------------------------------------------------------------------
	FRAMEWORK - CONTAINERS, COMPONENTS
-------------------------------------------------------------------------------------------------------------*/

#wrapper, #header, #main, #content, #footer
{
	clear: both;
	float: none;
	position: relative;
}

.container, .container-fluid
{
	clear: both;
	display: block;
	margin: auto;
	position: relative;
}

.container:before, .container:after,
.container-fluid:before, .container:after
{
	clear: both;
	content: '';
	display: table;
}

.carousel-holder, .nav-holder { position: relative; }

/* Header Specific Containers
------------------------------------------------------*/

.header-top, .header-middle, .header-bottom,
.header-logo, .header-slogan, .header-social,
.header-left, .header-right, .logo
{
	display: block;
	position: relative;
}

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

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

.main-navigation, .sub-navigation {}

.main-navigation ul, .sub-navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li, 
.sub-navigation li { display: block; }

.logo a { display: block; }

/* Content Specific Containers
------------------------------------------------------*/

.bd-content, .bd-sidebar, .main-content, .masthead, .sidebar
{
	display: block;
	position: relative;
}

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

.row { margin: 0 0 5px; }

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

.row:before, .row:after,
.section:before, .section:after,
.sub-section:before, .sub-section:after
{
	clear: both;
	content: '';
	display: table;
}

/* Footer Specific Containers
------------------------------------------------------*/

.copyright, .ft-left, .ft-right,
.ft-top, .ft-middle, .ft-bottom, .ft-global, .ft-sub,
.ft-navigation,  .ft-social, .ft-address, .ft-sitemap
{
	display: block;
	position: relative;
}

.ft-top, .ft-middle, .ft-bottom, .ft-global, .ft-sub { clear: both; }

.ft-left, .ft-right, .ft-sitemap-cols { float: left; }

.ft-navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}


/*------------------------------------------------------------------
	2. Components - Buttons
------------------------------------------------------------------*/

.btn
{
	background: none;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px;
	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;
}

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

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

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

/*------------------------------------------------------------------
	3. Components - Secondary Navigation
------------------------------------------------------------------*/

.breadcrumb, .pagination, .pager
{
	list-style: none;
	margin: 0;
	padding: 0;
}

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

.pagination a, .pager a { display: block; }

/*~~~~~[ Individual Styling ]~~~~~*/

.breadcrumb li+li:before
{
	content: "/\00a0";
	color: #ccc;
	padding: 0 5px;    
}

.pager { text-align: center; }

.pager .previous, 
.pager-prev { float: left; }

.pager .next, 
.pager-next { float: right; }

.pager:before, .pager:after
{
	clear: both;
	content: '';
	display: table;
}

/*------------------------------------------------------------------
	4. Components - Tables
------------------------------------------------------------------*/

.table
{
	clear: both;
	margin: 1em 0;
	width: 100%;
}

.table th, .table td { padding: 5px; }

.table-bordered thead th,
.table-bordered tbody th,
.table-bordered tbody td,
.table-bordered tfoot th,
.table-bordered tfoot td
{
	border: 1px solid #d1d1d1;
}

.table-bordered thead th { border-bottom-width: 2px; }

.tb
{
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	display: table;
	margin: 10px 0;
	table-layout: fixed;
	width: 100%;
}

.tb-group-header
{
	display: table-header-group;
	height: 100%;
}

.tb-group-body
{
	display: table-row-group;
	height: 100%;
}

.tb-group-footer
{
	display: table-footer-group;
	height: 100%;
}

.tb-row
{
	display: table-row;
	height: 100%;
	vertical-align: middle;
}

.tb-cell, .th, .td
{
	display: table-cell;
	padding: 5px;
	height: 100%;
	vertical-align: inherit;
}


/*------------------------------------------------------------------
	5. Components - Forms
------------------------------------------------------------------*/

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

.form-label, .form-input, .form-offset
{
	display: block;
	position: relative;
}

.form-label { margin-bottom: 5px; }

.form-control
{
	background-color: #fff;
	border: 1px solid #ccc;
	display: block;
	padding: 5px;
	width: 100%;
	
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;          
}

.form-control:focus
{
	border-color: #66afe9;
	
	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);
}

.radio, .checkbox, .c-input
{
	cursor: pointer;
	display: block;
	padding: 4px 8px 4px 20px;
	position: relative;
}

.radio input, .checkbox input
{
	left: 0;
	position: absolute;
	top: 6px;
}

/*~~~~~[ Individual Styling ]~~~~~*/

.form-inline .form-group { display: inline-block; }

.form-horizontal .form-label,
.form-horizontal .form-input { float: left; }

.form-horizontal .form-label
{
	margin: 0;
	padding: 5px 5px 5px 0;
}

.rc-inline .radio,
.rc-inline .checkbox,
.rc-inline .c-input { display: inline-block; }

.rc-float .radio,
.rc-float .checkbox,
.rc-float .c-input { float: left; }

/*~~~~~[ Cutsom Input ]~~~~~*/

.c-input input { display: none; }

.c-indicator
{
	left: 0;
	position: absolute;
	
	border: 1px solid #ccc;
	height: 16px;
	width: 16px;
}

.c-radio .c-indicator { border-radius: 50%; }

.c-select
{
	-moz-appearance: none;
	-webkit-appearance: none;
}

/*~~~~~[ Clear Form Styling ]~~~~~*/

.form-group:before, .form-group:after,
.form-row:before, .form-row:after
{
	clear: both;
	content: '';
	display: table;
}