@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('webfont.eot');
    src: url('webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont.woff2') format('woff2'),
         url('webfont.woff') format('woff'),
         url('webfont.ttf') format('truetype'),
         url('webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*=================================================================================*/
/* 1. TYPOGRAPHY
/*=================================================================================*/


/*--- General ---*/
body {
    font-family: 'avantgarde_bk_btbook';
	background:#ff6600;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6,
#primary-nav > ul > li > a
{
    font-family: 'avantgarde_bk_btbook';
}

body {
   // font-size: 14px;
   // line-height: 21px; /* (line height = magic number) = (base font size) * 1.5 */
}
p {
    font-size: 1em; /* 1em = base font size = 14px */    
    margin-top: 0;
    margin-bottom: 21px;
}
p + p {
    clear: both;
}
a {
    color: #ffffff;
    border-bottom: 0px solid #c9cbd0;
    font-weight:normal;
}
a:hover {
    color: #FFF799;
    border-bottom: 0px solid #757575;
    text-decoration: none !important;
}


/*--- Headings ---*/
h1, h2, h3, h4, h5, h6 {
    color: #262626;
	font-weight: normal;
    margin: 0 0 15px 0;
    //letter-spacing: 1px;
}

h1 {
	font-size: 24px;
    line-height: 28px; /* (magic number) ÷ (font size) = (line height) */
}
h2 {
	//font-size: 22px; /* (font size) px ÷ (base font size) = (font size) em */
    //line-height: 24px;
    color: #fff799;	
	font-size: 1.6em;
}
h3 {
    font-size: 20px;
    line-height: 22px;
}
h4 {
    //font-size: 18px;
    //line-height: 20px;
    color: #fff799;	
	font-size: 1.2em;
}
h5 {
    font-size: 16px;
    line-height: 18px;
}
h6 {
    font-size: 16px;
    line-height: 18px;
}


/*--- Lists ---*/
ul, ol, dl {
  margin-bottom: 21px;
}

ul {
  list-style: square inside;
}
ol {
    list-style: decimal inside;
}

ul ul,
ol ol {
  margin: 0 0 0 21px;
}

dt {
    font-weight: normal;
}


/*--- Table ---*/
table, th, td {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
    border-collapse: separate;
    margin-bottom: 21px;
    width: 100%;
    border-right: 0;
    border-bottom: 0;
}
th, td {
    font-weight: normal;
    text-align: center;
}
th {
    border-width: 0 1px 1px 0;
    font-weight: normal;
    padding: 10px;
}
td {
    border-width: 0 1px 1px 0;
    padding: 5px;
}
th {
    background: #ff6600;
    color: #757575;
}


/*--- Block Quote ---*/
blockquote {
    font-family: 'avantgarde_bk_btbook';
    font-style: italic;
    color: #96999d;
    border-left: 1px solid #e0e0e0;
    padding: 0 40px;
    margin: 40px 40px 40px 0;
}
blockquote p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
blockquote cite {
    font-family: 'avantgarde_bk_btbook';
    font-style: normal;
    padding-top: 5px;
    display: inline-block;
    font-size: 14px;
    color: #bfbfbf;
}
cite a {
  color: #464646;
}


/*--- Others ---*/
hr {
    padding: 0;
	margin: 42px 0;    
    border: none;
    border-top: 1px solid #d8d8d8;
    text-align: center;
    clear: both;
}

code, kbd, pre, samp {
    font-family: 'avantgarde_bk_btbook';
}
pre {
    white-space: pre-wrap;
}


/*--- Dropcap ---*/
.dropcap {
    font-family: 'avantgarde_bk_btbook';
    font-size: 72px;
    float: left;
    padding: 25px 8px 18px 0;
    line-height: 14px;
}


/*=================================================================================*/
/* 2. HEADER
/*=================================================================================*/


/*--- 2.1 General ---*/
#site-header {
	margin-top: 68px;
}
#primary-nav {
	position: relative;
	//height: 41px;
}
#site-logo a {
    font-family: 'avantgarde_bk_btbook';
    color: #262626;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
	border-bottom: 0;
}
#site-logo a:hover {
    color: #ef6250;
}


/*--- 2.2 Social Icons ---*/
#site-header .social ul {
	border-bottom: 0px solid #d8d8d8;
}
#site-header .social ul {
	padding-bottom: 14px;
	padding-top: 3px;
}

.clear{clear:both;}

h1{
	color: #fff799;	
	font-size: 2.7em;
	text-transform:none;
	line-height: 1.2em;
	//padding: 0px 10px 0px 0px;
	margin-bottom: 4%;
	font-weight:200;
}

p.para{
	color: #000000;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: 400;
	margin:0;
	padding:0;
	margin-bottom:15px;
}

p.para1{
	color: #000000;
	line-height: 1.3em;
	font-size: 0.9em;
	font-weight: 400;
	margin:0;
	padding:0;
	margin-bottom:0px;
}


/*--- 2.3 Primary Navigation ---*/
//#primary-nav								{ border-bottom: 1px solid #d8d8d8; }

/* 
	LEVEL ONE
*/
#primary-nav > ul							{ position: absolute; top: 0; left: 0; list-style: none; margin: 4px 0 0 0; }
#primary-nav > ul > li						{ float: left; zoom: 1; margin-right: 10px;}
#primary-nav > ul > li > a					{ font-size: 1.1em;	color: #fff799;	padding: 0px 0px; text-decoration:none; border-bottom:none;	margin-left: 0px;margin-right: 10px;font-weight: 400;line-height: 16px;	-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;	-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; }
#primary-nav > ul > li:last-child > a		{ border-right: none; } /* Doesn't work in IE */
#primary-nav > ul > li > a:hover,
#primary-nav > ul > li.active > a			{ color: #ffffff; -webkit-text-stroke: 0.8px; }
#primary-nav > ul > > li > a:active			{ color: #ffffff; -webkit-text-stroke: 0.8px; }
#primary-nav > ul > li.hover,
#primary-nav > ul > li:hover				{ position: relative; }
#primary-nav > ul > li.hover > a			{ color: #ef6250; }

/* 
	LEVEL TWO
*/
#primary-nav ul ul							{ list-style: none; width: 150px; visibility: hidden; background: #FFF799; margin: 0; padding: 10px 25px; position: absolute; top: 102%; left: 0;  z-index: 100; }
#primary-nav ul ul li						{ font-family: 'avantgarde_bk_btbook'; font-style: normal; font-size: 15px; float: none; }
									  
/* IE 6 & 7 Needs Inline Block */
#primary-nav ul ul li a						{ color: #FF6600; font-weight: normal; line-height: 33px; width: 100%; display: inline-block;  text-decoration: none; border-bottom: 0; -webkit-text-stroke: 0.4px; } 
#primary-nav ul ul li a:hover				{ color: #000; } 

/* 
	LEVEL THREE
*/
#primary-nav ul ul ul						{ left: 100%; top: 0; }
#primary-nav ul li:hover > ul				{ visibility: visible; }

/* 
	Magic Line
*/
#primary-nav > ul > li.active				{ border-bottom: 0px solid #ef6250; }

.bor-right {
	border-right: 2px solid #ffffff;
	line-height: 16px;
	
	
}


/*=================================================================================*/
/* 3. BODY
/*=================================================================================*/


/*--- 3.1 General ---*/
#site-body {
	margin-top: 90px;
}
#site-body img {
	max-width: 100%;
}


/*--- 3.2 Tagline ---*/
#site-body #tagline h1 {
	font-size: 26px;
	line-height: 36px;
	font-style: normal;
	letter-spacing: -1.5px;	
}
#site-body #tagline p {
	margin-bottom: 11px;
}


/*--- 3.3 Page Header ---*/
.page-header {
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 30px;
}
.page-header h2 {
	background: #d8d8d8;
	color: #757575;
	letter-spacing: -1px;

	display: block;
	margin-bottom: 5px;

	text-align: center;

	width: 100%;
	height: 250px;
	line-height: 250px;
	font-size: 36px;
}

.col-md-4 h3 {
	margin: 36px 0 10px 0;
}
.col-md-4 h3:first-child {
	margin-top: 0;
}


/*=================================================================================*/
/* 4. PORTFOLIO
/*=================================================================================*/


/*--- 4.1 Main Grid ---*/
#portfolio-grid .portfolio {
	margin-bottom: 14px;
}
#portfolio-grid .portfolio .inner {
	background: #fff;
	overflow: hidden;
}


#portfolio-grid .portfolio .thumbnail {
    border-bottom: 0;
}
#portfolio-grid .portfolio .thumbnail img {
	width: 100%;
	height: auto;
	overflow: hidden;
}


#portfolio-grid .portfolio .header {
	padding: 25px 25px 22px 25px;
	text-align: center;
}
#portfolio-grid .portfolio .title,
#portfolio-grid .portfolio .title a
{
	margin-bottom: 0;
	font-style: normal;
	letter-spacing: -1px;
	color: #262626;
    border-bottom: 0;
}
#portfolio-grid .portfolio .title a:hover {
	color: #ef6250;
	text-decoration: none;
}
#portfolio-grid .portfolio .tags {
	display: inline-block;
	margin-top: 5px;
}


/*--- 4.2 Single - Portfolio Info ---*/
.single-portfolio .desc {
	margin-top: 21px;
}
.single-portfolio .desc h2 {
	font-size: 26px;
	font-style: normal;
}
.meta {
	margin-top: 20px;
}
.meta > div:first-child {
	border-top: 1px solid #ffffff;
}
.meta > div {
	border-bottom: 1px solid #ffffff;
}
.single-portfolio .meta h4 {
	font-size: 16px;
	display: inline-block;
	font-weight: 400;
	width: 60px;
}
.single-portfolio .meta p {
	margin: 0;
	display: inline-block;
}
.meta > div {
	padding: 15px 0;
}
.single-portfolio .meta h4,
.single-portfolio .meta > div,
.single-portfolio .meta p
{
	margin-bottom: 0;
}
.single-portfolio .more-link {
	margin-top: 40px;
}


/*--- 4.3 Single - Portfolio Media ---*/
#portfolio-media .media {
	margin-bottom: 30px;
}
#portfolio-media .image-stack .image {
	overflow: hidden;
	margin-bottom: 30px;
	background: #fff;
}
#portfolio-media .image-stack .image a {
	border-bottom: 0;
}
#portfolio-media .image-stack .image img {
	width: 100%;
}
#portfolio-media .image-stack .image .caption {
	font-size: 14px;
	text-align: center;
	padding: 20px 30px;
	border: 1px solid #ececec;
	border-top: 0;
}


/*--- 4.4 Portfolio Navigation ---*/
.portfolio-nav {
	padding: 0 0 0 0;
}
.portfolio-nav a,
.portfolio-nav a span
{
	color: #ffffff;
	//text-transform: uppercase;
	text-decoration: none;
	vertical-align: top;
	line-height: 26px;
    border-bottom: 0;
}
.portfolio-nav a i {
	font-size: 20px;
	padding-right: 10px;
}
.portfolio-nav a:hover,
.portfolio-nav a:hover span
{
	color: #fff799;
}

.load-more a,
.load-more a span
{
	line-height: 18px;
    border-bottom: 0;
}
.load-more a i {
	font-size: 20px;
}


/*=================================================================================*/
/* 5. BLOG
/*=================================================================================*/


/*--- 5.1 Main List ---*/
#blog .post {
	background: #fff;
	overflow: hidden;
	margin-bottom: 30px;
}
#blog .post .media img {
	width: 100%;
}
#blog .post .content .inner {
	padding: 42px;
}
#blog .post .content .inner p:last-child {
	margin-bottom: 0;
}
#blog .post .date {
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	padding: 4px 10px;
	margin-bottom: 18px;
	background: #ebeaea;
	color: #b7b7b7;
}

#blog .post .title,
#blog .post .title a
{
	color: #262626;
	font-size: 28px;
	font-style: normal;
	letter-spacing: -1px;
	line-height: 42px;
    border-bottom: 0;
}
#blog .post .title a:hover {
	color: #ef6250;
	text-decoration: none;
}
#blog .post .title {
    margin-bottom: 13px;
}

#blog .post .desc {
	margin-bottom: 0;
}
#blog .post .more-link {
	margin-top: 26px;
}


/*--- 5.2 Post - Gallery Format ---*/
#blog .post.format-gallery .media ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/*--- 5.3 Blog Paginition ---*/
#paginition {
	margin-top: 37px;
}
#paginition ul {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
#paginition ul li {
	display: inline-block;
	margin-right: 20px;
}
#paginition ul li,
#paginition ul li a
{
	font-size: 16px;
	color: #757575;
    border-bottom: 0;
}
#paginition ul li a:hover {
	color: #262626;
	text-decoration: none;
}
#paginition ul li span.current {
	color: #262626;
}

/*--- 5.4 Single - Meta ---*/
#blog .post .meta {
	border-top: 1px solid #e5e5e5;
	padding: 21px 42px;
	margin: 0;
}
#blog .post .meta a {
	color: #757575;
	text-decoration: none;
}
#blog .post .meta p {
	padding-bottom: 0;
	margin-bottom: 0;
}
#blog .post .meta .author {
	display: inline-block;
	color: #b7b7b7;
	line-height: 28px;
}
#blog .post .meta .tags {
	display: inline-block;
	float: right;
}
#blog .post .meta .tags a {
	display: inline-block;
	font-size: 13px;
	padding: 4px 10px;
	margin-left: 10px;

	background: #f0f0f0;
	color: #b7b7b7;
	border-bottom: 0;
}
#blog .post .meta .tags a:hover {
	background: #ef6250;
	color: #fff;
}


/*=================================================================================*/
/* 6. COMMENTS
/*=================================================================================*/


/*--- 6.1 General ---*/
.comments {
	margin-top: 80px;
}
.comments > h3 {
	color: #262626;
	font-size: 24px;
	font-style: normal;
	margin-bottom: 42px;
	letter-spacing: -1px;
}

/*--- 6.2 Comments List ---*/
.comments-list {
	list-style: none;
	padding: 0;
	margin-bottom: 53px;
}
.comments-list li {
	margin-bottom: 30px;
}
.comments-list li .pull-left {
	margin-right: 30px;
	border-bottom: 0;
}

/*--- 6.3 Comments Meta ---*/
.comments-list li .meta {
	margin-bottom: 10px;
}
.comments-list li .meta .author {
	color: #262626;
	font-size: 17px;
}
.comments-list li .meta .time {
	color: #b7b7b7;
	font-size: 12px;
	padding-left: 15px;
}
.comments-list li .meta .reply a {
	color: #262626;
	font-family: "avantgarde_bk_btbook";
	font-size: 12px;
	padding-left: 15px;
	display: none;
	line-height: 18px;
	border-bottom: 0;
}
.comments-list li .body:hover .meta .reply a {
	display: inline-block;
}
.comments-list li .body:hover .meta .reply a:hover {
	color: #ef6250;
}

/*--- 6.4 Comments Body ---*/
.comments-list li .body {
	overflow: hidden;
	zoom: 1;
}


/*--- 6.5 Comments Children ---*/
.comments-list li .children {
	border-left: 1px solid #d8d8d8;
	list-style: none;
	padding-top: 15px;
	padding-left: 0;
	margin-top: 15px;
}
.comments-list li .children li {
	background: url('../images/bright_cmnt_h_line.png') no-repeat left 32px;
	padding-left: 60px;
}


/*=================================================================================*/
/* 7. FORMS
/*=================================================================================*/


/*--- 7.1 General ---*/
form p {
	margin-bottom: 10px;
	padding-bottom: 0 !important;
}
form p:first-child {
	margin-top: 0;
}
form p:nth-last-of-type(2) {
	margin-bottom: 10px;
}
input, textarea, select, button {
	font-size: 14px;
}
input, textarea, select {
	color: #757575;
	background: #e6e6e6;

	border-radius: 2px;

	border: 0;
	outline: 0 none;

	line-height: 15px;

	padding: 6px 15px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
input:focus, textarea:focus {
	background-color: #fff;
}
input.error, textarea.error {
	border: 1px solid #f00;
}
input[type="text"], input[type="email"],
input[type="url"], input[type="tel"], input[type="file"], select, textarea { 
	width: 100%;
}

#captcha 
{
    width:58.8%;
}

textarea 
{
 height:85px;   
}


/*--- 7.2 Labels ---*/
label {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
label.error {
	display: none !important;
}
label span {
	color: #ef6250;
}


/*--- 7.3 Placeholder - Keep Seperate ---*/
::-webkit-input-placeholder { /* WebKit browsers */
	font-size: 14px;
	//font-style: italic;
	font-weight: 200;
	color: #A7A7A7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size: 14px;
	//font-style: italic;
	font-weight: 200;
	color: #A7A7A7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size: 14px;
	//font-style: italic;
	font-weight: 200;
	color: #A7A7A7;  
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size: 14px;
	//font-style: italic;
	font-weight: 200;
	color: #A7A7A7;
}
.placeholder,
.placeholderFocus
{
	font-size: 14px;
	//font-style: italic;
	font-weight: 200;
	color: #b7b7b7;
}


/*--- 7.4 Search Form ---*/
#search-form {
	position: relative;
}
#search-form input {
	width: 100%;
	background-color: #fff;
	border-radius: 25px;
	outline: 0;
	border: 0;
	line-height: 20px;
	padding: 10px 45px 10px 20px;
	font-size: 14px;
}
#search-form button {
	position: absolute;
	right: 13px;
	bottom: 10px;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 15px;
	color: #757575;
}
#search-form button:hover {
	color: #757575;
}

#search-form ::-webkit-input-placeholder { /* WebKit browsers */
	color: #757575;
}
#search-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #757575;
}
#search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #757575;
}
#search-form :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #757575;
}


/*=================================================================================*/
/* 8. SIDEBAR
/*=================================================================================*/


/*--- 8.1 General ---*/
#sidebar .widget {
	margin-bottom: 35px;
}
#sidebar .widget h3 {
	margin-bottom: 13px;
	letter-spacing: -1px;

	font-style: normal;
	font-size: 19px;
}
#sidebar .widget select {
	width: 100%;
}


/*--- 8.2 Widget - Links List ---*/
.widget ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.widget ul li,
.widget ul li a
{
	color: #757575;
	font-size: 14px;
	line-height: 28px;
    border-bottom: 0;
}
.widget ul li a:hover {
	color: #ef6250;
	text-decoration: none;
}
.widget ul ul {
	padding-left: 10px;
	border-left: 3px solid #333;
}


/*--- 8.3 Widget - Tags ---*/
.widget_tag_cloud h3 {
	margin-bottom: 24px !important;
}
.widget_tag_cloud a {
	display: inline-block;
	font-size: 13px;
	line-height: 28px;
	padding: 3px 12px;
	margin-right: 15px;
	margin-bottom: 13px;

	background: #e6e6e6;
	color: #757575;

	border-radius: 3px;
    border-bottom: 0;
	text-decoration: none;

}
.widget_tag_cloud a:hover {
	background: #ef6250;
	color: #fff !important;
}


/*--- 8.4 Widget - Flickr Images ---*/
.widget_flickr ul {
	padding-left: 0;
	margin-top: 25px;
}
.widget_flickr ul li {
	list-style: none;
	display: inline-block;
	margin: 0 4px 8px 0;
}
.widget_flickr ul li,
.widget_flickr ul li img {
	border-radius: 2px;
	width: 75px;
}
.widget_flickr ul li:nth-child(3n+3) {
	margin-right: 0;
}
.widget_flickr ul li:nth-last-child(-n+3) {
	margin-bottom: 0;
}
.widget_flickr ul li,
.widget_flickr ul li a {
	display: inline-block;
	height: 75px;
}
.widget_flickr ul li a:hover {
	opacity: 0.6;
}


/*=================================================================================*/
/* 9. OFF-CANVAS SIDEBAR
/*=================================================================================*/


/*--- 9.1 Overlay ---*/
#sb-site {
    background-color: #ff6600 !important;
}
#sb-site .site-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: none;
}
html.sb-active #sb-site .site-overlay {
    display: block;
}


/*--- 9.2 Widgets ---*/
.sb-slidebar {
    background: #191918 !important;
    padding: 60px 30px !important;
}
.sb-slidebar .widget {
    border-bottom: 1px solid #242424;
    padding-bottom: 60px;
    margin-bottom: 60px;
}
.sb-slidebar .widget:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.sb-slidebar .widget a {
    color: #b2b2b1;
}
.sb-slidebar .widget ul {
    margin-bottom: 0;
}
.sb-slidebar .widget ul li,
.sb-slidebar .widget ul li a
{
    font-size: 15px;
    line-height: 32px;
}
.sb-slidebar .widget h3 {
    color: #fff !important;
    margin-bottom: 15px;
    letter-spacing: -1px;
    font-style: normal;
    font-size: 20px;
    -webkit-text-stroke: 0;
}


/*--- 9.3 Handler ---*/
.sb-sidebar-toggle,
.sb-sidebar-toggle:hover
{
    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;
    width: 48px; 
    height: 48px;

    border-bottom: 0; 
    background: #feea36; 

    z-index: 400;
}
.sb-sidebar-toggle i {
    position: absolute;
    top: 14px;
    right: 14px;

    color: #000;
    font-size: 20px;

}

.sb-sidebar-toggle i.fa-times,
html.sb-active .sb-sidebar-toggle i.fa-navicon
{
    display: none;
}
html.sb-active .sb-sidebar-toggle i.fa-times {
    display: block;
}


/*=================================================================================*/
/* 10. OTHER TEMPLATES
/*=================================================================================*/


/*--- 10.1 Clients ---*/
#clients-grid .client .inner {
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 45px;
}
#clients-grid .client .logo  {
	background: #d8d8d8;

	width: 100%;
	height: 150px;
	line-height: 150px;

	display: block;
	margin-bottom: 5px;

	text-align: center;

	overflow: hidden;
    border-bottom: 0;
}
#clients-grid .client .logo img  {
	max-width: 100%;
	max-height: 100%;
}


/*--- 10.2 Services ---*/
#services-grid .service  {
	overflow: hidden;
	margin-bottom: 45px;
}

#services-grid .service .icon {
	background: #d8d8d8;

	display: block;
	width: 100%;
	height: 150px;

	margin-bottom: 5px;

	text-align: center;
    border-bottom: 0;
}
#services-grid .service .icon i {
	line-height: 150px;
	color: #888888;
	font-size: 52px;
}

#services-grid .service .summary {
	border-top: 1px solid #d8d8d8;
	padding-top: 25px;
}
#services-grid .service .title,
#services-grid .service .title a
{
	color: #262626;
	margin-bottom: 16px;
	font-style: normal;
	letter-spacing: -1px;
    border-bottom: 0;
}
#services-grid .service .title a:hover {
	color: #ef6250;
	text-decoration: none;
}


/*=================================================================================*/
/* 11. FOOTER
/*=================================================================================*/


/*--- 11.1 General ---*/
#site-footer {
	margin-bottom: 85px;
	margin-top: 80px;
}
#site-footer .inner {
	padding-top: 14px;
	border-top: 1px solid #d8d8d8;
}


/*=================================================================================*/
/* 12. MISCELLANEOUS
/*=================================================================================*/


/*--- 12.1 Thumbnail Overlay ---*/
.thumbnail {
    position: relative;
    display: block;
}
.thumbnail .overlay,
.thumbnail .overlay span
{
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	margin: auto;
}
.thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    opacity: 0;    
}
.thumbnail:hover .overlay {
    opacity: 100;
}
.thumbnail:hover .overlay .icon {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    width: 65px; 
    height: 60px;

    background: url('../images/bright_sprites.png') no-repeat;
    background-position: -4px -40px;
}
.overlay,
.thumbnail:hover .overlay
{
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}


/*--- 12.2 Back To Top ---*/
#back-to-top {
    display: none;
    position: fixed;
    bottom: 60px;
    left: 110px;
}
#back-to-top .handler {
    display: inline-block;
    width: 65px; 
    height: 34px;

    background: url('../images/bright_sprites.png') no-repeat;
    opacity: 0.5;
    border-bottom: 0;
}
#back-to-top .handler:hover {
    opacity: 1;
}


/*--- 12.3 Social Profiles ---*/
.social ul {
    list-style: none;
    text-align: right;
}
.social ul li {
    margin-right: 5px;
    display: inline-block;
}
.social ul li:last-child {
    margin-right: 0;
}
.social ul li a {
    font-size: 20px;
    color: #757575;
    border-bottom: 0;
}
.social ul li a:hover .fa-facebook {
    color: #496096;
}
.social ul li a:hover .fa-twitter {
    color: #5098ce;
}
.social ul li a:hover .fa-dribbble {
    color: #ea4c89;
}
.social ul li a:hover .fa-google-plus {
    color: #dd4b39;
}


/*--- 12.4 More Link ---*/
.more-link, input[type="submit"] {
    background: #FFF799;
    color: #FF6600;    
    padding: 12px 14px 13px 14px;
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px;
    line-height: 16px;
    display: inline-block;
    border-bottom: 0;
}
.more-link:hover, input[type="submit"]:hover {
    background: #fff;
    color: #000000;    
    cursor: pointer;
    text-decoration: none;
    border-bottom: 0;
}


/*=================================================================================*/
/* 13. VISUAL ENHANCEMENTS
/*=================================================================================*/


/*--- 13.1 CSS3 Shadow ---*/

#content,
#blog .post,
#portfolio-grid .portfolio .inner
{
    overflow: hidden;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);   
}


/* 13.2 Stroke Adjustment */
body {
	//-webkit-text-stroke: 0.4px;
}
#site-body #tagline h1 {
	-webkit-text-stroke: 0.4px;
}
#primary-nav > ul > li > a  {
	//-webkit-text-stroke: 0.3px;
}
#primary-nav ul li a:hover,
#primary-nav ul li.active a
{
	-webkit-text-stroke: 0.2px;
}
#portfolio-grid .portfolio .title {
	-webkit-text-stroke: 0.3px;
}
#blog .post .title {
	-webkit-text-stroke: 0.8px;
}
#sidebar .widget h3 {
	-webkit-text-stroke: 0.3px;
}
.widget ul li a:hover {
	-webkit-text-stroke: 0.4px;
}


/* 13.3 CSS3 Transitions */
a, button, input {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;    
}
#primary-nav a {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;    
}