/*------------------------------------------------------------------

[Layout Style Sheet]

	Project:	Umbrella HTML Theme
	Version:	1.0.9
	Author:	Nooday
	URL:		http://nooday.com

	Copyright (C) 2013 Nooday.com
	

[Table of Contents]

	1.	Global
	2.	Wrapper
	3.	Header 
	4.	Nav
	5.	Content
	6.	Sliders
	7.	Elements
	8.	Widgets
	9.	About
	10.	Footer
	11.	Miscellaneous
	12.	Responsiveness

-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Global]
------------------------------------------------------------------*/
body {
	color: #898989;
	background: #f0f0f0 url(../img/theme/backgrounds/light-grey.png) repeat fixed 0 0;

	font: 400 14px / 20px 'Open Sans', sans-serif;
}


/*-------------------------------
[Headings]
*/
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0;

	color: #666666;

	font-weight: 400;
	line-height: 1.2;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 19px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 13px;
}

h1:only-of-type,
h2:only-of-type,
h3:only-of-type,
h4:only-of-type,
h5:only-of-type,
h6:only-of-type {
	margin: 0 0 10px;
}

figure + h1,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h6 {
	margin-top: 15px;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
	margin-top: 30px;
}


/*-------------------------------
[Paragraphs]
*/
p {
	margin: 0 0 10px;
}

p:last-child {
	margin: 0;
}

figure + p,
figure + p,
figure + p,
figure + p,
figure + p,
figure + p {
	margin-top: 15px;
}


/*-------------------------------
[Links]
*/
a,
a:active,
a:focus {
	/*-webkit-transition: color 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s;
	-o-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;
	text-decoration: none;

	color: #898989;*/
	
	text-decoration: none;
	color: #2A5DB0;
}

a:hover {
	/*-webkit-transition: color 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s;
	-o-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;
	text-decoration: none;

	color: #ff9900;*/
	text-decoration: underline;
}

a:visited, a:visited:hover {
	/*color: #800080;*/
	color: #4a6b82;
}

a:focus,
a:active {
	outline: none !important; /* Hides rectangle around focused elements (controversial) */
}

a.btn:hover {
	color: #ffffff;
	text-decoration: none;
}


/*-------------------------------
[Inputs]
*/
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	margin-right: 7px;

	border: none;
}

textarea:focus,
input:not([type="submit"]):focus,
.uneditable-input:focus {
	border-color: #ff9900;
	border-color: rgba(255, 153, 0, 0.7);
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(255, 153, 0, 0.6);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(255, 153, 0, 0.6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(255, 153, 0, 0.6);

	-webkit-background-clip: padding-box; /* for Safari */
}


/*-------------------------------
[Miscellaneous HTML Tags]
*/
section,
.section {
	position: relative;

	clear: both;

	margin: 0 0 30px 0;
}

header {
	position: relative;
}

form,
address,
.nav,
.carousel {
	margin-bottom: 0;
}

blockquote {
	font-style: italic;
}

li {
	line-height: 1.5;
}

figure {
	margin: 0;
}

table {
	margin-top: 20px;
}

mark {
	color: #ff9900;
	background: none;
}

cite {
	display: block;

	margin-top: 5px;

	color: #999;
}

iframe {
	border: none;
}


/*-------------------------------
[Icons]
*/
i[class^="icon-"] {
	margin-right: 10px;

	color: #ff9900;

	line-height: inherit;
}

i[class^="icon-"].text-color {
	color: #898989;
}

.btn i[class^="icon-"],
.nav i[class^="icon-"] {
	display: inline-block;
}

.btn i[class^="icon-"] {
	color: #fff;
}

.add-on i[class^="icon-"] {
	margin-right: 0;

	color: #898989;
}




/*------------------------------------------------------------------
[2. Wrapper]
------------------------------------------------------------------*/
#pre-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 962px;
	margin: 0 auto;
	padding: 6px 2px 0;

	vertical-align: middle;

	font-size: 10px;
	font-weight: 600;
	line-height: 40px;
}

#wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 962px;
	margin: 0 auto 30px;
	padding: 0 30px;

	border: 1px solid #dddddd;
	border-bottom: none;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	background: #ffffff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.container-fluid {
	padding: 0 0;
}


/*-------------------------------
[Pre-Wrapper / Nav & Contact]
*/
.pre-wrapper-nav {
	margin: 0;

	list-style: none;
}

.pre-wrapper-nav strong,
.pre-wrapper-contact strong {
	color: #7f7f7f;
}

.pre-wrapper-nav a,
.pre-wrapper-contact a {
	-webkit-transition: color 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s;
	-o-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;

	color: #898989;
}

.pre-wrapper-nav a:hover,
.pre-wrapper-nav li a:hover i,
.pre-wrapper-contact a:hover {
	-webkit-transition: color 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s;
	-o-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;

	color: #ff9900;
}

.pre-wrapper-nav li {
	display: inline;

	margin-right: 5px;
	padding-right: 5px;

	text-transform: uppercase;

	border-right: 1px solid #ccc;
}

.pre-wrapper-nav li:last-child {
	margin-right: 0;
	padding-right: 0;

	border-right: none;
}

.pre-wrapper-nav li a i {
	margin-right: 3px;

	-webkit-transition: color 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s;
	-o-transition: color 0.2s linear 0s;
	transition: color 0.2s linear 0s;

	color: #bbbbbb;
}

.pre-wrapper-contact {
	color: #898989;

	font-size: 11px;
}

.pre-wrapper-contact em {
	margin-left: 10px;

	font-weight: 400;
}




/*------------------------------------------------------------------
[3. Header]
------------------------------------------------------------------*/
#main-header {
	margin: 35px 0 20px 0;
}


/*-------------------------------
[Logo]
-------------------------------*/
.logo {
	display: inline-block;

	color: #666666;

	/*font: 600 28px 'Baumans', Arial, sans-serif;*/
	font-size: 27px;
}

.ie7 .logo {
	display: inline;
	zoom: 1;
}

.logo a,
.logo a:visited,
.logo a:hover,
.logo a:active {
	color: #666666;
}

.logo i {
	position: relative;
	top: -17px;

	margin-left: -2px;

	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;

	color: #ff9900;
}

.logo a:hover i {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;

	color: #666666;
}

.logo .slogan {
	display: inline-block;

	margin-left: -20px;
	padding-left: 15px;

	color: #898989;
	border-left: 1px solid #bbb;

	font: 400 14px / 20px 'Open Sans', sans-serif;
	font-size: 13px;
}

.ie7 .logo .slogan {
	display: inline;
	zoom: 1;
}


/*-------------------------------
[Social Icons]
*/
ul.social-icons {
	margin: 0;

	list-style: none;

	text-align: right;
}

ul.social-icons li {
	display: inline-block;

	margin-left: 5px;
	padding: 0;
}

.ie7 ul.social-icons li {
	display: inline;
	zoom: 1;
}




/*------------------------------------------------------------------
[4. Nav]
------------------------------------------------------------------*/
#main-nav {
	height: 27px;
	margin: 0 -30px 0 -30px;
	padding: 0 30px 15px;

	font: 400 14px / 20px 'Open Sans', sans-serif;
}


/*-------------------------------
[Desktop Nav]
*/

/* Set default background and color on all menu items */
.desktop-nav li,
.desktop-nav li i,
.desktop-nav li a,
.desktop-nav li a:hover,
.desktop-nav li a:focus {
	color: #666666;
	background: none;

	filter: none;
}


/* Set style for active level 0 menu items */
.desktop-nav > li.active > a,
.desktop-nav > li.active > a:visited,
.desktop-nav > li.active > a:focus,
.desktop-nav > li.active > a:hover,
.desktop-nav > li.active > a:active {
	color: #ff9900;
	background-color: #ffffff;

	font-weight: 600;

	filter: none;
}


/* Set text color for hover/focus menu items */
.desktop-nav li a:hover,
.desktop-nav li a:focus,
.desktop-nav li a:hover i,
.desktop-nav li a:focus i,
.desktop-nav li.dropdown.open > a,
.desktop-nav li.dropdown.open > a > i {
	color: #ff9900;
}


/* Set height of level 0 menu items */
.desktop-nav > li > a,
.desktop-nav > li > a:visited,
.desktop-nav > li > a:active {
	display: inline-block;

	margin: 0;
	padding: 15px 16px 33px 16px;
}

.ie7 .desktop-nav > li > a,
.ie7 .desktop-nav > li > a:visited,
.ie7 .desktop-nav > li > a:active {
	display: inline;
	zoom: 1;
}


/* No padding for Home (first menu item) */
.desktop-nav > li:first-child a {
	padding-left: 0;
}


/* Vertical Divider */
.desktop-nav span.vdivider {
	display: inline-block;

	height: 18px;
	margin-top: 14px;

	vertical-align: top;

	border-right: 1px solid #dddddd;
}

.ie7 .desktop-nav span.vdivider {
	display: inline;
	zoom: 1;
}


/*-------------------------------
[Desktop Nav - Dropdown Menu]
*/

/* Set the color of the caret */
.desktop-nav .dropdown-toggle .caret {
	color: #ff9900;
	border-top-color: #ff9900;
	border-bottom-color: #ff9900;
}

.desktop-nav .dropdown-toggle:hover .caret,
.desktop-nav .dropdown-toggle:focus .caret {
	color: #ff9900;
	border-top-color: #ff9900;
	border-bottom-color: #ff9900;
}


/* Dropdown menu style */
.desktop-nav ul.dropdown-menu {
	top: 62px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	margin-top: 0;
	padding: 10px 0;

	border: 1px solid #dddddd;
	border-top: 2px solid #ff9900;
	border-bottom: 2px solid #ff9900;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #FFFF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/* Active dropdown menu item style */
.desktop-nav ul.dropdown-menu li.active > a,
.desktop-nav ul.dropdown-menu li.active > a:visited .desktop-nav ul.dropdown-menu li.active > a:hover,
.desktop-nav ul.dropdown-menu li.active > a:focus,
.desktop-nav ul.dropdown-menu li.active > a:active,
.desktop-nav ul.dropdown-menu li.active > a > i {
	color: #ff9900;
	background-color: #ffffff;
	background-image: none;

	font-weight: 400;

	filter: none;
}


/* Align Home (First Item) Dropdown Menu */
.desktop-nav > .dropdown:first-child > .dropdown-menu {
	padding-left: 15px;
}


/* Increase spaces between menu items */
.desktop-nav .dropdown-menu li {
	padding-bottom: 5px;
}


/* No space after last menu item */
.desktop-nav .dropdown-menu li:last-child {
	padding-bottom: 0;
}


/* Horizontal Divider */
.desktop-nav li.dropdown li.hdivider {
	padding-bottom: 5px;

	border-top: 1px solid #dddddd;
}


/* Override bootstrap styes for open menu items */
.desktop-nav li.open a.dropdown-toggle {
	color: #666666;
	border-color: #ffffff;
	background-color: #ffffff;
}

.desktop-nav li.open > a.dropdown-toggle,
.desktop-nav > li.dropdown.open.active > a:hover {
	color: #ff9900;
	border-color: #ffffff;
	background-color: #ffffff;
}


/* Set text color for open menu items */
.desktop-nav li.open {
	color: #ff9900;
}


/* Align 2+ level dropdown menus */
.desktop-nav > li.dropdown > ul.dropdown-menu ul.dropdown-menu {
	top: 0;
	left: 100%;

	float: right;

	width: auto;
}


/* Spaces after Images */
.desktop-nav ul.dropdown-menu li img {
	padding-right: 10px;
}


/*-------------------------------
[Search Nav]
*/
.search-nav {
	padding-top: 8px;
}


/*-------------------------------
[Phone Nav]
*/
.phone-nav-trigger {
	padding: 7px 10px;

	cursor: pointer;

	color: #666666;
	border: 1px solid #dddddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f3f3f3 url(../img/theme/misc/phone-nav-bg.png) no-repeat right center;

	line-height: 1.5;
}

.phone-nav-items {
	margin: 0;
	padding: 0;
	padding-top: 10px;

	list-style: none;

	border: 1px solid #dddddd;
	border-top: none;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.phone-nav-items .submenu {
	margin: 0;

	list-style: none;
}

.phone-nav li,
.phone-nav li i,
.phone-nav li a,
.phone-nav li a:hover,
.phone-nav li a:focus {
	color: #666666;
	background: none;

	filter: none;
}


/* Set text color for hover/focus menu items */
.phone-nav li a:hover,
.phone-nav li a:focus,
.phone-nav li a:hover i,
.phone-nav li a:focus i,
.phone-nav li.dropdown.open > a,
.phone-nav li.dropdown.open > a > i {
	color: #ff9900;
}

.phone-nav-items a,
.phone-nav-items .submenu-title {
	display: block;

	padding: 8px 10px;

	color: #666666;
}

.phone-nav-items li.active > a,
.phone-nav-items li.active > a > i,
.phone-nav-items li.active > .submenu-title > a,
.phone-nav-items li.active > .submenu-title > a > i {
	color: #ff9900;

	font-weight: 400;
}

.phone-nav-items > li.active > .submenu-title {
	color: #ff9900;

	font-weight: 600;
}


/* Max Depth Level = 3 */
.phone-nav-items ul.submenu a,
.phone-nav-items ul.submenu > li .submenu-title {
	padding-left: 30px;
}

.phone-nav-items ul.submenu ul.submenu a {
	padding-left: 60px;
}

.phone-nav-items ul.submenu ul.submenu > li .submenu-title {
	padding-left: 60px;
}

.phone-nav-items ul.submenu ul.submenu ul.submenu a {
	padding-left: 90px;
}


/*-------------------------------
[Nav Breadcrumb]
*/
.breadcrumb {
	margin: 0 -30px 0;
	padding: 0 30px 0;

	list-style: none;

	text-align: right;

	background: none;

	font-size: 14px;
}

.breadcrumb li {
	padding-bottom: 0;
}

.breadcrumb a {
	color: #898989; 
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #898989; 
	text-decoration: underline;
}


/*-------------------------------
[Nav Pagination]
*/
.pagination {
	margin: 20px 0 0;
}

.pagination ul {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}




/*------------------------------------------------------------------
[5. Content]
------------------------------------------------------------------*/
#main-content {
	margin-top: 20px;
}


/*-------------------------------
[Posts]
*/
.posts > article {
	margin-bottom: 60px;
}

.posts > article:last-child {
	margin-bottom: 30px;
}

.posts > article > header,
.post > header {
	margin: 0 0 10px 0;
}

.posts > article img,
.post img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.post-meta {
	margin: -7px 0 10px;
}

.post-meta span {
	margin-right: 7px;
	margin-bottom: 0;
	padding-right: 10px;

	white-space: nowrap;

	border-right: 1px solid #dddddd;

	font-size: 12px;
}

.post-meta span:last-child {
	margin: 0;
	padding: 0;

	border: none;
}

.post-meta span i[class^="icon-"] {
	margin-right: 7px;
}




/*------------------------------------------------------------------
[6. Sliders]
------------------------------------------------------------------*/
.slider.bordered {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border-top: 1px dotted #dddddd;
	border-bottom: 1px dotted #dddddd;
}


/*-------------------------------
[Carousel Controls]
*/
.carousel-control {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.carousel-indicators {
	top: auto;
	right: 50%;
	bottom: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 15px 17px 10px;

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background-color: #ffffff;
}

.carousel-indicators .active {
	background-color: #222222;
}

.carousel-indicators li {
	background-color: #bbb; /* Fallback for IE6, IE7, IE8 */
	background-color: rgba(0, 0, 0, 0.25);
}

.portfolio .carousel-control {
	position: absolute;

	width: 25px;
	height: 25px;
	margin: 0;

	text-align: center;

	opacity: 0.65;
	color: #ffffff;
	border: 2px solid #ffffff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	background: none repeat scroll 0 0 #222222;

	font-size: 20px;
	font-weight: 600;
	line-height: 21px;
}

.portfolio .carousel-control {
	display: none;
}

.carousel-control-vertical {
	position: absolute;

	width: 35px;
	height: 25px;
	margin: 0;

	text-align: center;

	opacity: 0.65;
	color: #ffffff;
	border: 2px solid #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: none repeat scroll 0 0 #222222;

	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
}

.carousel-control-vertical:hover,
.carousel-control-vertical:focus {
	text-decoration: none;

	opacity: 0.9;
	color: #ffffff;
}

.carousel-control-vertical {
	top: auto;
	bottom: 5%;
}

.carousel-control-vertical.up {
	right: 25px;
	left: auto;
}

.carousel-control-vertical.down {
	right: 75px;
	left: auto;
}

.carousel-control-vertical i {
	margin: 0 !important;

	color: #fff;
}


/*-------------------------------
[Carousel Caption]
*/
.carousel-caption {
	color: #fff;
	background: #666; /* Fallback for IE6, IE7, IE8 */
	background: rgba(34, 34, 34, 0.7);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.carousel-caption-not-transparent {
	background: #444;
}

.carousel-caption.white-bgr,
.carousel-caption.white-bgr p {
	color: #898989 !important;
	text-shadow: none;
}


/*-------------------------------
[Carousel Morph Effect]
*/
.carousel.morph .item {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.carousel.morph .active.left {
	z-index: 2;
	left: 0;

	opacity: 0;
}

.carousel.morph .next {
	z-index: 1;
	left: 0;

	opacity: 1;
}


/*-------------------------------
[Carousel Vertical Slide]
*/
.carousel.vertical .carousel-inner {
	height: 100%;
}

.carousel.vertical .item {
	-webkit-transition: 0.6s top;
	-moz-transition: 0.6s top;
	-o-transition: 0.6s top;
	transition: 0.6s top;
}

.carousel.vertical .active {
	top: 0;
}

.carousel.vertical .next {
	top: 100%;
}

.carousel.vertical .prev {
	top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
	top: 0;
}

.carousel.vertical .active.left {
	top: -100%;
}

.carousel.vertical .active.right {
	top: 100%;
}


/*-------------------------------
[Main-Carousel Controls]
*/
a.carousel-control-box {
	position: absolute;
	bottom: 45%;

	display: inline-block;

	width: 20px;
	margin: 0 -25px;

	text-align: center;
	vertical-align: middle;

	background: #fff;

	font-size: 25px;
	line-height: 25px;
}

.ie7 a.carousel-control-box {
	display: inline;
	zoom: 1;
}

a.carousel-control-box.left {
	left: 0;
}

a.carousel-control-box.right {
	right: 0;
}

a.carousel-control-box.left.bottom {
	bottom: -1px;

	padding: 0 7px 0 5px;

	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

a.carousel-control-box.right.bottom {
	bottom: -1px;

	padding: 0 7px 0 5px;

	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

a.carousel-control-box.left.center {
	bottom: 45%;
	left: -1px;

	padding: 0 7px 0 5px;

	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

a.carousel-control-box.right.center {
	right: -1px;
	bottom: 45%;

	padding: 0 7px 0 5px;

	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

a.carousel-control-box i {
	margin: 0 0;

	text-align: center;

	color: #898989;
}

a.carousel-control-box:hover i {
	color: #ff9900;
}


/*-------------------------------
[Main Boostrap Carousel]
*/
.main-carousel .carousel-inner,
.main-carousel .carousel-inner .item img {
	overflow: hidden;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.content-full-width .main-carousel .carousel-inner,
.content-full-width .main-carousel .carousel-inner .item img {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.main-carousel .item {
	overflow: hidden;

	height: auto;

	background-color: #fff;
}

.main-carousel .carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: auto;

	float: right;
	overflow: hidden;

	width: 25%;
	height: 100%;
	margin: 0;
	padding: 0;

	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.main-carousel .carousel-caption.bottom {
	width: 100%;
	height: auto;
}

.main-carousel article,
.main-carousel form {
	margin: 0;
	padding: 15px 20px;
}

.main-carousel article p,
.main-carousel form p {
	margin-top: 0;
	margin-bottom: 7px;
}

.main-carousel form .input-prepend,
.main-carousel form .input-append {
	display: inherit;
}

.main-carousel form .input-prepend {
	margin: 8px 0 8px;
}

.main-carousel form label.terms {
	margin: 15px 0 7px;
}

.main-carousel form a.btn {
	font-weight: 600;
}

.main-carousel form a.btn i {
	margin-right: 13px;

	color: #fff;
}

.main-carousel form a.btn.visible-desktop {
	display: none;
}

.main-carousel .video-container {
	display: block;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 75%;
}

.main-carousel .video-container.stretched {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.video-container.stretched .fluid-width-video-wrapper {
	position: static !important;
}


/*-------------------------------
[Main FlexSliderl]
*/
.flexslider .flex-caption {
	position: absolute;
	right: 0;
	bottom: 0;

	width: auto;
	padding: 2%;

	text-align: center;

	color: #ffffff;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);

	font-size: 14px;
	line-height: 18px;
}




/*------------------------------------------------------------------
[7. Elements]
------------------------------------------------------------------*/

/*-------------------------------
[Buttons Link Color Fixes]
*/
a.btn,
a.btn i {
	color: #333;
}

a.btn:visited, a.btn:visited:hover, a.btn:hover {
	color: #333;
}

a.btn-inverse,
a.btn-primary,
a.btn-success,
a.btn-info,
a.btn-warning,
a.btn-danger,
a.btn-main {
	color: #fff;
}

a.btn-inverse:visited,
a.btn-primary:visited,
a.btn-success:visited,
a.btn-info:visited,
a.btn-warning:visited,
a.btn-danger:visited,
a.btn-main:visited {
	color: #fff;
}

a.btn-inverse:hover,
a.btn-primary:hover,
a.btn-success:hover,
a.btn-info:hover,
a.btn-warning:hover,
a.btn-danger:hover,
a.btn-main:hover {
	color: #fff;
}

a.btn-inverse:visited:hover,
a.btn-primary:visited:hover,
a.btn-success:visited:hover,
a.btn-info:visited:hover,
a.btn-warning:visited:hover,
a.btn-danger:visited:hover,
a.btn-main:visited:hover {
	color: #fff;
}


/*-------------------------------
[Main Button]
*/
.btn-main {
	color: #ffffff;
	border-color: #666;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color: #eb8500;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ffa30a), to(#eb8500)); /* Konqueror */
	background-image: -moz-linear-gradient(#ffa30a, #eb8500); /* FF 3.6+ */
	background-image: -ms-linear-gradient(#ffa30a, #eb8500); /* IE10 */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa30a), color-stop(100%, #eb8500)); /* Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(#ffa30a, #eb8500); /* Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(#ffa30a, #eb8500); /* Opera 11.10 */
	background-image: -ms-linear-gradient(top, #ffa30a 0%, #eb8500 100%); /* IE10+ */
	background-image: linear-gradient(#ffa30a, #eb8500); /* the standard */
	background-repeat: repeat-x;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-main:hover,
.btn-main:active,
.btn-main.active,
.btn-main:focus,
.btn-main:visited,
.btn-main.disabled,
.btn-main[disabled] {
	color: #ffffff;
	background-color: #eb8500;
}


/*-------------------------------
[Hero-Unit]
*/
.hero-unit {
	display: inline-block;

	width: 100%;
	margin: 0 -30px 35px;
	padding: 30px 30px;

	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #f3f3f3;
}

.ie7 .hero-unit {
	display: inline;
	zoom: 1;
}

.hero-unit .hero-headline {
	display: block;

	margin-bottom: 0;

	text-transform: uppercase;
	letter-spacing: 4px;

	font-size: 42px;
	font-weight: 400;
	line-height: 1.2;
}

.hero-unit .hero-title,
.hero-unit .hero-tagline {
	display: block;

	margin-bottom: 10px;

	letter-spacing: 0;

	color: #898989;

	font-size: 23px;
	font-weight: 400;
	line-height: 1.2;
}

.hero-unit .hero-tagline {
	margin: 10px 0;
}

.hero-unit .breadcrumb {
	position: absolute;
	right: 30px;
	bottom: 10px;
}

.hero-unit .hero-btn-bottom {
	position: absolute;
	right: 30px;
	bottom: 30px;
}


/*-------------------------------
[Content Full Width]
*/
.content-full-width {
	margin: 0 -30px 30px;
	padding: 0;

	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}


/*-------------------------------
[Features]
*/
.feature-icon {
	float: left;

	width: 40px;
}

.feature-icon i {
	position: relative;

	color: #ff9900;

	font-size: 32px;
	line-height: 1.2;
}

.features article {
	overflow: hidden;
}


/*-------------------------------
[Testimonials]
*/
.testimonials {
	margin-right: -30px;
	margin-left: -30px;
	padding: 20px 30px;

	background: url(../img/theme/misc/left-cross-5px.png) repeat scroll 0 0 transparent;
}

.testimonials.no-bgr {
	margin-right: 0;
	margin-left: 0;
	padding: 0;

	background: none;
}

.testimonials blockquote {
	margin: 0;
}

.testimonials blockquote img {
	margin-right: 15px;
}

.testimonials blockquote p {
	margin: 0;

	text-align: justify;

	color: #898989;

	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	line-height: 1.4;
}

.testimonials.block blockquote p {
	font-size: 16px;
}


/*-------------------------------
[Projects]
*/
.projects ul,
.projects li {
	margin-bottom: 0;
}


/*-------------------------------
[Projects Carousel Controls]
*/
.projects .carousel-controls a {
	text-align: right;

	font-size: 21px;
}

.projects .carousel-controls a i {
	color: #898989;
}

.projects .carousel-controls a:hover i {
	color: #ff9900;
}

.projects .carousel-controls a.right i {
	margin: 0 1px 0 10px;
}

.projects .carousel-controls a.left i {
	margin: 0 0 0 2px;
}


/*-------------------------------
[Modal Window]
*/
.modal-header {
	padding-top: 20px;
}

.modal-login {
	width: 400px;
}

.modal-login label.add-on {
	width: 80px;

	text-align: left;
}


/*-------------------------------
[Progress Bars]
*/
.progress {
	height: 30px;

	vertical-align: middle;

	line-height: 30px;
}

.progress .bar {
	font-size: 14px;
}

.progress .bar-main {
	background-color: #faa732;
	background-color: #f89406;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406)); /* Konqueror */
	background-image: -moz-linear-gradient(#fbb450, #f89406); /* FF 3.6+ */
	background-image: -ms-linear-gradient(#fbb450, #f89406); /* IE10 */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb450), color-stop(100%, #f89406)); /* Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(#fbb450, #f89406); /* Safari 5.1+, Chrome 10+ */
	background-image: -o-linear-gradient(#fbb450, #f89406); /* Opera 11.10 */
	background-image: -ms-linear-gradient(top, #fbb450 0%, #f89406 100%); /* IE10+ */
	background-image: linear-gradient(#fbb450, #f89406); /* the standard */
	background-repeat: repeat-x;
}


/*-------------------------------
[Tabs]
*/
.nav-tabs > li > a:hover {
	color: #666666;
}

.tab-content > .active,
.pill-content > .active {
	display: block;

	padding: 12px;

	border: 1px solid #dddddd;
	border-top: 0;
}


/*-------------------------------
[Portfolio]
*/
.portfolio {
	visibility: hidden;
}

.portfolio-filters {
	margin: 0;
	padding-top: 2px;
}

.portfolio-filters li {
	display: inline;

	padding: 0 7px 0 10px;

	border-left: 1px solid #dddddd;
}

.portfolio-filters li:first-child {
	padding-left: 0;

	border-left: none;
}

.portfolio-filters li:last-child {
	padding: 0 0 0 10px;
}

.portfolio-filters li .selected {
	color: #ff9900;
}

.portfolio ul.thumbnails {
	position: relative;

	clear: both;
}

.portfolio ul.thumbnails .element {
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
}

.portfolio-item .pitem-details-heading {
	margin-bottom: 5px;
}

.portfolio-item aside hr.divider {
	margin: 15px 0 10px;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	z-index: 1;

	pointer-events: none;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}


/*-------------------------------
[Comments]
*/
.comments .comment-text {
	margin: 0 0 20px;
	padding: 0 0 0 15px;

	border-left: 5px solid #eee;
}


/*-------------------------------
[Faqs]
*/
.faqs > article > h3 {
	margin: 30px 0 10px;
}


/*-------------------------------
[Team]
*/
.team ul,
.team li {
	margin-bottom: 0;
}

ul.skins {
	display: inline;

	margin: 0;

	list-style: none;
}

ul.skins li {
	display: inline;

	padding-right: 10px;
}

ul.skins li:last-child {
	padding-right: 0;
}


/*-------------------------------
[Pricing Table]
*/
.pricing-table {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.pricing-table-footer {
	margin-top: 20px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: white;
	border: 1px solid #dddddd;
	min-height: 80px;
}

.pricing-table ul {
	margin: 0;

	list-style: none;
	padding: 0;
}

.pricing-table .pricing-header-row-1 {
	min-height: 37px; /* 40px */
	margin: 0;
	padding: 3px 0 0;

	text-align: center;

	color: #f9f9f9;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;

	font-size: 22px; /* 24px */
	line-height: 35px; /* 40px */
}

.pricing-table .pricing-header-row-2 {
	height: 50px;
	margin: 0;
	margin-top: -1px;
	padding: 10px 0 0;

	text-align: center;

	color: #f9f9f9;

	font-size: 30px; /*38px;*/
	line-height: 40px;
}

.pricing-table .cents {
	position: relative;
	top: -20px;

	font-size: 15px;
}

.pricing-table li:not([class]),
.pricing-table li.inactive,
.pricing-table li.acc {
	padding: 10px 15px;

	color: #ffffff;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #222;

	font-size: 14px;
}

.pricing-table li.inactive,
.pricing-table li.inactive i {
	color: #555;
}

.pricing-table .acc-inner {
	display: block;

	padding: 10px 15px;

	background-color: #000;
}

.pricing-table .pricing-footer {
	height: 50px;
	padding: 20px 0 0;

	text-align: center;

	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.pricing-table .acc {
	cursor: pointer;
}

.pricing-table .animate,
.pricing-table .acc-inner {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}


/*-------------------------------
[Pricing Table Color Black]
*/
.pricing-black .pricing-header-row-1,
.pricing-black .pricing-header-row-2 {
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	background-color: #333;
	background-repeat: repeat-x;
}

.pricing-black.up .pricing-header-row-1 {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	background-color: #666;
}

.pricing-black .pricing-footer {
	border-top: 1px solid #222;
	background-color: #333;
}

.pricing-black.change-bg ul:hover li:not([class]),
.pricing-black.change-bg ul:hover li.acc {
	color: #ffffff;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #333;
}

.pricing-black .change-bg ul:hover .acc-inner {
	color: #ffffff;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #1a1a1a;
}


/*-------------------------------
[Pricing Table Color White]
*/
.pricing-white .pricing-header-row-1 {
	color: #898989;
	border: 1px solid #dddddd;
	/*background-color: #f3f3f3;*/
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 20px;
}

.pricing-white .pricing-header-row-2 {
	color: #898989;
	border: 1px solid #dddddd;
	background-color: #f3f3f3;
	background-repeat: repeat-x;
}

.pricing-white.up .pricing-header-row-1 {
	border-bottom: 1px solid #dddddd;
	background-color: #e8e8e8;
}

.pricing-white .pricing-footer {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background-color: #f3f3f3;
}

.pricing-white.change-bg ul:hover li:not([class]),
.pricing-white.change-bg ul:hover li.acc {
	color: #898989;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background-color: #f3f3f3;
}

.pricing-white .change-bg ul:hover .acc-inner {
	color: #898989;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #eee;
}

.pricing-white li:not([class]),
.pricing-white li.inactive,
.pricing-white li.acc {
	color: #898989;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background-color: #fff;
}

.pricing-white li.inactive {
	color: #d1d1d1;
}

.pricing-white li.inactive i {
	color: #eee;
}

.pricing-white .acc-inner {
	display: block;

	padding: 10px 15px;

	background-color: #e8e8e8;
}




/*------------------------------------------------------------------
[8. Widgets]
------------------------------------------------------------------*/

/*-------------------------------
[Archives]
*/
.categories-widget ul {
	margin: 0;

	list-style: none;
}


/*-------------------------------
[Categories]
*/
.archives-widget ul {
	margin: 0;

	list-style: none;
}


/*-------------------------------
[Tagcloud]
*/
.tagcloud {
	margin-bottom: -12px;
}

.tagcloud a {
	display: inline-block;

	margin: 0 8px 8px 0;
	padding: 5px 7px;

	color: #666666;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	background: #f3f3f3;

	font-size: 13px;
}

.ie7 .tagcloud a {
	display: inline;
	zoom: 1;
}

.tagcloud a:hover {
	color: #ff9900;
}


/*-------------------------------
[Comments]
*/
.comments-widget a {
	color: #ff9900;
}

.comments-widget blockquote {
	margin: 0;
	padding-left: 7px;

	font-style: italic;
	line-height: 1.2;
}


/*-------------------------------
[Accordion]
*/
.accordion.widget .accordion-group {
	margin: 0;

	border: none;
	border-bottom: 1px solid #dddddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.accordion.widget h5 {
	margin: 5px 0;
}

.accordion.widget i {
	color: #898989;
}

.accordion.widget .accordion-heading .accordion-toggle {
	padding: 0;
}


/*-------------------------------
[Tweets]
*/
div[class^="tweet"] ul.tweet_list {
	margin: 0;

	list-style: none;
}

div[class^="tweet"] ul.tweet_list li {
	margin-bottom: 10px;
}

div[class^="tweet"] ul.tweet_list a,
div[class^="tweet"] ul.tweet_list a:visited,
div[class^="tweet"] ul.tweet_list a:hover,
div[class^="tweet"] ul.tweet_list a:active {
	text-decoration: underline;

	color: #888;
}

div[class^="tweet"] .tweet-icon {
	margin: 0;
}

div[class^="tweet"] .tweet-icon i {
	float: left;

	color: #898989;
}

div[class^="tweet"] .tweet-text {
	overflow: hidden;
}


/*-------------------------------
[Portfolio Widget]
*/
.thumbnail.inline {
	display: inline-block;

	margin-right: 5px;
}

.ie7 .thumbnail.inline {
	display: inline;
	zoom: 1;
}

.thumbnail.inline.bmargin {
	margin-bottom: 10px;
}




/*------------------------------------------------------------------
[9. About]
------------------------------------------------------------------*/
.accordion {
	margin: 0;
}

/*.accordion a {
	color: #898989;
}*/

.accordion h4 {
	margin: 5px 0;
}

.accordion p {
	margin-top: 0;
	margin-bottom: 10px;
}

.accordion-group {
	margin: 0;

	border: none;
	border-bottom: 1px solid #e5e5e5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.accordion-heading {
	border-bottom: 0 none;
}

.accordion-heading a.accordion-toggle {
	padding: 0;
}

.accordion-inner {
	padding: 0;

	border: none;
}




/*------------------------------------------------------------------
[10. Main-Footer]
------------------------------------------------------------------*/
#main-footer {
	margin-right: -31px;
	margin-left: -31px;
	padding: 30px 31px 0 31px;

	color: #bbbbbb;
	background: #222222;

	font-size: 12px;
}

#main-footer p,
#main-footer li {
	font-size: 12px;
	line-height: 1.5;
}

#main-footer section {
	margin: 0;
}

#main-footer h3 {
	color: #bbbbbb;
}

#main-footer h4 {
	color: #bbbbbb;
}

#main-footer a {
	color: #bbbbbb;
}

#main-footer a:hover {
	color: #ff9900;
}

#main-footer input {
	width: 85%;
}


/*-------------------------------
[Logo]
*/
#main-footer .logo {
	margin-bottom: 10px;

	font-size: 22px;
}

#main-footer .logo a,
#main-footer .logo a:visited,
#main-footer .logo a:hover,
#main-footer .logo a:active {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	text-decoration: none;

	color: #bbbbbb;
}

#main-footer .logo a:hover i {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;

	color: #bbbbbb;
}


/*-------------------------------
[Contact Info + Tweets]
*/
.contact-info ul {
	margin: 0 0;

	list-style: none;
}

.contact-info li {
	margin-bottom: 10px;
}

.contact-text {
	overflow: hidden;
}

.contact-icon i,
#main-footer div[class^="tweet"] i {
	float: left;

	color: #bbbbbb;
}

.tweet-text p {
	margin-top: 0;
}


/*-------------------------------
[Copyright]
*/
#copyright {
	margin: 20px -30px 0 -30px;
	padding-right: 30px;
	padding-left: 30px;

	vertical-align: middle;
	text-transform: uppercase;

	color: #777777;
	border-top: 1px solid #000;
	background: #000000;

	line-height: 50px;
}

#copyright a {
	color: #777777;
}

#copyright #built-by {
	text-align: right;
}




/*------------------------------------------------------------------
[11. Miscellaneous]
------------------------------------------------------------------*/

/*-------------------------------
[Thumbnails]
*/

.thumbnail {
	margin-bottom: 10px;
	padding: 0;

	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.thumbnail img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.thumbnail:hover {
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.thumbnail.thumbnail-bordered {
	display: block;

	padding: 4px;

	transition: all 0.2s ease-in-out 0s;

	border: 1px solid #dddddd;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);

	line-height: 20px;
}

a.thumbnail.thumbnail-bordered:hover {
	border-color: #0088cc;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.media .thumbnail {
	float: left;

	margin-right: 10px;
}

/*-------------------------------
[Hover Icon over Images]
*/
.hover-icon,
.hover-icon img {
	position: relative;

	display: block;
	overflow: hidden;
}

.hicon-wrapper {
	position: absolute;

	display: none;

	width: 100%;
	height: 100%;
	margin: auto;

	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	text-align: center;
}

.hicon-wrapper i[class^="icon-"] {
	margin: 0;
	padding: 7px;

	text-align: center;

	opacity: 0.9;
	color: #fff;
	border: 8px solid #eeeeee;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ff9900;

	font-size: 18px;
	line-height: 1;
}


/*-------------------------------
[Input Full Width]
*/
.input-prepend,
.input-prepend.input-fullwidth .input-wrapper {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.input-prepend.input-fullwidth {
	position: relative;
}

.input-prepend.input-fullwidth .add-on {
	width: 16px;
}

.input-prepend.input-fullwidth .input-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 27px; /* 16 + 2*5 - 1 */

	display: block;
}

.input-prepend.input-fullwidth .input-wrapper input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}


/*-------------------------------
[Sidebar]
*/
aside section,
aside .section {
	margin-bottom: 40px;
}

aside section:last-child {
	margin-bottom: 0;
}

aside h4 {
	margin-bottom: 15px;
}

aside li i {
	color: #898989 !important;
}

.sidebar.left {
	padding-right: 10px;
}

.sidebar.right {
	padding-left: 10px;
}


/*-------------------------------
[Tooltips]
*/
.tooltip-inner {
	background-color: #666;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #666;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #666;
}

.tooltip.left .tooltip-arrow {
	border-left-color: #666;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #666;
}


/*-------------------------------
[Read More]
*/
.read-more {
	margin-top: 15px;

	text-align: right;
}


/*-------------------------------
[Google Map]
*/
.google-map {
	width: 100%;
	margin: 0;
}


/*-------------------------------
[Divider]
*/
.row-divider {
	clear: both;

	margin: 0 0 30px 0;

	border: none;
	border-bottom: 1px dotted #dddddd;
}


/*-------------------------------
[Scroll to Top]
*/
.scrollup {
	position: fixed;
	right: 20px;
	bottom: 20px;

	display: none;

	width: 40px;
	height: 40px;

	text-indent: -9999px;

	background: url("../img/theme/misc/icon-gototop.png") no-repeat scroll 0 0 transparent;
}


/*-------------------------------
[Bootstrap Corrections ;)]
*/
.carousel {
	line-height: 1.5;
}

.media-heading {
	margin-top: -3px;
}

.btn.add-on {
	height: 100%;
}

.img-circle {
	border-radius: 500px 500px 500px 500px !important;
}


/*-------------------------------
[Default Display Class]
*/
.visible-default {
	display: inline-block;
}

.ie7 .visible-default {
	display: inline;
	zoom: 1;
}

.hidden-default {
	display: none;
}


/*-------------------------------
[Some Style Classes]
*/
.style-color {
	color: #ff9900 !important;
}

.text-color {
	color: #898989 !important;
}

.text-justify {
	text-align: justify !important;
}

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

.text-white {
	color: #fff !important;
}

.text-normal {
	font-weight: normal !important;
}

.zero-padding {
	padding: 0 !important;
}

.zero-margin {
	margin: 0 !important;
}

.pos-rel {
	position: relative !important;
}

.pos-abs {
	position: absolute !important;
}

.pos-fix {
	position: fixed !important;
}

.no-margin {
	margin: 0 !important;
}

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

.no-tmargin {
	margin-top: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-border {
	border: none !important;
}

.no-bgr {
	background: none !important;
}

.dark-bgr {
	background: #222 !important;
}

.white-bgr {
	background: #fff !important;
}

.mtb5 {
	margin: 5px 0 !important;
}

.mtb10 {
	margin: 10px 0 !important;
}

.mtb20 {
	margin: 20px 0 !important;
}

.mtb40 {
	margin: 40px 0 !important;
}

.mtb60 {
	margin: 60px 0 !important;
}

.invisible {
	visibility: hidden;
}

.visible {
	visibility: visible;
}


/*-------------------------------
[Some Styles used on the Demo Site]
*/
.demo {
	margin-bottom: 100px;
}

.demo ul {
	margin: 0;

	list-style: none;
}

.demo .flexslider-nav {
	margin-top: 15px;
}

.show-grid {
	margin-top: 30px;
	margin-bottom: 40px;
}

.show-grid [class*="span"] {
	min-height: 60px;

	text-align: center;

	border: 1px solid #dddddd;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #f3f3f3;

	line-height: 60px;
}

.responsive-utilities .is-hidden {
	color: #cccccc;
	background-color: #f9f9f9;
}

.responsive-utilities .is-visible {
	color: #468847;
	background-color: #dff0d8;
}


/*-------------------
TPM SPECIFIC
-------------------*/

.tpm-license-title {
	color: #898989; 
	font-size: 20px; 
	font-weight: bold; 
	margin-bottom: 4px !important;
}

.tpm-license-price {
	color: #898989; 
	font-size: 25px; 
	font-weight: normal; 
	margin-top: 10px !important;
}

pre {
	font-size: 12px;
}

code {
	color: #333333;
}


/*------------------------------------------------------------------
[12. Responsiveness]
------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Large Desktop]
*/
@media (min-width: 1200px) and (min-height: 900px) { 

	h1 {
		font-size: 23px;
	}
	
	h2 {
		font-size: 21px;
	}
	
	h3 {
		font-size: 17px;
	}
	
	h4 {
		font-size: 16px;
	}
	
	h5 {
		font-size: 15px;
	}
	
	h6 {
		font-size: 14px;
	}
	
	
	/*-------------------------------
  	[Icon Styles]
  	*/
	i[class^="icon-"] {
		margin-right: 13px;
	}
	
	
	/*-------------------------------
  	[Wrapper]
  	*/
	#pre-wrapper,
	#wrapper {
		width: 1182px;
	}
	
	
	/*-------------------------------
  	[Main Carousel]
  	*/
	.main-carousel article,
	.main-carousel form {
		padding: 20px 30px;
	}
	
	.main-carousel form .input-prepend {
		margin: 10px 0 10px;
	}
	
	.main-carousel form label.terms {
		margin: 20px 0 20px 0;
	}
	
	.main-carousel form a.btn.visible-desktop {
		display: inline-block;
	}
	
	
	/*-------------------------------
  	[Testimonials]
  	*/
	.testimonials {
		padding: 25px 30px;
	}
	
	.testimonials blockquote p {
		font-size: 19px;
	}
	
	
	/*-------------------------------
  	[Portfolio]
  	*/
	ul.portfolio-filters li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 10px 0 13px;
	}
	
	ul.portfolio-filters li:last-child {
		padding: 0 0 0 13px;
	}
	
	
	/*-------------------------------
  	[Pricing Table]
  	*/
	.pricing-table .pricing-header-row-2 {
		font-size: 44px;
	}
	
	.pricing-table .cents {
		font-size: 16px;
	}
	
	
	/*-------------------------------
  	[Sidebar Widgets]
  	*/
	.thumbnail.inline {
		margin-right: 10px;
	}
	
	
	/*-------------------------------
  	[Default Display Class]
  	*/
	.visible-default {
		display: none;
	}
	
	.hidden-default {
		display: inline-block;
	}
	
	.ie7 .hidden-default {
		display: inline;
		zoom: 1;
	}
	
	
}




/*------------------------------------------------------------------
[Tablet]
*/
@media (min-width: 768px) and (max-width: 979px) { 

	h1 {
		font-size: 18px;
	}
	
	h2 {
		font-size: 17px;
	}
	
	h3 {
		font-size: 15px;
	}
	
	h4 {
		font-size: 14px;
	}
	
	h5 {
		font-size: 13px;
	}
	
	h6 {
		font-size: 13px;
	}
	
	p {
		font-size: 13px;
	}
	
	
	/*-------------------------------
  	[Icon Styles]
  	*/
	i[class^="icon-"] {
		margin-right: 8px;
	}
	
	
	/*-------------------------------
  	[Wrapper]
  	*/
	#pre-wrapper,
	#wrapper {
		width: 750px;
	}
	
	
	/*-------------------------------
  	[Nav]
  	*/
	.desktop-nav > li > a,
	.desktop-nav > li > a:visited,
	.desktop-nav > li > a:active {
		padding: 15px 8px 33px;
	}
	
	
	/*-------------------------------
  	[Main Carousel]
  	*/
	.main-carousel article,
	.main-carousel form {
		padding: 10px 20px;
	}
	
	.main-carousel form .input-prepend {
		margin: 5px 0 5px;
	}
	
	.main-carousel form label.terms {
		margin: 12px 0 5px 0;

		font-size: 12px;
	}
	
	
	/*-------------------------------
  	[Testimonials]
  	*/
	.testimonials blockquote p {
		font-size: 16px;
	}
	
	
	/*-------------------------------
  	[Portfolio]
  	*/
	.portfolio header h2 {
		display: block;
		float: none;
	}
	
	ul.portfolio-filters {
		float: none;

		padding: 0 0 10px;
	}
	
	ul.portfolio-filters li {
		padding: 0 7px 0 10px;
	}
	
	ul.portfolio-filters li:last-child {
		padding: 0 0 0 10px;
	}
	
	
	/*-------------------------------
  	[Pricing Table]
  	*/
	.pricing-table .pricing-header-row-2 {
		font-size: 33px;
	}
	
	.pricing-table .cents {
		font-size: 14px;
	}
	
	
	/*-------------------------------
  	[Hero Unit]
  	*/
	.hero-unit .hero-headline {
		font-size: 32px;
		line-height: 1.2;
	}
	
	
	/*-------------------------------
  	[Hover-Icon]
  	*/
	.hover-icon .hicon-wrapper i {
		padding: 4px;

		border: 5px solid #eeeeee;

		font-size: 12px;
	}
	
	
	/*-------------------------------
  	[Thumbnails Inline]
  	*/
	.thumbnail.inline {
		margin-right: 3px;
	}
	
	
	/*-------------------------------
  	[Default Display Class]
  	*/
	.visible-default {
		display: none;
	}
	
	
}




/*------------------------------------------------------------------
[Phone]
*/
@media (max-width: 767px) { 

	h1 {
		font-size: 16px;
	}
	
	h2 {
		font-size: 16px;
	}
	
	h3 {
		font-size: 15px;
	}
	
	h4 {
		font-size: 14px;
	}
	
	h5 {
		font-size: 13px;
	}
	
	h6 {
		font-size: 13px;
	}
	
	input,
	textarea,
	.input-medium,
	.uneditable-input {
		width: 50%;
	}
	
	
	/*-------------------------------
  	[Wrapper]
  	*/
	#pre-wrapper,
	#wrapper {
		width: auto;
	}
	
	#pre-wrapper {
		padding: 12px 0;

		line-height: 25px;
	}
	
	.pre-wrapper-nav,
	.pre-wrapper-contact {
		display: block;
		float: none;

		text-align: center;
	}
	
	
	/*-------------------------------
  	[Header]
  	*/
	#main-header {
		margin-bottom: 20px;

		text-align: center;
	}
	
	#main-header ul.social-icons {
		margin-top: 15px;

		text-align: center;
	}
	
	
	/*-------------------------------
  	[Hero Unit]
  	*/
	.hero-unit .hero-btn-bottom {
		position: relative;
		right: 0;
		bottom: 0;

		display: block;
		clear: both;

		margin-top: 20px;
	}
	
	
	/*-------------------------------
  	 [Nav]
  	 */
	#main-nav {
		height: auto;
		margin-bottom: 30px;
		padding-bottom: 0;

		background: none;
	}
	
	.search-nav {
		float: none;

		max-width: 50%;
		margin-bottom: 25px;
		padding-left: 25%;

		text-align: center;
	}
	
	.phone-nav {
		display: block;

		height: auto;
	}
	
	.page-nav {
		margin-bottom: 30px;
	}
	
	
	/*-------------------------------
  	[Main Carousel]
  	*/
	.slider {
		width: auto;
		height: auto;
		margin-top: 20px;
	}
	
	.main-carousel .carousel-caption {
		position: absolute;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;

		float: none;

		width: 100%;
		height: auto;
		padding: 0;

		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	
	.main-carousel .item {
		height: auto;

		background: #fff;
	}
	
	.main-carousel article,
	.main-carousel form {
		height: auto;
		margin: 0;
		padding: 7px 13px 11px;

		text-shadow: none;
	}
	
	.main-carousel form .input-prepend {
		width: 50%;
		margin: 0;
	}
	
	.main-carousel form .btn.add-on,
	.main-carousel form .btn.add-on {
		text-shadow: inherit;
	}
	
	.main-carousel form input {
		width: inherit;
	}
	
	.main-carousel .item .video-container {
		display: block;

		width: 100%;
	}
	
	a.carousel-control-box.left.bottom {
		top: -1px;
		bottom: auto;

		-webkit-border-radius: 0 0 5px 0;
		-moz-border-radius: 0 0 5px 0;
		border-radius: 0 0 5px 0;
	}
	
	a.carousel-control-box.right.bottom {
		top: -1px;
		bottom: auto;

		-webkit-border-radius: 0 0 0 5px;
		-moz-border-radius: 0 0 0 5px;
		border-radius: 0 0 0 5px;
	}
	
	a.carousel-control-box.left.center {
		bottom: 40%;
	}
	
	a.carousel-control-box.right.center {
		bottom: 40%;
	}
	
	
	/*-------------------------------
  	[Features]
  	*/
	.features [class*="span"] {
		margin-bottom: 20px;
	}
	
	.features [class*="span"]:last-child {
		margin-bottom: 0;
	}
	
	
	/*-------------------------------
  	[Testimonials]
  	*/
	.testimonials blockquote p {
		font-size: 16px;
	}
	
	
	/*-------------------------------
  	[Posts]
  	*/
	.posts [class*="span"] {
		padding-bottom: 25px;
	}
	
	.posts [class*="span"]:last-child {
		padding-bottom: 0;
	}
	
	
	/*-------------------------------
  	[Sidebars]
  	*/
	.sidebar.right {
		padding: 0;
	}
	
	.sidebar.right > hr.visible-phone {
		margin-top: 30px;
	}
	
	.sidebar.left {
		margin-bottom: 30px;
		padding: 0;
	}
	
	
	/*-------------------------------
  	[Projects]
  	*/
	.projects [class*="span"] {
		padding-bottom: 25px;
	}
	
	.projects [class*="span"]:last-child {
		padding-bottom: 0;
	}
	
	.projects .thumbnail img {
		width: 100%;
	}
	
	
	/*-------------------------------
  	[Team]
  	*/
	.team [class*="span"] {
		padding-bottom: 35px;
	}
	
	.team [class*="span"]:last-child {
		padding-bottom: 0;
	}
	
	
	/*-------------------------------
  	[About]
  	*/
	.about [class*="span"] {
		padding-bottom: 25px;
	}
	
	.about [class*="span"]:last-child {
		padding-bottom: 0;
	}
	
	
	/*-------------------------------
  	[Portfolio]
  	*/
	.portfolio header h2 {
		display: block;
		float: none;
	}
	
	.portfolio ul.thumbnails .element:last-child {
		margin: 0;
	}
	
	ul.portfolio-filters {
		float: none;

		padding: 0;

		list-style: discinside;
	}
	
	ul.portfolio-filters li {
		display: list-item;

		padding: 0 0 7px;

		border: none;
	}
	
	ul.portfolio-filters li:last-child {
		padding: 0 0 10px;
	}
	
	
	/*-------------------------------
  	[Pricing Table]
  	*/
	.pricing-tables {
		margin: 0 0 30px;
	}
	
	.pricing-table {
		margin: 0 0 30px;
	}
	
	.pricing-table:last-child {
		margin: 0;
	}
	
	
	/*-------------------------------
  	[Hero Unit]
  	*/
	.hero-unit .hero-headline {
		font-size: 32px;
		line-height: 1.2;
	}
	
	.hero-unit [class*="span"] {
		padding-bottom: 25px;
	}
	
	.hero-unit [class*="span"]:last-child {
		padding-bottom: 0;
	}
	
	.hero-unit > nav {
		margin-top: 15px;
	}
	
	
	/*-------------------------------
  	[Some Styles used on Demo Site]
  	*/
	.demo,
	.demo .span6:first-child {
		margin-bottom: 50px;
	}
	
	
	/*-------------------------------
  	[Main Footer]
  	*/
	#main-footer h3,
	#main-footer .logo {
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	#main-footer article.media,
	#main-footer ul {
		margin: 0;
		padding: 0;
	}
	
	#main-footer li {
		margin-bottom: 5px;
	}
	
	#main-footer article.media {
		margin-bottom: 20px;
	}
	
	#main-footer article.media:last-child {
		margin-bottom: 0;
	}
	
	#main-footer .span3 {
		margin-bottom: 25px;
	}
	
	#main-footer input {
		width: 50%;
	}
	
	
	/*-------------------------------
  	[Copyright]
  	*/
	#copyright {
		margin: 0 -30px;

		line-height: 1;
	}
	
	#copyright #built-by {
		text-align: left;
	}
	
	#copyright [class*="span"] {
		padding: 20px 0 15px;
	}
	
	#copyright [class*="span"]:last-child {
		padding: 0 0 20px;
	}
	
	
	/*-------------------------------
  	[Misc]
  	*/
	.thumbnail {
		margin-bottom: 5px;
	}
	
	.text-center-phone {
		text-align: center !important;
	}
	
	
	/*-------------------------------
  	[Default Display Class2]
  	*/
	.visible-default {
		display: none;
	}
	
	
}