/***** GENERAL STYLES *****/

section{ background: #fff;  }
body{ -webkit-font-smoothing: antialiased; #fefefe; }
#main-container{ overflow: hidden; }
input{ -webkit-appearance: none; }
input:focus{ outline: none; }
.nopad{ padding: 0; }
.offix{ overflow: hidden; }
.pad-normal{ padding-top: 66px; padding-bottom: 66px; }
.pad-large{ padding-top: 99px; padding-bottom: 121px; }
.pad-large-top{ padding-top: 99px; }
.pad-large-bottom{ padding-bottom: 99px; }
	.pad-large-bottom-only { padding-bottom: 121px; }
.pad-top{ padding-top: 66px; }
.pad-bottom{ padding-bottom: 66px; }
.margin-medium { margin-bottom: 88px; margin-top: 88px; }
	.margin-medium-top { margin-top: 88px; }
	.margin-medium-bottom { margin-bottom: 88px; }
	
.space-top{ margin-top: 22px; }
.space-top-large{ margin-top: 44px; }
::selection {color:#fff;background:#444444;}
::-moz-selection {color:#fff;background:#444444;}

.alt-h{ font-family: 'Montserrat' sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin-right: -1px; }
.highlight-bg{ background-color: #B6A591; }

#loader{
	opacity: 1; 
	position: fixed/*absolute*/;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 20000;
	padding-top: 250px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
#progress-bar{ 
	height: 10px; background-color: #222; 
	-webkit-transition: all .5s; 
	transition: all .5s; 
	-moz-transition: all .5s;
	width: 0px;
}
.hide-loader{ opacity: 0 !important; z-index: -1 !important; }

.btn{ background-color: rgba(0,0,0,0); border: 2px solid #777; color: #444; cursor: pointer; display: inline-block; border-radius: 30px; padding: 14px 33px 14px 33px; text-align: center; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; letter-spacing: 1px !important; }
.btn:hover{ background-color: #fff; color: #444; }
.btn h6{ font-size: 11px; letter-spacing: 1px; }
.btn-holder span{ display: inline-block; margin: 0px 11px; font-size: 22px; color: #777;  }

.white-btn{ border-color: #fff; }
.white-btn:hover h6{ color: #444; }

.page-title, .module-title { margin-bottom: 44px; font-weight: normal; }
	#freelancer .page-title, #freelancer .module-title {font-weight: bold;}
	#freelancer.pathway-gothic .page-title, #freelancer.pathway-gothic .module-title { font-weight: normal; }
.module-outline .module-title { margin-bottom: 0; }
.module-title .line { display: inline-block; height: 1px; background: #B6A591; position: relative; text-align: center; z-index: 1; margin: 22px 0px 22px 0px; }
.line .icon{ background: #fefefe; padding: 0px 11px 0px 11px; font-size: 30px; color: #B6A591; position: relative; bottom: 15px; }

.attention{ border-bottom: 1px solid; padding-bottom: 4px; }
.text-link{ position: relative; transition: all .2s ease; }
.text-link .arrow_right{ position: relative; left: 0px; transition: all .2s ease; }
.text-link:hover .arrow_right{ left: 5px; }
.icon_heart{ color: #ff1717; }

.title-top{ position: relative; top: 4px; }

.text-divider{ position: relative; background: #f7f7f7; }
.divider-overlay{ position: absolute; width: 100%; height: 100%; background-color: #444; opacity: 0.6; z-index: 2; top: 0px; transition: all 1.5s ease; }
.divider-overlay.dark { background-color: #222; opacity: 0.9; }
.divider-content{ position: relative; z-index: 3;	 }

.content-divider{ background: #f7f7f7; }
.content-divider h1, .content-divider h2 { font-size: 60px; }
.content-divider .line{ display: inline-block; background: #bbb; height: 1px; margin: 22px 0px; }
.content-divider .feature-list{ list-style-position: inside; margin-bottom: 33px; font-style: italic; border: 2px solid #ddd; }
.content-divider .feature-list li{ font-size: 20px; margin-bottom: 11px; }
.pricing-table h2 { font-size: 60px; }
.content-divider .pricing-table ul li{ color: #777; font-size: 22px; }
.content-divider .pricing-table{ border: 1px solid #bbb;}
.content-divider .pricing-table .line{ background: #bbb; height: 1px; }

.hero-header{ background-size: cover !important; }
.hero-header h1{ font-size: 105px; }
.hero-header .divider-content{ margin-top: 88px; margin-bottom: 88px; }

.inner-container #nav-holder{ position: absolute; top: 0px; width: 100%; }
.inner-container #navigation{ background: none; }
.inner-container .menu li a{ color: #fff; }
.inner-container #logo{ color: #fff; }

/*** TYPOG ***/

.text-white{ color: #fff; }
.reg-weight{ font-weight: normal; }
.icon{ display: inline-block; -webkit-backface-visibility: hidden; }
.action-h { font-size: 2.75rem; }

/***** NAVIGATION *****/

#navigation{ position: relative; top: 0px; width: 100%; z-index: 99; transition: .3s ease; opacity: 1; max-height: 94px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; overflow: hidden; background: rgba(255,255,255,0.9); }
#logo{ width: 100px; margin-top: 22px; margin-bottom: 15px; opacity: 1/*0.8*/; }
.hide-nav{ top: -300px; }
.sticky-nav{ position: fixed !important; top: 0px;  }
.inner-nav{ position: absolute !important; background: #444444 !important; top: 0px;  }
.open-nav{ max-height: 800px !important; }
.mobile-toggle{ display: none; position: absolute; top: 40px; right: 20px; }


.menu{ list-style: none; overflow: hidden; display: inline-block; margin-top: 31px; margin-bottom: 29px; }
	.text-left .menu { margin-left: 0; }
.menu li{ float: left; margin-right: 44px; color: #777; font-size: 14px; font-family: 'Montserrat'; text-transform: uppercase; }
.menu li a{ color: #777; }
.menu li:last-child{ margin-right: 0px; }

/***** HERO SECTION *****/

#hero-slider .slides li{ height: 700px; background-position-x: 0px !important; background-size: cover !important; }
.slide-overlay{ position: absolute; width: 100%; height: 100%; background: #444444; opacity: 0.4; z-index: 2; top: 0px; transition: all 1.5s ease; }
.slide-content{ position: relative; z-index: 3; opacity: 1; top: 0px; }

.headline{ text-transform: uppercase; font-size: 176px; color: #fff; letter-spacing: 24px; display: inline-block; position: relative; right: 6px; line-height: 0.8; margin-bottom: 22px; }
	h3.headline { border-bottom: 3px solid #FFF; font-size: 80px; margin-right: -24px; padding-bottom: 11px; }
.title-top{ background: #fff; height: 3px; }
.title-upper{ width: 100%; position: relative; bottom: 3px; }
.title-upper h6{ font-size: 1em; }
.title-lower{ border-top: 3px solid #fff; padding-top: 11px; }
	.title-lower.no-border { border-top: none; padding-top: 0; }
.title-lower p{ font-size: 26px; }
.title-icon{ font-size: 50px; color: #fff; position: relative; top: 55px; }
.headline-logo{ width: 100px; position: relative; top: 24px; }
.last-letter{ letter-spacing: 0; }
.slide-content .btn{ margin-top: 22px; }
.bg-cover{ background-size: cover !important; background-attachment: fixed !important; }

/***** ABOUT SECTION *****/

.team-member{ margin-top: 44px; position: relative; }
.team-member:before{ position: absolute; content: ''; background: #444444; opacity: 0.4; height: 100%; width: 100%; }

.signature{ text-align: left; }
.signature img{ max-width: 200px; }

.member-details{ position: absolute; top: 40%; width: 100%; }
.member-details h6{ margin-bottom: -3px; }
.member-details p{ margin-bottom: 6px; }
.member-details a{ margin-right: 11px; }
.member-details a:last-child{ margin-right: 0px; }

.process-phase{ margin-top: 44px; overflow: hidden; }
.phase-icon{ width: 80px; height: 80px; border-radius: 50%; border: 2px solid #fff; text-align: center; font-size: 30px; padding-top: 22px; float: left; display: inline-block; margin-right: 22px; }
.phase-text{ float: left; display: inline-block; min-width: 200px; }
.phase-text ul{ list-style: inside; margin-top: 11px; margin-left: 0px; }
.phase-text li{ font-style: italic; color: #fff; position: relative; font-size: 18px; }

/***** SERVICES SECTION *****/

#services .module-title, #content-top .page-title { margin-bottom: 88px; }
#services .module-outline .module-title { margin-bottom: 0; }

.service-icon{ width: 100%; font-size: 40px; color: #ccc;  }
.service-text{ width: 100%; }
.service-text h5{ margin-bottom: 11px; letter-spacing: 2px; }
.service-text p{ margin-bottom: 0px; }
.service{ text-align: center; margin-bottom: 30px; padding: 22px; border: 1px solid #adadad	; overflow: hidden; }
.service .line{ width: 100%; background: #adadad; height: 1px; margin: 22px 0px; }


/****** BLOG PREVIEW *****/

#blog-preview-holder{ /*margin-top: 88px; margin-bottom: 88px;*/ }
	#blog-preview-holder.no-pad-large{ margin-top: -99px; margin-bottom: -121px; }
	#blog-preview-holder .post-preview h2 { font-size: 2.3125rem; }
	.post-preview .post-meta a { color: #777; }
	.post-preview .post-meta .actions li a:hover { color: #222; }
.date{ text-align: right; padding-right: 22px; color: #B6A591; }
.date .day{ font-size: 50px; font-style: italic;  display: block; }
.date .month{ font-size: 18px; font-style: italic; display: block; margin-bottom: 11px; }

.post-meta-button{ width: 35px; height: 35px; border-radius: 50%; border: 1px solid #adadad; text-align: center; padding-top: 9px; display: inline-block; margin-top: 12px; clear: both; float: none; margin-right: 11px; }
.post-meta-button .icon{ color: #adadad; font-size: 15px; }

.post{ margin-bottom: 44px; }
.post h2{ line-height: 1.1; margin-bottom: 11px; }
.post h6{ color: #777; font-size: 12px; }
.post h6 a{ color: #555; }
.post .line{ width: 60px; height: 1px; background: #adadad; margin: 11px 0px;  }


/***** TESTIMONIALS SECTION *****/

.testimonials-slider h2{ margin-bottom: 22px; font-size: 60px; line-height: 1.1; }
.testimonials-slider h6{ margin-top: 22px; font-size: 12px; }


/***** PRICING SECTION *****/

.pricing-table .btn{ margin-top: 22px; margin-bottom: 11px; }

.pricing-table{ border: 2px solid #fff; padding: 22px; }
.pricing-table h1{ font-size: 60px; }
.pricing-table .line{ width: 100%; height: 2px; background: #fff; margin: 22px 0px; }
.pricing-table ul{ list-style: none; margin: 0px; }
.pricing-table ul li{ font-size: 18px; font-style: italic; margin-bottom: 11px; color: #fff; }

.price{ font-family: 'Montserrat' sans-serif; color: #fff; font-weight: bold; }
.price .dollar{ position: relative; bottom: 38px; font-size: 22px;  }
.price .amount{ font-size: 80px; }
.price .terms{ font-family: 'Cardo'; font-style: italic; font-weight: normal; }

.shrink{ 
-ms-transform: scale(0.9,0.9); /* IE 9 */
-webkit-transform: scale(0.9,0.9); /* Chrome, Safari, Opera */
transform: scale(0.9,0.9);
}

/***** PORTFOLIO SECTION *****/
#freelancer #work,
#freelancer #work .module-title .icon { background-color: #F7F7F7; }
#freelancer #work .project-title { background: #F7F7F7; }
#freelancer.montserrat #work .project-title h3, 
#freelancer.montserrat #work .project-text h2 { font-size: 1rem; }
#freelancer #work .project-body .page-title h2, 
#freelancer #work .project-text h2 { font-weight: bold; }
#freelancer #work .project-body .page-title h2 { font-size: 1.6875rem; }

/* moved to module */
.project-text { text-align: left; }


/***** STATS DIVIDER *****/

#content-bottom, #stats{ background: #f7f7f7; }
#content-bottom .module h2, #content-bottom .module h3 { margin-bottom: 44px; }
.stat { border-right: 1px solid #ccc; }
.stat:last-child{ border-right: none; }
.stat .icon { font-size: 42px; color: #B6A591;  }
.stat .numbers { font-size: 2.75rem; }
.stat span { color: #777; font-style: italic; font-size: 18px; }


/***** CLIENTS *****/

#clients{ background: #f7f7f7; }
.client img{ max-width: 120px; }

/***** CONTACT *****/
#contact .text-white a { color: #fff; }
#contact h2, #contact-form-wrapper h2{ font-size: 2.75rem; margin-bottom: 11px; }
	#contact h3, #contact-form-wrapper h3 { margin-bottom: 11px; }
#contact .menu {}
#contact .menu li { margin-right: 22px; }
	#contact .menu.text-white li a:hover { color: #fff; }
	
.social-links a { display: inline-block; margin-right: 22px; margin-bottom: 44px; }
#freelancer.montserrat #contact .menu li,
#freelancer.montserrat .social-links a h3 { font-size: 12px; }
.contact-method{ margin-bottom: 66px; }
.contact-method .icon{ font-size: 40px; margin-bottom: 11px; display: inline-block; }
.contact-method span{ display: block; font-size: 20px; }

.copy-text{ display: inline-block; font-size: 12px; }



/** BLOG LIST **/
.blog-container .post { float: left; margin-bottom: 0; opacity: 1; overflow: hidden; position: relative; transition: all 0.3s ease 0s; z-index: 1; }
.post-link:nth-child(even) .post-preview{ background: #f7f7f7; }
.post-link .pad-large{ padding-bottom: 99px; }
.post-preview{ background-size: cover !important; position: relative; }
.post-preview-content{ position: relative; z-index: 2; }
.post-overlay{ position: absolute; width: 100%; height: 100%; top: 0px; background: rgba(255,255,255,0.9); z-index: 1; }
	.post-overlay.dark { background: #F7F7F7; }
.post-preview .date{ font-size: 30px; }
.post-preview h6{ font-size: 12px; color: #777; margin-top: 11px; }
.post-preview h1 { transition: all .3s ease; letter-spacing: 0px; }
.post-preview h2 { font-size: 2.75rem; transition: all .3s ease; -webkit-transition: all .3s ease; letter-spacing: 0px; }
	.post-preview h2 a { color: inherit; }
	.module .post-preview h2 { font-size: 2.3125rem; transition: all .3s ease; -webkit-transition: all .3s ease; letter-spacing: 0px; }
.post-preview .line{ width: 100px; height: 2px; background: #ddd; margin: 0px auto; margin-top: 22px;}

.post-preview:hover h1{ letter-spacing: 2px; margin-right: -2px; }
.post-preview:hover h2{ letter-spacing: 2px; margin-right: -2px; }

.post-body { margin-bottom: 66px; margin-top: 66px; }
.readmore { font-family: 'Pathway Gothic One', Helvetica, Arial, Sans-serif; font-size: 11px; letter-spacing: -1px; margin: 33px 0; }
.readmore.btn { color: #353535; }
.safari-mac .post-preview:hover h1{ letter-spacing: 0px !important; margin-right: 0px !important; }
.safari-mac .post-preview:hover h2{ letter-spacing: 0px !important; margin-right: 0px !important; }



/** BLOG POST SINGLE**/

.post-single-container #nav-holder{ position: absolute; top: 0px; width: 100%; }
.post-single-container #navigation{ background: rgba(0,0,0,0); }
	.post-single-container #navigation.sticky-nav{ background: rgba(255,255,255,0.8); }
.post-single-container .menu li a{ color: #fff; }
.post-single-container .sticky-nav .menu li a{ color: #777; }
.post-single-container #logo{ color: #fff; }

.post-meta a { color: #fff; }
.post-meta .actions { font-size: 14px; list-style: none; line-height: 1; margin-left: 0; margin-top: 11px; }
.post-meta .actions li { display: inline-block; margin-left: 0; padding: 0 5px; }
.post-meta .actions li a:hover { color: #f7f7f7; }

.post-hero{ background-size: cover !important; }

.post-hero h1{ font-size: 65px; margin-bottom: 1.25rem; }
.post-hero .divider-content{ margin-top: 88px; margin-bottom: 44px; }
.post-hero .post-meta-button{ border-color: #fff; margin-top: 0px; }
.post-hero h1 a, .post-hero .post-meta-button .icon{ color: #fff; }

.post-body a { color: #555454; text-decoration: underline; }
.post-single-text p.lead{ font-size: 20px; margin-bottom: 44px; }
.post-single-text p{ text-align: justify; }
.post-single-footer{ background-size: cover !important; background-attachment: fixed !important; }
.post-single-footer a{ display: inline-block; margin-right: 22px; margin-bottom: 44px; }
.post-single-footer a:last-child{ margin-right: 0px; }

/** BLOG **/

.blog-title{ margin-top: 181px;}
.blog-single{ padding-top: 181px; }
blockquote{ border-left: 4px solid  #444444; font-size: 24px; color: #555; padding-top: 0px; }

.blog-left .post-single{ margin-bottom: 66px; }
.blog-left a{ color: #444444; }
.post h4{ margin-bottom: 6px; font-weight: normal; }
.post a{  }
.post-meta{ margin-bottom: 33px; }
.post-media{ margin-bottom: 33px; }
.post iframe{ width: 100%; border: none; height: 450px; }

.post-slider{ position: relative; }
.form-horizontal input{ height: 40px; margin-bottom: 6px;	 }
.form-horizontal label{ margin-bottom: 11px; display: block; }
.form-horizontal input, .form-horizontal textarea{ border: 1px solid #ddd; border-radius: 3px; }

.tags{ margin-top: 22px; }
.tags a{ 
	display: inline-block; 
	color: #777;
	background-color: #ddd;
	font-size: 14px;
	padding: 16px; 
	margin-right: 6px; 
	margin-bottom: 11px; 
	font-family: 'Roboto Slab';
	border-radius: 3px;
}

.commentlist{ list-style: none; margin-top: 22px; }
#comments h4, #comments h5, #comments h6{ letter-spacing: 1px; }
.reply{ margin-bottom: 22px; }
.comment-meta{
	font-family: 'Roboto Slab';
	font-size: 12px;
}
.fn{
	font-family: 'Roboto Slab';
	font-style: normal;
	
}
.children{ list-style: none; }

.comment-author{ width: 43px; height: 43px; padding: 3px; }

#reply-title{ margin-bottom: 22px; }

/* Module Styles */
.page-title h2, .module-title h2, .module h1, .module h2.page-title { font-size: 60px; line-height: 1;  }

.page-title h6, 
.module-title h6 { color: #B6A591; }

/* Outline */
.module-outline { border: 1px solid #adadad;margin-bottom: 30px; padding: 22px; overflow: hidden; text-align: center; }
.module-outline .module-title h2 { font-size: 2.75rem; line-height:1.4; }
.module-outline .line{ width: 100%; background: #adadad; height: 1px; margin: 22px 0px; }
.module-icon{ width: 100%; font-size: 40px; color: #ccc;  }
.module-text{ width: 100%; }
.module-text h5{ margin-bottom: 11px; letter-spacing: 2px; }
.module-text p{ margin-bottom: 0px; }



/** MODULES **/

.sidebar .module { margin-bottom: 44px; overflow: hidden; }
.sidebar .module a{ color: #444444; }
.sidebar .module h6{ margin-bottom: 11px; display: inline-block; font-weight: normal; }

.search input[type="text"]{ 
	width: 65%;
	margin-right: 5%;
	height: 50px;
	background: none; 
	border: none;
	border-bottom: 1px solid #ddd; 
	text-transform: none; 
	transition: all .3s ease; 
	padding-left: 0px; 
	-webkit-appearance: none;
}
.search input[type="text"]:focus{ -webkit-appearance: none; box-shadow: none; }
.search .btn{ border-color: #ddd; background: none; height: 50px; width: 30%; text-align: center; padding: 0px; }

.tagcloud a{ 
	display: inline-block; 
	color: #777;
	background-color: #ddd;
	font-size: 14px;
	padding: 16px; 
	margin-right: 6px; 
	margin-bottom: 11px; 
	font-family: 'Roboto Slab';
	border-radius: 3px;
}

.controls .btn{ border-color: #ddd; background: none; margin-bottom: 66px; }


/* Blog sub category list */
.blog ul.lists { margin-left: 0; }
.blog ul.lists li { list-style: none; }

/* Default Pagination */
.pagination-wrapper { margin-bottom: 66px; }

.pagination ul { margin-left: -0.3125em; }
.pagination ul li {
	border: 1px solid #eee;
    background-color: #FFF;
    color: #222;
    margin-left: 0.3125em;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
	.pagination ul li span { padding: 0.4375em 0.875em; }
    .pagination ul li a {
		display: block;
		font-size: 12px;
		padding: 7px 14px;
		color: #7A777A;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
	}
    .pagination ul li:hover a,
    .paginationul li a:focus {
      color: #222;
	}
    .pagination ul li.disabled a {
      cursor: default;
      color: #999999;
	}
    .pagination ul li.disables:hover a, .pagination ul li.disabled a:focus {
      background: transparent;
	}
    .pagination ul li.active a {
      color: #222;
      border: 1px solid #222;
      cursor: default;
	}
    .pagination ul li.active a:hover, .pagination ul li.active a:focus {
        background: #FFF;
		color: #222;
	}
	.pagination ul li {
		float: left;
		display: block;
	}
	.counter { font-size: 0.875em; }

/* Search component */
.search-result .btn { color: #777; width: 20%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.search-result .input-holder { display: inline-block; float: left; width: 75%; }
.search-result .input-holder input[type="text"] {
	color: #7A777A;
	width: 98%;
	margin-right: 5%;
	height: 50px;
	background: none; 
	border: none;
	border-bottom: 3px solid #ddd; 
	text-transform: none; 
	transition: all .3s ease; 
	padding-left: 0; 
	-webkit-appearance: none;
}
.search-result input[type="text"]:focus, #login-form input[type="text"], #login-form input[type="password"] { -webkit-appearance: none; box-shadow: none; }
.search-result .btn { height: 50px; width: 20%; text-align: center; padding: 0; }
.search-result .controls label {}
input[type="radio"], input[type="checkbox"] { margin-bottom: 0.5em; margin-right: 0.5em; }

/* Category modules */
ul.unstyled, 
ul.category-module, ul.category-module ul { list-style: none; margin-left: 0; }


/* Contact Component */
.contact .contact-form .control-group { margin-bottom: 11px; }
.contact .contact-form input{ background: none; border: none; border-bottom: 3px solid #ddd; display: inline-block; -webkit-appearance: none; box-shadow: none; margin-bottom: 10px; height: 30px; text-transform: uppercase; }
.form-horizontal textarea{
	background: none; border: none; border-bottom: 3px solid #ddd;
	-webkit-appearance: none; box-shadow: none;
}
.contact-methods{ overflow: hidden; list-style: none; margin-left:0; }
.contact-methods li{ margin-bottom: 33px; overflow: hidden; -webkit-backface-visibility: hidden; position: relative; }
.contact-methods li .icon { width: 15%; float: left; font-size: 42px; }
.contact-methods li .method-text{ width: 85%; float: left; }
.method-text h6, .method-text a, #contact .service h6, #contact .service-icon { color: #555454; }
#contact p, #contact .blog-list li h3, .method-text span, .method-text a:hover, #contact a:hover { color: #555454; }

/* Misc */
/* Fieldset */
fieldset { border: none; margin: 0; padding: 1.125em 0; }
fieldset legend { font-size: 13px; padding: 1.125em 0; }

select { border: 1px solid #222; padding: 4px; width: 220px; }
select { height: 28px; line-height: 28px; }

/* Table Styles */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table {
	background: #fff;
	border: 1px solid #222;
	border-right: 2px solid;
	border-bottom: 2px solid;
	margin-bottom: 1.25em;
}

table thead, table tfoot {
	background: #f5f5f5;
	font-weight: 400;
}

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
	display: table-cell;
	line-height: 1.125em;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
	background: #F9F9F9;
}

table tr th, table tr td {
	color: #222;
	font-size: 0.875em;
	padding: 0.5625em 0.625em;
	text-align: left;
}

.panel.callout { background-color: #222; color: #fff; border-color: #F9F9F9; }

.sample-icon{ width: 20%; float: left; font-size: 16px; color: #525252; }
.sample-text{ width: 80%; float: left; }

.icon-printer, .icon-envelope {
  line-height: 1;
  width: 1em;
  height: 1em;
}

.icon-print:before { content: '\e056'; }
.icon-envelope:before { content: '\e038'; }


.icon-print:before, .icon-envelope:before {
  font-family: 'outlined-iconset';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* tooltip bootstrap */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
  max-width: 200px;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* Icons presentation */
.glyphs.css-mapping {
	color: rgba(0, 0, 0, 0.5);
	margin: 0 0 60px;
	padding: 30px 0 20px 30px; 
}
.glyphs.css-mapping li {
	display: inline-block;
	margin: 0 30px 20px 0;
	overflow: hidden;
	padding: 0;
}
.glyphs.css-mapping .icon {
	color: #162A36;
	float: left;
	font-size: 24px;
	height: 50px;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 13px;
	width: 50px;
}
.glyphs.css-mapping input, .glyphs.css-mapping .label {
	background-color: #fff;
	border: 1px solid #d8e0e5;
	border-radius: 5px;
	display: block;
	float: right;
	font-size: 16px;
	height: 40px;
	line-height: 16px;
	margin: 5px 0 0;
	outline: none;
	padding: 8px;
	width: 150px;
}

/* Extra Style MOD's 14-9-15 */
.headline-logo{ width: 140px !important; position: relative; top: 31px !important; }
#logo { width: 140px !important; margin-top: 12px !important; }